2018年05月_清风明月的博客

原创如何提高网页的加载速度 ——优化网页图片加载

1、使用响应式图片响应式图片的优点是浏览器能够根据屏幕的大小，设备像素比ppi、横竖屏自动加载合适的图片，如使用srcset：&amp;lt;img srcset=&quot;pic_w350.jpg 1x, pic_w640.jpg 2x&quot; src=&quot;pic_w350.jpg&quot; alt=&quot;&quot;&amp;gt;屏幕的ppi=1

2018-05-31 12:46:21 29163 1

原创如何提高网页的加载速度 ——减少网页渲染阻塞

页面打开的快慢，可以用两个指标描述：一个是ready时间，一个是load时间优化策略：一、减少渲染阻塞： 1、避免head标签JS阻塞所有放在head标签里面的CSS和JS都会阻塞渲染，如果这些CSS和JS需要加载很久，页面就会空白，两种解决方法：第一种是把script放到body里面，第二种是给script加defer属性（defer属性是HTML5新增的属性，一旦script...

2018-05-31 11:18:30 2674

原创 JSON的特点和优势

检测变化的注意事项受现代JavaScript的限制（以及废弃Object.observe）, Vue不能检测到对象属性的添加或删除。由于vue会在初始化实例时对属性执行getter/setter转化过程，所以属性必须在data对象上存在才能让vue转换它，这样才能让它是响应的。例如：var vm = new Vue({ data:{ num:1 }...

2018-05-29 22:32:18 17484

原创 vue基础笔记四

检测变化的注意事项受现代JavaScript的限制（以及废弃Object.observe）, Vue不能检测到对象属性的添加或删除。由于vue会在初始化实例时对属性执行getter/setter转化过程，所以属性必须在data对象上存在才能让vue转换它，这样才能让它是响应的。例如：var vm = new Vue({ data:{ num:1 }...

2018-05-29 22:03:50 114

MVVM全称是Model-View-ViewModel Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟随变化。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body,也可以是某个id所指代的元素。 DOMListenters和DataBindi...

2018-05-27 21:09:47 1425

原创 vue.js 与angular.js以及react.js 的区别

与Angular.js的区别相同：都支持指令：内置指令和自定义指令。都支持过滤器：内置过滤器和自定义过滤器都支持双向数据绑定。都不支持低端浏览器。不同点： 1、Angular.js的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。 2、在性能上，Angular.js依赖对数据做脏检查，所以watcher...

2018-05-26 12:44:33 2330

原创 vue基础笔记五

什么是闭包？有权访问另一个函数作用域内变量的函数都是闭包。闭包就是一个函数引用另一个函数的变量，因为变量被引用着所以不会被回收，因此可以用来封装一个私有变量，这是优点也是缺点，不必要的闭包只会徒增内存消耗...

2018-05-25 22:41:25 305

原创 HTML语义化以及HTML5新的语义化标签

什么是语义化？语义化就是用有一定语义的英文字母（标签）表示，尽量使用官方的有语义的标签。为什么要语义化？ 1、呈现好的内容结构和代码结构 2、提高用户体验（title、alt） 3、利用SEO，语义化能和搜索引擎建立良好的联系，有利于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键词的权重 4、方便其他设备解析以语义的方式来渲染网页 5、语义化更具可读性，遵循W3C标...

2018-05-25 13:37:41 566 1

原创 vue基础笔记三

vue具有“单个文件组件”，这似乎是对于关注分离的权衡-模版，脚本和样式在一个文件中，但在三个不同的有序部分中。这意味这你可以获得语法高亮，css支持以及更容易使用预处理器（如Jade预编译html或SCSS是css开发简写工具） Vue相比于Vngular和React是最轻量的。 Vue始终是可及的，一个坚固的，但是灵活的安全网，保证变成效率和把操作DOM造成的痛苦降到最低。 Vue.js...

2018-05-24 22:01:09 125

原创 vue基础笔记二

增强可读性 1、组件文件只要有能够拼接文件的构建系统，就把每个组件单独分成文件。当你需要编辑一个组件或者查阅一个组件的用法时可以快速找到它。正例： components/ |- TodoList.vue |- TodoItem.vue 反例：Vue.component('TodoList',{})Vue.component('TodoItem',{})2、单文件...

2018-05-23 23:49:18 245

原创 vue基础笔记一

vuex 负责状态管理；vue-router负责前端路由；devtools extension 帮助开发者调试；vue-cli 配置webpack的模版；axios负责网络请求；vue相关概念vue是2016年发展最迅速的JS框架之一。vue将自己描述为一款“用于构建直观，快速和组件化交互式界面的MVVM框架”。它于2014年2月首次由google前员工Evan You发布。尤其是考虑到Vue在没...

2018-05-22 21:33:04 200

原创 ES6 常用特性 —— —— var和let和const的区别

ES6之前一直用 var 来声明变量，在ES6中，常用 let 和 const 来声明，它们都是块级作用域；let 命令只在代码块有效，不允许重复声明；const 声明的变量是常量，它的值被设置后不能修改，所以一旦声明后必须立即初始化，不能留到后面赋值；...

2018-05-21 15:26:27 215

清风明月的博客

原创如何提高网页的加载速度 ——DNS优化和代码优化

原创如何提高网页的加载速度 ——图片压缩和网页资源缓存