摘要：
hybrid文字解释 hybrid即 “混合” ，前端和客户端混合开发 需要前端和客户端的人员配合完成 某些环节也可能涉及到server端 hybrid存在价值 快速更新迭代，不需要app审核 减少开发和沟通成本，双端公用一套代码（基本上） 体验流畅，和原生差别不大 hybrid和h5的区别 hyb 阅读全文
摘要：
本质区别 Vue是MVVM的框架，由MVC发展而来。 React是前端组件化框架，由后端组件化发展而来。 但这并不妨碍它们实现相同的功能 模板的区别 vue的模板使用的是各种指令。需要学习各种指令的使用 而React使用的是JSX，将html模板和js代码混合在了一起，学习成本比较低，都是已有的知识 阅读全文
摘要：
JSX JSX语法 JSX解析成js 独立的标准 jsx语法 html形式 引入js变量和表达式（用{}，在{}内部可以写js语法，注释，甚至是html和js混用，但并不能被浏览器解析，） 事件 style和className if...else 循环 jsx解析成js 与vue的模板解析类似，实际 阅读全文
摘要：
组件化思想 组件的封装 组件的复用 封装 视图 数据 变化逻辑（通过数据驱动视图） 复用 props的传递（通过传递不同的属性，参数来达到不同的效果） 阅读全文
摘要：
MVVM： M:model V:view VM:viewmodel 将数据和视图分离，解耦。 用数据驱动视图。 Vue的实现大致流程 第一：解析模板并生成render函数 第二：响应式监听 第三：首次渲染，显示页面，绑定依赖 第四：data属性变化，触发更新html 解析模板： render函数中通 阅读全文
摘要：
什么是vdom，为何使用vdom virtual dom，虚拟dom 通过js模拟dom结构 目的是为了减少dom操作，dom操作是浏览器中最耗费性能的事。我们在使用操作dom的时候，比如要将ul中的3个li中的第二个li删除，我们需要删除3个li，再引入2个没删除的li，但这样太耗费性能，我们想要 阅读全文
摘要：
浏览器解析基本流程 浏览器解析的基本流程 reflow和repaint reflow，浏览器根据各种样式来计算并根据计算结果将元素放到确定的地方。repaint： relfow完成之后，浏览器把这些元素按照各自的特性绘制一遍。 引起reflow和repaint的操作 引起repaint的操作 一个元 阅读全文
摘要：
1. click事件 单击事件，类似于PC端的click，但在移动端中，连续click的触发有200ms ~ 300ms的延迟 2. touch类事件 触摸事件，有touchstart touchmove touchend touchcancel 四种之分 touchstart：手指触摸到屏幕会触发 阅读全文
摘要：
UI事件 load unload scroll resize 焦点事件 blur focus 鼠标事件 mouseleave mouseenter UI事件 load unload scroll resize 焦点事件 blur focus 鼠标事件 mouseleave mouseenter lo 阅读全文
摘要：
Gulp gulp常用插件列表 gulp-uglify //使用uglify()函数，压缩代码，只能压缩js gulp-concat //使用concat()函数，合并代码 gulp-autoprefixer //使用autoprefixer()，自动为css3属性添加浏览器私有前缀 gulp-cs 阅读全文