摘要: 详见:https://www.jianshu.com/p/bf6b45ce5bcc 阅读全文
posted @ 2019-02-21 14:32 jim520 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 首先了解一下基本概念: 前端性能指标分析-Start Render、DOM Ready、Page Load、TTI 前端性能量化标准: 这篇回答说了一些测量的标准,及测量工具 知乎上一篇个人觉得还不错的(其中某些部分可能有点老了,但也写的很透彻了)具体回答了如何优化:网站为什么 JS 调用尽量放到网 阅读全文
posted @ 2019-01-22 15:19 jim520 阅读(1224) 评论(0) 推荐(0) 编辑
摘要: 在使用create react build项目时,发现build的目录内的js,css引用使用的地址前面使用的是/XXX而不是./XXX这就导致了引用资源的地址无效 / 表示根目录 ./ 表示当前目录 ../表示父级目录 修复方法有多种: 最简单的是在package.json内定义一个 "homep 阅读全文
posted @ 2019-01-11 17:51 jim520 阅读(2112) 评论(0) 推荐(0) 编辑
摘要: 详见:https://segmentfault.com/a/1190000007126268#articleHeader6 解释了如何通过webpack在build时将index.ejs(或其他模板文件)转成index.html并插入打包好的相关css,js标签到index页面的指定位置(如:hea 阅读全文
posted @ 2019-01-11 15:08 jim520 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 首先要明白bash是什么: shell是一个程序,可以称之为壳程序,用于用户与操作系统进行交互。用来区别与核,相当于是一个命令解析器,Shell有很多中,这里列出其中几种 - Bourne SHell(sh) - Bourne Again SHell(bash) - C SHell(csh) - K 阅读全文
posted @ 2019-01-07 17:23 jim520 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 在用chrome访问一个网站时会发现不同的请求有的被缓存了有的没有, 但他们都有相同的Response Header信息比如: 原因如下: 如果在同一标签中对同一URI的另一个请求后立即发出请求(通过单击刷新按钮,或F5之类的),Google Chrome会忽略该标头Cache-Control或Ex 阅读全文
posted @ 2019-01-07 16:35 jim520 阅读(3733) 评论(0) 推荐(0) 编辑
摘要: 有以下情况:比如我们基于1月份的主分支建了一个3月份的主分支,我们已经基于3月份的主分支建了自己的分支并merge了一个自己的分支进去。但是现在有需求上patch所以基于1月份的主分支建了一个2月份主分支,哪么如何把3月份我们commit和merge的分支在2月份重新提交呢,这时就可以使用 git 阅读全文
posted @ 2019-01-03 11:51 jim520 阅读(2123) 评论(0) 推荐(0) 编辑
摘要: 在高性能jiavascript一书中提到switch性能比if-else好,但是如何switch在一个case里面写多个条件呢: switch case多值匹配一般有两种情况 1.列举(将所有值列举出来) var n= 3;switch (n){ case 1: case 2: case 3: co 阅读全文
posted @ 2018-12-28 17:05 jim520 阅读(15411) 评论(0) 推荐(0) 编辑
摘要: 首先:devtool是干什么的? Choose a developer tool to enhance debugging.其实就是选择一种调试代码的方式 详见: webpack——devtool里的7种SourceMap模式 阅读全文
posted @ 2018-12-26 18:19 jim520 阅读(519) 评论(0) 推荐(0) 编辑
摘要: webpack中webpack-dev-server是一个简单的web服务器,可以帮助我们实现代码的热更新,即在实际开发中只需保存修改完后的代码,不用手动刷新页面就可以看到效果。在使用webpack-dev-server时,会发现在对js、css文件中的代码修改时,可以很容易地实现页面热更新;修改h 阅读全文
posted @ 2018-12-26 17:42 jim520 阅读(814) 评论(0) 推荐(0) 编辑