为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：1.加载时优化；2.运行时优化；例如压缩文件、使用CDN加载静态资源属于加载时优化；及时的解绑事件、减少DOM的操作属于运行时优化。吉

为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：1.加载时优化；2.运行时优化；例如压缩文件、使用CDN加载静态资源属于加载时优化；及时的解绑事件、减少DOM的操作属于运行时优化。吉

前言本文将带大家一步步实现一个H5拼图小游戏，考虑到H5游戏的轻量级和代码体积，我没有使用react或vue这些框架，而采用我自己写的dom库和原生javascript来实现业务功能，具体库代码可见我的文章如何用不到200行代码写一款属于自己的js类库(https://juejin.im/post/6844903880707293198)，构建工具我采

大家好，我是皮皮。前言对于前端来说，HTML都是最基础的内容。今天，我们来了解一下HTML和网页有什么关系，以及与DOM有什么不同。通过本讲内容，你将掌握浏览器是怎么处理HTML内容的，以及在这个过程中我们可以进行怎样的处理来提升网页的性能，从而提升用户的体验。一、浏览器页面加载过程不知你是否有过这样的体验：当打开某个浏览器的时候，发现一直

微信自带的顶部导航栏是无法支持自定义icon和增加元素的，在开发小程序的时候自带的根本满足不了需求，分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、ios、h5，全面屏。我用的是京东的Taro多端编译框架写的小程序，原生的也可以适用，用到的微信/taro的api做调整就行，实现效果如下。!在这里插入图片描述(https://i

理解控制器在Angular中，一个控制器是一个javascript构造函数用于填充Angular作用域。当一个控制器通过使用ngcontroller指令附加到DOM上的时候，Angular将初始化一个新的Controller对象，使用指定的控制器构造函数。一个新的子作用域将可以作为一个参数$scope被注入到控制器构造函数。控制器用

           随着复杂的AJAX类型Web应用程序的广泛应用，用户对Web浏览器的性能也提出了越来越高的要求，那么究竟哪个浏览器是速度最快的浏览器呢？我觉得浏览器的性能指标有两点非常重要：Javascript的执行性能和DOM、CSS节点的操作。       这里我选用了GoogleV8引擎性能测试工具来测试JavaScript引擎执行性能，选

目前大部分浏览器都内置了相关插件或组件，能够帮助我们快速、简洁地展示各类元素的属性定义、DOM结构、CSS样式等属性。本书中使用的浏览器主要是FireFox、Chrome（这2款浏览器也是作为开发者常用的浏览器），因此本节介于这2款浏览器一起看看这些工具（组件）的使用方法。火狐（FireFox）浏览器如果大家对火狐浏览器较为熟知，在旧版本上的

1.什么是内存泄露？内存泄露是指分配给应用的内存不能被重新分配，即使在内存已经不被使用的时候。正常情况下，垃圾回收器在DOM元素和event处理器不被引用或访问的时候回收它们。但是，IE的早些版本（IE7和之前）中内存泄露是很容易出现的，因为内存管理器不能正确理解Javascript生命周期而且在周期被打破(可以通过赋值为null实现)前不会回收