Web前端性能优化教程07：精简JS 移除重复脚本
本文是Web前端性能优化系列文章中的第七篇，主要讲述内容：精简Javascript代码，以及移出重复脚本。完整教程可查看：Web前端性能优化 一、精简javascript 基础知识 精简：从javascript代码中移除所有的注释以及不必要的空白字符(空格，换行和制表符)，减少javascript文件的大小。 混淆：和 …
您当前位置: 首页 »
web前端
分类目录归档: web前端 - 第11页
Web前端性能优化教程06：减少DNS查找、避免重定向
本文是Web前端性能优化系列文章中的第六篇，主要讲述内容：减少DNS查找、避免重定向。完整教程可查看：Web前端性能优化 一、减少DNS查找 基础知识 DNS(Domain Name System)： 负责将域名URL转化为服务器主机IP。 DNS查找流程：首先查看浏览器缓存是否存在，不存在则访问本机DNS缓存，再不存 …
Web前端性能优化教程05：网站样式和脚本
本文是Web前端性能优化系列文章中的第五篇，主要讲述内容：网站样式和脚本代码的放置位置、使用外部javascript和css。完整教程可查看：Web前端性能优化 一、将样式表放在顶部 可视性回馈的重要性 进度指示器有三个主要优势——它们让用户知道系统没有崩溃，只是正在为他或她解决问题；它们指出了用户大概还需要等多久，以 …
Web前端性能优化教程04：压缩组件
本文是Web前端性能优化系列文章中的第四篇，主要讲述内容：压缩组件。完整教程可查看：Web前端性能优化 基础知识 gzip编码：gzip是GUNzip的缩写，是使用无损压缩算法的一种，最早是用于Unix系统的文件压缩，凭借着良好的压缩效率，现在已经成为Web上使用最为普遍的数据压缩格式。 压缩是如何工作的 客户端请求报 …
Web前端性能优化教程03：添加Expires头
本文是Web前端性能优化系列文章中的第三篇，主要讲述添内容：加Expires头。完整教程可查看：Web前端性能优化 什么是Expires头？ Expires存储的是一个用来控制缓存失效的日期。当浏览器看到响应中有一个Expires头时，它会和相应的组件一起保存到其缓存中，只要组件没有过期，浏览器就会使用缓存版本而不会进 …
Web前端性能优化教程02：使用内容分发网络
本文是Web前端性能优化系列文章中的第二篇，主要讲述CDN的原理及简单应用。完整教程可查看：Web前端性能优化 基础知识 服务器离用户越近，HTTP请求的响应时间将更短。 CNAME：别名记录，当多个域名需要指向同一服务器IP，可以使用一个域名做A记录指向该服务器IP，然后让多个域名指向该A记录。 ICP：Intern …
Web前端性能优化教程01：减少Http请求
本文是Web前端性能优化系列文章中的第一篇，主要讲述如何减少减少Http请求。完整教程可查看：Web前端性能优化 性能黄金法则 只有10%-20%的最终用户响应时间花在接收请求的HTML文档上，剩下的80%-90%时间花在HTML文档所引用的所有组件(图片，script，css，flash等等)进行的HTTP请求上。 …
封装一个count方法，能实现如此调用：count(a)(b)(c)(d)(e)… 并且返回的值为参数连乘的结果，即a*b*c*d*e*
封装一个count方法，能实现如此调用：count(a)(b)(c)(d)(e)… 并且返回的值为参数连乘的结果，即a*b*c*d*e* 先写出正确代码： function count(x){ var fn = function(y){ return count(x*y); } fn.toString = functi …
【转】剖析HTTP中的Get与Post操作
Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了， …
JS函数声明问题：var a=function b(){}为什么b()为undefined?
var a= function b(){ alert(“hello”); }; a(); //hello b(); //undefined 这个如何理解呢？ 先来一个表象上的解释吧： 一个表达式，等号左侧是定义变量名，右侧是给这个变量赋值，我们在上下文中调用的肯定是左侧的变量名，而不是右侧的值。 …