摘要:通常情况下我们的 WebApp 是有我们的自身代码和第三方库组成的,我们自身的代码是会常常变动的,而第三方库除非有较大的版本升级,不然是不会变的,所以第三方库和我们的代码需要分开打包,我们可以给第三方库设置一个较长的强缓存时间,这样就不会频繁请求第三方库的代码了。 那么如何提取第三方库呢?在 web 阅读全文
posted @ 2019-06-19 15:36 孙首富 阅读(2035) 评论(0) 推荐(2) 编辑
摘要:压缩代码 18 天前30前端开发 压缩代码 18 天前30前端开发 压缩 JavaScript 修改 JavaScript 压缩处理器 其他压缩 JavaScript 的方法 加快 JavaScript 执行速度 作用域提升 预执行 提升解析 压缩 HTML 压缩 CSS 配置 CSS 压缩 压缩图 阅读全文
posted @ 2019-05-23 11:26 孙首富 阅读(3426) 评论(0) 推荐(1) 编辑
摘要:大多数人知道现代网络浏览器使用GPU来渲染部分网页,特别是具有动画的部分。 例如,使用transform属性的CSS动画看起来比使用left和top属性的动画更平滑。 但是如果你问,“我如何从GPU获得平滑的动画?”在大多数情况下,你会听到像“使用transform:translateZ(0)或wi 阅读全文
posted @ 2019-04-02 14:00 孙首富 阅读(187) 评论(0) 推荐(1) 编辑
摘要:Morgan是一个node.js关于http请求的日志中间件 安装模块 npm install morgan --save #保存到package.json的依赖列表1使用方法 在终端打印日志...var logger = require('morgan');...app.use(logger('d 阅读全文
posted @ 2019-02-26 10:47 孙首富 阅读(1794) 评论(0) 推荐(0) 编辑
摘要:目录 0. 生命周期函数的更新 1. 全新的 Content API 2. React Strict Mode 3. Portal 4. Refs 5. Fragment 6. 其他 7. 总结 生命周期函数的更新 随着 React 16.0 发布, React 采用了新的内核架构 Fiber,在新 阅读全文
posted @ 2019-02-25 14:29 孙首富 阅读(667) 评论(0) 推荐(0) 编辑
摘要:给定 n 个非负整数 a1,a2,...,an,每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线,垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。 说明:你不能倾斜容器,且 n 的值至少为 2。 阅读全文
posted @ 2019-01-21 15:39 孙首富 阅读(161) 评论(0) 推荐(0) 编辑
摘要:今天的现代浏览器有时在系统资源受限的情境下会暂停页面或完全放弃执行它。将来,浏览器会主动执行此操作,因此它们会消耗更少的电量和内存。在Chrome 68中提供的Page Lifecycle API提供了生命周期钩子,因此网页可以安全地处理这些浏览器干预,而不会影响用户体验。具体请查看API了解你的应 阅读全文
posted @ 2019-01-18 10:23 孙首富 阅读(250) 评论(0) 推荐(1) 编辑
摘要:离屏Canvas — 使用Web Worker提高你的Canvas运行速度 原文链接: developers.google.com 现在因为有了离屏Canvas,你可以不用在你的主线程中绘制图像了! Canvas 是一个非常受欢迎的表现方式,同时也是WebGL的入口。它能绘制图形,图片,展示动画,甚 阅读全文
posted @ 2019-01-17 15:46 孙首富 阅读(2228) 评论(0) 推荐(0) 编辑
摘要:1、获取指定范围内的随机数 1 2 3 function getRadomNum(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min; } 1 2 3 function getRadomNum(min,max){ re 阅读全文
posted @ 2019-01-17 10:31 孙首富 阅读(723) 评论(0) 推荐(0) 编辑
摘要:React 性能调优总结 首先要说一个库: why-did-you-update, 地址:why-did-you-update, 利用这个库可以在页面上快速看到多余渲染的问题: 因为多数情况下我们在React组件当中是不会去写shouldComponentUpdate这个hook来避免多余渲染的,所 阅读全文
posted @ 2019-01-07 15:39 孙首富 阅读(177) 评论(0) 推荐(0) 编辑