目录一级目录1. 减少 HTTP 请求2. 使用 HTTP23. 使用服务端渲染4. 静态资源使用 CDN5. 将 CSS 放在文件头部，JavaScript 文件放在底部6. 使用字体图标 iconfont 代替图片图标7. 善用缓存，不重复加载相同的资源8. 压缩文件9. 图片优化10. 通过 webpack 按需加载代码，提取第三库代码，减少 ES6 转为 ES5 的冗余代码11. 减少重
转载
2023-07-23 21:22:06
62阅读
Author: 李丽媛Date: 2010/6/2Email: lly219#gmail.com2 JavaScript 优化方案 2.1测试驱动开发为了编写可维护的 JavaScript，测试驱动是必不可少的。因为每个测试都起到质量反馈的作用，给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。
转载
2010-06-03 14:17:00
172阅读
2评论
1 尽量少使用全局查找，比如全局变量，如果要多次使用，可以将全局变量存为局部变量再使用eg：function(){
var body=document.body;
alert(body):
body.innerHTML="hello world"
}2.优化循环 （1）减值循环 i--（2）do-while比for循环快 （3）简化循环条件 比如循环条件少计算 3 Dom层-最小化现场操
转载
2023-07-05 10:45:49
73阅读
关于前端性能优化的讨论一直都很多，包罗的知识也很多，可以说性能优化只有更好，没有最好。前面我写了一篇关于css优化的总结文章，今天再从javascript方面聊一聊。 1.从资源加载方面来说，浏览器的加载顺序是按源码从上到下加载解析的，遇到link,script等资源都会阻塞页面渲染，所以我们会把s
转载
2019-01-10 15:44:00
115阅读
2评论
前端性能优化（JavaScript篇） 正巧看到在送书，于是乎找了找自己博客上记录过的一些东西来及其无耻的蹭书了~~~ 小广告：更多内容可以看我的博客 优化循环 如果现在有个一个data[]数组，需要对其进行遍历，应当怎么做？最简单的代码是： for (var i = 0; i < data.len ...
转载
2021-09-15 11:03:00
262阅读
2评论
正巧看到在送书，于是乎找了找自己博客上记录过的一些东西来及其无耻的蹭书了~~~ 小广告：更多内容可以看我的博客 优化循环 如果现在有个一个data[]数组，需要对其进行遍历，应当怎么做？最简单的代码是： for (var i = 0; i < data.length; i++) { //do som
转载
2020-04-11 20:55:00
43阅读
2评论
接本系列「关键渲染路径」「阻塞渲染的 CSS」，浏览器大致经过了：构建 DOM 树、构改网页的方方面面：内容、样式以...
原创
2023-03-13 18:41:41
184阅读
什么是短路表达式？ 短路表达式：作为"&&"和"||"操作符的操作数
原创
2022-04-25 14:05:10
115阅读
在很多优化法则中都提到，尽量将javascript放到页面底部，这是为什么呢我通过firebug进行了下简单的分析看下图本页面首尾都存在javascript代码我们分析得出1、整个页面文档家在结束才开始加载css和js以及其他的数据2、当顶部的所有js都家在结束之后才可以加载页面中的图片3、顶部的c...
转载
2014-06-27 08:37:00
69阅读
2评论
什么是性能优化性能优化就是让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。前端优化的方法有很多种，可以将其分为两大类，第一类是页面级别的优化如http请求数，内联脚本的位置优化等，第二类为代码级别的优化，例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。页面级别优化http请求减少
我觉得优化javascript是一门高深的学问，在这里也只能站在前人的肩膀上，说一些我浅显的认识，更希望的是抛钻引玉，如有不对，敬请斧正。 首先，要认识到是，优化js的关键之处在于，优化它的运行速度，以此为切入点。 javascript的优化原则是：二八原则 满足考量大多数情况，而遇到...
原创
2022-04-30 23:58:22
152阅读
大家好，我是前端岚枫，一枚二线城市的程序媛，今天主要跟大家分享我整理的前端的一些性能优化，js防抖节流，它是项目比较
原创
2022-09-23 23:00:33
93阅读
一、网络优化YSlow有23条规则，中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟，将需要传输的数据压缩至最少。1）合并压缩CSS、JavaScript、图片，静态资源CDN缓存通过构建工具Gulp，可以在开发的时候就将合并压缩的事情一起做掉。之所以要做合并压缩是因为：HTTP 1.x不允许一个连接上的多个响应数据交错到达（多路复用），因而一个响应必须完全返回后，下一个响应才
原创
2017-04-17 17:05:08
415阅读
总所周知，javascript是一门解释型的脚本语言，其主要的步骤为解释一行，执行一行，但这执行第一行代码之前，javascript会有一个预编译的步骤。大家有没有发现，有时我们在变量声明的前面使用该变量，不会报错。这种变量提升的情况也是属于预编译的中所做的。JavaScript的预编译分为全局预编译和局部预编译（函数预编译）全局预编译步骤：创建GO对象（Global Object）全局对象。找变
转载
2023-06-08 23:09:57
568阅读
内容目录：一、JavaScript介绍
二、基础语法
2.1 变量 2.2 数据类型 2.3 流程控制 2.5 函数的全局变量和局部变量 2.6 作用域 2.7 词法分析 2.8 内置对象和方法一、JavaScript介绍1.1 JavaScript是什么东西JavaScript 是 Web 的编程语言。
Jav
转载
2023-07-09 20:26:32
125阅读
文章目录JavaScript介绍基础运算符、数据转换控制语句if-else语句switch语句for语句while语句try语句对象String字符串对象Array数组对象DateRegExp正则Math声明提前BOM对象Window对象Location对象History对象DOM对象(DHTML)节点的方法寻找节点对象的方式DOM Event(事件)增删改查示例作用域 JavaScript介绍
转载
2023-10-08 11:05:01
66阅读
Web前端之JavaScript基础JavaScript介绍变量变量类型基本的数据类型Number String Boolean underfined nulltypeof运算符引用的数据类型Object Array Function算术运算符和赋值运算符比较运算符和逻辑运算符字符串 string对象字符串方法：字符串和数值相互转换方法字符串切片方法字符串查找方法字符串常用方法数组Array数组
转载
2023-12-18 19:12:13
50阅读
前端的JavaScript1、概述1.2、概念1.2、作用1.3、JavaScript的用法1.3.1、HTML页面中的JavaScript1.3.2、外部的JavaScript1.3.3、标签属性中的JavaScript1.4、JavaScript显示数据2、JavaScript的注释3、JavaScript的基本语法3.1、JavaScript变量3.2、JavaScript的语句3.3、J
转载
2023-08-29 16:12:08
30阅读
了解Javascript JavaScript, 简称为JS, 是一种运行在浏览器中的脚本语言; 可以被嵌入到HTML中直接使用, 用来使页面动态化. JS起初被设计用于在客户端对用户信息进行校验, netspace, Brendan Eich（布兰登·艾奇）用10天时间设计并开发了JS. ECMA262标准, 规范Javascript的标准. Javascript和JScript(微软)非常像.
转载
2023-09-01 14:03:33
37阅读
项目构建打包优化（通过speed-measure-webpack-plugin分析打包速度，使用BundleAnalyzerPlugin对打包结果进行分析）const SpeedMeasureWebpackPlugin = require("speed-measure-webpack-plugin");
const BundleAnalyzerPlugin = require("webpack-
转载
2023-06-30 17:46:40
82阅读
