摘要：
1.场景：五部操作，第一步是form表单，后几步退回上一步希望form表单数据保存，保存form状态，使用keep-alive <keep-alive> <stepone v-if="currentTab 0" @backList="backList" @nextStep="nextStep" @c 阅读全文
摘要：
1. 利用打包工具打包压缩前端代码，webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多 2.按需加载 3.图片压缩优化，小图标用精灵图，减少对http的请求 打包后文件过大怎么处理 使用UglifyJSPlugin压缩 开启gzip压缩 第三方库不需要打包 阅读全文
摘要：
react 1.采用jsx，编程 2.公司维护，社区强大 3.适用于大型项目 4.即便同一个节点元素比如div，他的className不同，Vue就认为是两个不同类型的节点，执行删除旧节点、插入新节点操作。 vue 1.采用模板系统，就是html， 2.个人维护 3.适用于小型，轻量级项目，上手快 阅读全文
摘要：
服务端渲染 用户使用的浏览器浏览的都是一些没有复杂逻辑的、简单的页面，这些页面都是在后端将 html 拼接好的，然后返回给前端完整的 html 文件，浏览器拿到这个 html 文件之后就可以直接解析展示了 客户端渲染 随着前端页面的复杂性提高，前端就不仅仅是普通的页面展示了，可能是添加更多功能的组件 阅读全文
摘要：
模块化： 是具有特定功能的一个对象（ 广义理解 ），模块的内部数据的实现是私有的，只是向外部暴露一些接口（方法）与外部其他模块通信模块定义的流程：1.定义模块（对象）2.导出模块3.引用模块好处：可以存储多个独立的功能块，复用性高种类： AMD（ require.js）在浏览器端使用 CMD ( s 阅读全文
摘要：
WebUI中DOM节点跨层级的移动操作少的可以忽略不计，React对Virtual DOM树进行层级控制，只会对相同层级的DOM节点进行比较，即同一个父元素下的所有子节点，当发现节点已经不存在了，则会删除掉该节点下所有的子节点，不会再进行比较。这样只需要对DOM树进行一次遍历，就可以完成整个树的比较 阅读全文
摘要：
dom tree+css=render tree 回流 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这 阅读全文
摘要：
hover=mouseover+mouseout 单独使用hover不能实现鼠标滑过出现模块并在模块上操作的功能，通过mouseover和mouseout分两步走，代码如下，完美实现 $('.more').mouseover(function () { $(this).find('.content' 阅读全文