京鸿一瞥 - 博客园

2020年11月25日

摘要：接着第一节的demo 现在我们尝试整合一些其他资源，比如图像，看看 webpack 如何处理。在 webpack 出现之前，前端开发人员会使用 grunt 和 gulp 等工具来处理资源，并将它们从 /src 文件夹移动到 /dist 或 /build 目录中。同样方式也被用于 JavaScrip 阅读全文

posted @ 2020-11-25 17:30 京鸿一瞥阅读(123) 评论(0) 推荐(0)

module.exports与exports，export与export default的区别

摘要： exports、module.exports 和 export、export default 到底是咋回事前言难得有空，今天开始重新规范的学习一下node编程。但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。阿西吧，头都大了.. 阅读全文

posted @ 2020-11-25 12:23 京鸿一瞥阅读(346) 评论(0) 推荐(0)

1、webpcak 起步

摘要：安装，一般本地安装（不是所有的项目都用得着webpack） (-save生产环境 --save-dev开发环境) （webpack v4+版本还需要安装cli，才能使用 webpack 命令行） npm install webpack webpack-cli --save-dev 局部的安装会发现阅读全文

posted @ 2020-11-25 12:11 京鸿一瞥阅读(148) 评论(0) 推荐(0)

2020年11月19日

js 代码注释规范与示例

posted @ 2020-11-19 15:50 京鸿一瞥阅读(1077) 评论(0) 推荐(0)

crt 8 注册码

摘要： name: ygeR company: TEAM ZWT serial Number: 03-56-394013 Issue Date: 04-28-2018 License Key: ACDSXD NJG9UP WFDAPV 1GHYTE ABNB2F BS4JE4 RQ58JW D3VTAZ 阅读全文

posted @ 2020-11-19 12:25 京鸿一瞥阅读(998) 评论(0) 推荐(0)

2020年11月18日

HTML DOM 事件

摘要：键盘事件表单事件 onselectstart 选中文本之前，对 input 无效阅读全文

posted @ 2020-11-18 14:21 京鸿一瞥阅读(80) 评论(0) 推荐(0)

2020年11月17日

split、slice、slice

摘要： split() 方法用于把一个字符串分割成字符串数组。第二个参数是设置返回数组的长度(可选) "2:3:4:5".split(":") //将返回["2", "3", "4", "5"] "|a|b|c".split("|") //将返回["", "a", "b", "c"] 注释：String. 阅读全文

posted @ 2020-11-17 17:08 京鸿一瞥阅读(177) 评论(0) 推荐(0)

前端性能优化实践

摘要：首先，我们先来看看“雅虎军规”的35条：尽量减少 HTTP 请求个数——须权衡使用 CDN（内容分发网络）为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。避免空的 src 和 href 使用 gzip 压缩内容把 CSS 放到顶部把 JS 放到底部避免阅读全文

posted @ 2020-11-17 16:48 京鸿一瞥阅读(121) 评论(0) 推荐(0)

CSS 阻塞和 js 阻塞

摘要：默认情况下，CSS 被视为阻塞渲染的资源，这意味着浏览器不会渲染任何已处理的内容，直至CSSOM构建完毕 javascript 不仅可以读取和修改DOM 属性，还可以读取和修改CSSOM 属性当浏览器遇到一个script标记时，DOM 构建将暂停，直至脚本完成执行。 javascript 可以查询阅读全文

posted @ 2020-11-17 16:13 京鸿一瞥阅读(975) 评论(0) 推荐(0)

回流重绘

摘要：回流（render tree 的重排）前面我们通过构造渲染树，我们将可见DOM节点以及它对应的样式结合起来，可是我们还需要计算它们在设备视口(viewport)内的确切位置和大小，这个计算的阶段就是回流。为了弄清每个对象在网站上的确切大小和位置，浏览器从渲染树的根节点开始遍历，我们可以以下面这阅读全文

posted @ 2020-11-17 14:59 京鸿一瞥阅读(96) 评论(0) 推荐(0)