摘要：
参考： 浏览器缓存知识小结及应用 chrome61测试： 首页 js 测试结果： node服务器自动开启协商缓存（以上配置中间件取消了文件的协商缓存） 对于ajax，可以服务器可以设置对应的头，也可以启动强缓存或者协商缓存，也就是说可以控制ajax的缓存的。这里有一点要注意，如果使用浏览器去访问接口 阅读全文
摘要：
ajax jsonp polling setInterval定期发送ajax请求。服务器压力大，浪费流量，大部分是无效请求 ajax long polling ajax发起请求，服务器对于这个请求一直等待到了有有效数据（或time out）才进行响应，期间一直维持这个请求，客户端接收到响应后马上发起 阅读全文
摘要：
http://www.ruanyifeng.com/blog/2017/05/css-variables.html http://mp.weixin.qq.com/s/sygT8UNvxlLc5xrDg0XfgA postcss是一个css编译工具，node、gulp、webpack下都有对应的插件 阅读全文
摘要：
同源是指：协议、域名、端口 三者相同，三者相同，则称为在同一个域中。 一个域内的脚本仅仅具有本域内的权限，可以理解为本域脚本只能读写本域内的资源，而无法访问其它域的资源。现代浏览器在安全性和可用性之间选择了一个平衡点。在遵循同源策略的基础上，选择性地为同源策略“开放了后门”，如script、img、 阅读全文
摘要：
单行文本 多行文本+图片+任意大小的块 后面提供的3个例子中，只要把里面的#pic 的宽高去除，也是可以实现任意大小的div居中的。往里面填充任意的多行文字，也是可以居中的。 实际上，有这样的规律： 任意大小的div垂直居中 =》任意多行文字垂直居中 =》 固定大小的div垂直居中 =》图片垂直居中 阅读全文
摘要：
测试表单中的ngController。直接看红字结论部分即可 以上两个值能正常显示。得出 f.addr实际上就是addrModel上的ngModelController，继续测试，对以上例子进行改造： 运行结果：只显示一个true，那个custom value就不显示了。那是因为每一个ngModel 阅读全文
摘要：
场景： 一个非常复杂的表单页面，页面有5个标签，第五个标签中又有5个标签，也就是说一共有9个标签，每个标签中都有一个表单，表单之间相互关联、所有表单项（包括复合的），有80多个数据。全部东西写在一个html内。当电脑机器比较慢的时候，ng没启动完全时，会有短暂的页面混乱，表达式，花括号等，解决这个问 阅读全文
摘要：
参考 前端性能优化之加载技术 关于Preload, 你应该知道些什么？ Preload，Prefetch 和它们在 Chrome 之中的优先级 对以下文章的补充 简单汇总了一下web的优化方案 关于页面加载 图片处理 预加载，在onload之后动态插入img标签，使浏览器提前缓存该图片 懒加载，使用 阅读全文
摘要：
参考： 浅谈javascript函数节流 当某个函数被非常频繁地触发，但它期间只少数地几次，限制两次执行的时间间隔不能太短，从而实现性能优化，这样的函数称为节流函数，一般用在窗口缩放、滚动监听等。 实现方式： 阅读全文
摘要：
参考： 掘金-JS和CSS的位置对资源加载顺序的影响 起舞-什么是关键CSS 有兴趣也可以看看这里一篇关于页面加载的文章。以上掘金那篇文章说css的加载不会影响其他资源的下载，但是我测试了一下，发现是css会影响图片的加载： 另外两个css是空的css。运行结果如下： 图片总是等到第一个css下载后 阅读全文