摘要:
CommonsChunkPlugin 默认情况下CommonsChunkPlugin可以将多entry的公共依赖模块提取到一个chunk文件。 实际上如果不是多entry,在同一entry系列里的重复引入模块,是不会被webpack重复打包的。 第二个默认行为是如果不是多入口且没有指定打包的库,会打 阅读全文
摘要:
"随书代码" 1 React 新的前端思维方式 react的理念 2 设计高质量的React组件 当 prop 的值不是字符串类型时,在 JSX 中必须用花括号 {} 包住, 所以 style 的值有两层花括号,外层花括号代表是 JSX 的语法,内层的花括号代表这是一个对象常量。 可以使用 babe 阅读全文
摘要:
npm 脚本的原理非常简单。每当执行npm run,就会自动新建一个 Shell,在这个 Shell 里面执行指定的脚本命令。因此,只要是 Shell(一般是 Bash)可以运行的命令,就可以写在 npm 脚本里面。 比较特别的是,npm run新建的这个 Shell,会将当前目录的 子目录加入PA 阅读全文
摘要:
"个人示例" "官方示例" 编写通用代码 编写通用代码 "通用"代码 即运行在服务器和客户端的代码。由于用例和平台 API 的差异,当运行在不同环境中时,代码将不会完全相同。 服务器上的数据响应 在纯客户端应用程序(client only app)中,每个用户会在他们各自的浏览器中使用新的应用程序实 阅读全文
摘要:
"官方示例examples" 状态管理模式 new Vue({ // state data () { return { count: 0 } }, // view template: ` {{ count }} `, // actions methods: { increment () { this 阅读全文
摘要:
"官方示例examples" $route可以获取到路由相关的数据。 $router可以使用路由相关的方法。 动态路由匹配 路由匹配规则是restful的, 当使用如 的params时, 例如从 导航到 ,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过, 阅读全文
摘要:
vscode 大多与webstorm类似 命令 作用 Ctrl + F 当前文件查找 Ctrl + Shift + F 全局文件查找 Ctrl + H 查找替换 Ctrl + B 全屏切换 Ctrl + D 快速选中相同,用于批量修改 ctrl + / 单行注释 alt + shift + A 多行 阅读全文
摘要:
js中的值对比 "js中的值对比" Date处理 获取当前Unix时间,三种写法等效 es5、es6边界 es5 es6 数字处理 num类型可为number 或 string : 不过js的位运算性能很差,不要用在频繁计算中。 数组处理 快速浅复制 数组找值 复制 浅复制只复制一层对象的属性,而深 阅读全文
摘要:
垂直居中偏移问题 line-height 在安卓中出现往上偏移的现象。(在ios可能会出现下掉....暂不知晓原因) 原因: 可能是使用了奇数字号。 可能是字号小于12px。 本质原因: 可能是Android在排版计算的时候参考了primyfont字体的相关属性(即HHead Ascent、HHea 阅读全文
摘要:
Loading and Execution 加载和运行 一般来说浏览器中有多种线程:UI渲染线程、javascript引擎线程、浏览器事件触发线程、HTTP请求线程等。多线程之间会共享运行资源,浏览器的js会操作dom,影响渲染,所以js引擎线程和UI渲染线程是互斥的,导致执行js时会阻塞页面的渲染 阅读全文