svg格式

1.在src/ 下面新建目录icons，里面新建文件夹svg，和文件index.js 。svg用于存放从iconfont下载下来的svg格式的图标，index.js用于引入使用到svg文件和对应的组件。 import Vue from 'vue' import SvgIcon from '@/components/SvgIcon'// 自定义的svg组件 // register globally Vue.component('svg-icon', SvgIcon)//在vue中全局引入图标组件 //引入所有的svg组件 const requireAll = requireContext => requireContext.keys().map(requireContext) const req = require.context('./svg', false, /\.svg$/) const iconMap = requireAll(req) 　　注意:“ require.context('./svg', false, /\.svg$/) ”表示引入 svg目录下的所有svg文件。 引入svg文件时，引入的文件路径要和实际路径保持一致 2.vue编译svg文件默认使用的是 url-loader ，我们需要安装 svg-sprite-loader 进行处理； npm install

HTML5 Day01： *概念： *HTML5之后，声明不在出现版本信息 *HTML5永远不可能离开JavaScript。 *HTML5在移动端支持好于PC端 * HTML新表单： *input新类型： 1 *email类型 - 验证是否包含“@” 2 *url类型 - 验证是否包含"http://" 3 *tel类型 - 只在移动端显示 4 *number类型 5 *range类型 6 *date类型 7 *color类型 *表单新元素： 1 *datalist元素 - 类似于select元素 2 *datalist元素 - 预定义数据内容（option） 3 *使用<input>元素的list属性 4 *prograss元素 - 进度条 5 *max - 设置最大值 6 *value - 设置当前进度 7 *meter元素 - 刻度 8 *min、max - 最小最大值 9 *value - 设置当前值 10 *low - 设置低预警 11 *output元素 *表单新属性： 1 *placeholder - 提供默认提示内容 2 *multiple - 允许输入多个值，多个值之间使用"," 3 *autofocus - 自动获取焦点 4 *form - 允许表单元素定义在表单之外 *表单新验证 *验证属性： 1 *required属性 2 *验证当前元素值是否为空 3