web前端开发
文章平均质量分 61
zhiwenxuan
多一份努力,多一份幸运
展开
-
web前端开发性能优化
性能优化 优化原则 多使用内存、缓存或其他方法 多使用CPU计算,减少网络请求 入手方面: 加载页面和资源 资源压缩合并 使用CDN 静态资源缓存 使用SSR后台渲染,数据直接渲染成HTML 页面渲染 CSS在前,JS在后,这跟渲染的过程有关 懒加载 减少DOM查询,DOM查询前可以先做缓存 减少DOM操作,尽量合并操作 事件节流,比如设置一定时间才监听 尽早操作,比原创 2017-09-05 21:07:00 · 317 阅读 · 0 评论 -
信用卡格式
信用卡格式 defaultFormat = /(\d{1,4})/g; cards = [ { type: 'amex', pattern: /^3[47]/, format: /(\d{1,4})(\d{1,6})?(\d{1,5})?/, length: [15], cvcLength: [4], luhn: t...原创 2018-09-05 18:19:47 · 1718 阅读 · 0 评论 -
浏览器加载 JS 脚本流程
浏览器加载 JS 脚本流程 加载传统 ES5 JS 脚本的流程 在 HTML 网页中,浏览器通过<script>标签加载 JavaScript 脚本。 //页面内嵌的脚本 <script type="application/javascript"> // module code </script> //外部脚本 <script type="appli...原创 2018-10-11 16:43:38 · 5736 阅读 · 0 评论 -
Webpack 实战
Webpack 一些应用场景实战 本文主要讲 Webpack 在一些应用场景下的配置,如:ES6,SCSS,Vue,React 等等。希望对大家有帮助! ES6 使用 babel-loader, 可以将 ES6 源码转为 ES5 安装 npm i -D babel-core babel-loader 实例 const path = require(&quot;path&quot;); module.exports...原创 2018-10-13 18:32:48 · 899 阅读 · 0 评论 -
浏览器工作原理探究详解
浏览器工作原理探究 标签: 浏览器工作原理 / web性能优化 引言 最近对web的性能优化比较感兴趣,而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚,可以为web性能优化提供方向以及理论依据。 本文主要参考浏览器的工作原理:新式网络浏览器幕后揭秘,在此基础上整理而来的。个人觉得这是一篇好文章,所以进行整理转载,希望对大家有所帮助。(文章篇幅比较长,需花点时间_) 目录 浏览...转载 2018-09-28 18:33:36 · 811 阅读 · 0 评论 -
理解 JSON Web 令牌(JWT)的 5 个简单步骤
理解 JSON Web 令牌(JWT)的 5 个简单步骤 在本文中,将解释 JSON Web Tokens(JWT)的基本原理以及它们的使用原因。JWT 是确保应用程序信任和安全的重要部分。JWT 允许以安全的方式表示诸如用户数据之类的声明。 为了解释 JWT 如何工作,让我们从一个抽象的定义开始。 JSON Web 令牌(JWT)是一种 JSON 对象,在 RFC 7519 中定义为在两方之间表...翻译 2018-10-09 11:00:11 · 1320 阅读 · 0 评论