冰雪为融的博客

摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比较清晰的方向  内容部分 1.尽量减少HTTP请求数　　80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Fl...

前言一般来说，你不需要太关心vue的运行时性能，它在运行时非常快，但付出的代价是初始化时相对较慢。在最近开发的一个Hybrid APP里，Android Webview初始化一个较重的vue页面竟然用了1200ms ~ 1400ms，这让我开始重视vue的初始化性能，并最终优化到200 ~ 300ms，这篇文章分享我的优化思路。性能瓶颈在哪里？先看一下常见的vue写法：在html里放一...

 script标签用于加载脚本与执行脚本，在前端开发中可以说是非常重要的标签了。直接使用script脚本的话，html会按照顺序来加载并执行脚本，在脚本加载&执行的过程中，会阻塞后续的DOM渲染。现在大家习惯于在页面中引用各种的第三方脚本，如果第三方服务商出现了一些小问题，比如延迟之类的，就会使得页面白屏。好在script提供了两种方式来解决上述问题，async和defer...

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深有体会。笔者认为，为了更多地避免这一情况，首先要重视起性能优化相关的工作，将其贯穿到整个产品设计与开发中。其次，就是...

SEO优化通俗点说就是为了让网站在各大搜索引擎中更容易的被搜到，即提高搜索排行，从而提高网站流量的一个技术手段在写web页面的时候，为了让网络爬虫更容易的搜索到页面，需要注意几个点：html语义化刚接触web前端开发的时候很奇怪，既然html标签可以通过css进行更改它的内置属性，为什么还有这么多的标签存在<div>,<h1>,<span>,&l...

JavaScript《JavaScript高级程序设计》+ 入门级 +  306 票  + 豆瓣评分 9.3推荐语：恐龙：再次预言这本书能认真看十遍着 都能进bat阿琛：详尽地解读了JS这门语言的各个组成部分，透彻地剖析了JS所涉及的编程思想，深入浅出地演示了丰富的JS应用实例…读完这本书你不一定就能成为前端大牛，但如果你真的能把这本书读懂，吃透，那么你离JS高手肯定不远啦！ 《编写可维护的Jav...

一、HTML条件注释和javascript条件注释说明条件注释主要是针对ie的不兼容性，通过条件注释实现以某种方式为ie编写代码，而按照另一种方式为其他浏览器编写代码。条件注释并不符合标准规范，但在处理不兼容性事非常有用。二、HTML条件注释html条件注释，经测试能被ie以外的浏览器识别，输出结果与预想一致。举个栗子：<!--[if IE]>This content is actua...

下面是渲染引擎在取得内容之后的基本流程：解析HTML以构建dom树-构建render树-布局render树-绘制render树下面是浏览器渲染页面的具体过程：1.浏览器解析html源码，然后创建一个 DOM树。（所谓dom树指：浏览器将HTML解析成树形的数据结构。）在DOM树中，每一个HTML标签都有一个对应的节点，并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 document...

对于常见的场景，1、使用onresize 事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件会连续触发。在onresize 事件处理程序内部如果尝试进行DOM 操作，其高频率的更改可能会让浏览器崩溃。 2、我们常见的一个搜索的功能，我们一般是绑定keyup事件，每按下一次键盘就搜索一次。但是我们的目的主要是每输入一些内容搜索一次而已。大部分节流都采用时间做节流，即时间间隔小于多少的不...