zhu562002124的博客

HTML 编码规范下面有相当一部分内容引用 bootstrap 编码规范，有兴趣可以看看编码风格HTML 文件使用无 BOM 的 UTF-8 编码标签不要大写，即便是 doctype 标签。用 4 个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，永远全部使用双引号，绝不要使用单引号。不要在自闭合（self-closing）元素的尾部添加斜线 — HTML5 规范 中明确说明斜线是可忽略的。不要省略可选的

虽然实际需求肯定不会只做这件事情，但是这篇文章只讲如何把模板文件转换为 html 文件，其他的内容，请移步：编译 sass，压缩，抽离为单独的文件编译、压缩 ES6 语法的 js，抽离公共文件处理其他资源，image 文件，字体文件等把模板转换成 html 需要两个东西，一个是模板加载器，一个是 html 生成器，我的项目里使用的是腾讯的 art-template 模板，用到的插件如下：插件版本用途art-template^4.13.2模板核心插件art-tem

z-index问题 .test-div{ border:1px blue solid; width:300px; min-height:100px; position:relative; -z-index:0; font-size:18px; font-family:microsoft yahe;

一个页面导入外部JS文件，如果修改了这个JS，浏览器不清除缓存的话可能会一直读取缓存中的JS，这时候要解决问题最好是加载的时候加一个版本号，就是访问JS的时候URL带参数比如说：不带参数的写法带参数的写法每次版本号改变了，浏览器在缓存中找不到匹配的URL，就会从新从服务器下载了开发者知道清缓存，但是用户是不知道的

最近项目中，出现了一个比较奇葩的问题，就是在 IE 浏览器下，select 标签自带的小箭头乱码了显示成一个乱七八糟的字符。如图：首先问题说明：不是前端的事！不是前端的事！不是前端的事！但是对于领导和客户而言，页面不正常就是前端的事，跑不了。所以，解决它！这个问题原因是操作系统中的字符文件丢失，然后浏览器无法解码了。解决方案：    找字体修复工具，360啥的，自己研究下。