JavaScript 正则表达式 发表于 2018-03-31 | 分类于 JavaScript 参考资源:慕课网 JavaScript 正则表达式正则表达式的可视化开源工具 JavaScript 正则表达式REGEXP 对象JavaScript 通过内置对象 RegExp 支持正则表达式,有两种方法实例化 RegExp 对象 字面量 构造函数 字面量 1var reg = /\bis\b/ ... 阅读全文 »
浏览器存储、HTTP缓存、SSR 发表于 2018-03-24 | 分类于 前端性能优化 参考资源:HTTP 缓存 MDN服务端渲染与 Universal React App 浏览器存储Cookie HTTP 请求是无状态的,一次连接关闭,使用 Cookie去维持客户端状态,维护用户的登录信息。服务端可以判断这个请求是来自哪个客户端。 总结两点功能: 用于浏览器端和服务器端的交互 客户 ... 阅读全文 »
懒加载与预加载,重绘与回流 发表于 2018-03-24 | 分类于 前端性能优化 懒加载与预加载懒加载 图片进入可视区域之后请求图片资源 - 进入可视区域之后修改 src 属性 UI 与电商等图片资源很多,页面很长的业务场景使用 减少无效资源的加载 并发加载的资源过多会阻塞 js 的加载,影响网站的正常使用 实现方式:需要去监听 scroll 事件,在 scrool 滚动事件的 ... 阅读全文 »
资源合并与压缩 发表于 2018-03-23 | 分类于 前端性能优化 参考资料:[什么是 CDN–阿里云][1] 理解减少 HTTP 请求数量和减少请求资源大小的两个优化点 掌握压缩与合并的原理 掌握通过在线网站和 fis3 两种实现压缩的与合并的方法 HTTP 请求过程及潜在的性能优化点❓ 浏览器的一个请求从发送到返回都经历了什么? ❓ DNS 是否可用通过魂村 ... 阅读全文 »
JavaScript 迭代器与生成器 发表于 2018-03-21 | 分类于 JavaScript JavaScript 迭代器与生成器迭代器迭代器是一种检查容器内元素并遍历元素的数据类型。 迭代器(iterator)是一种对象,它能够用来遍历标准模板库容器中的部分或全部元素,每个迭代器对象代表容器中的确定的地址。迭代器修改了常规指针的接口,所谓迭代器是一种概念上的抽象:那些行为上像迭代器的东西 ... 阅读全文 »
JavaScript 递归上 发表于 2018-03-08 | 分类于 JavaScript 参考资料:翻译连载 | 第 9 章:递归(上)-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇 JavaScript 递归上定义所谓递归,是当一个函数调用自身,并且该调用做了同样的事情,这个循环持续到基本条件满足时,调用循环返回。 ⚠️ 警告: 如果你不能确保基本条件是递归 ... 阅读全文 »
Jenkins安装及基础配置 发表于 2018-03-07 | 分类于 前端工程化 参考资料: CentOS 上安装 JenkinsRedHat Linux RPM packages for JenkinsJenkins+Node.js持续集成Getting started with Jenkins and NodeCentOS 7 安装 GitlabJenkins、Git ssh ... 阅读全文 »
NPM 数组模块学习与使用 发表于 2018-03-05 | 分类于 模块 参考链接:awesome-micro-npm-packages NPM 数组模块学习与使用 类型 仓库地址 描述 数组 is-sorted 一个检查数组是否排序的小型模块 数组 array-first 获取数组的第一个元素,可以传递一个长度参数,返回从头部开始指定长度的元素的数组 ... 阅读全文 »
Object.assign() 与 扩展操作符(...) 发表于 2018-02-27 | 分类于 React 参考资料: MDN:Object.assign() MDN: 扩展操作符(...) 《React学习之道》扩展操作符 (可免费下载) Object.assign() 与 扩展操作符(…) React 提倡不可变的数据结构。因此你不应该改变一个对象(或者直接改变状态)。更好的做法是基于现在拥有的 ... 阅读全文 »
Jenkins NodeJS Plugin 插件安装使用 发表于 2018-02-10 | 分类于 前端工程化 Jenkins NodeJS Plugin 插件安装使用NodeJS Plugin 插件官方 WIKI: NodeJS Plugin 主要特性: 提供 NodeJS 的自动安装,可以创建并使用不同版本的 NodeJS 允许在每个项目安装全局的 npm 包 安装完成后可以执行 NodeJS 脚本 可 ... 阅读全文 »