由于JS是单线程，所以同一时间只能执行一个任务，其他任务就得排队，后续任务必须等到前一个任务结束才能开始执行。
全部设置为了 0，即直接回源，不设置节点，因为全站设置了缓存，可能会引起某些功能延迟或者失效。
我一共写了2个async和2个defer标签,其它的都是普通标签.其中async1.js里面有4000行代码,其它都是一个console.log而已
越来越多的前端项目使用MVVM框架Vue.js进行架构开发，充分利用了Vue.js的数据驱动、双向数据绑定、组件化开发以及其优秀的社区生态(官网+第三方扩展支持)等能力。Vue.js在提升性能方面着重的使用了组件复用能力，极大的优化了DOM更新的速度，提升了用户体验。
我在前几天刚写过的《让 F5 歇一会儿——laravel-mix 自动刷新之道》[1]中介绍了 laravel-mix 实现自动刷新的几种方法，其中就有涉及 hmr（Hot Module Replacement），但里面都是以 Laradock 环境为例。对于 Laravel 官方首推的 Homestead 当然也是可以的，只不过用法上有些差别，于加上 laravel-mix 本身的一些 BUG（在 issue 里搜索 hmr 结果就有好几页 :smile:），对于刚接触的人来说可能无从下手。
当我们的Vue项目为了解决IOS设备事件点击卡顿，300ms的延迟的问题，引入了fastclick后，会有很多小的冲突，例如在使用mint-UI实现上拉加载和下拉刷新的时候，经常会触碰到点击事件进入下一个页面，这是因为去掉300毫秒的延迟就会使得页面特别灵敏，想着用阻止冒泡的方式来解决。
以前在看一些开源项目的源码时，比如cornerstone（一种为医学影像服务的web框架），折服于其优秀的设计模式，灵活的工具扩展，丰富的数据结构，在当时阅读和学习这些源码时，都是出于公司业务考虑，只是看懂了个大概，而如今随着编码技能的提高和经验的积累，我发现，源码的背后其实是在阐述一种设计理念，自顶而下，设计思想抽象逐渐落地，落实到每一行代码，同时我也有了进一步的体会，软件架构在某种程度上是为了服务它的设计理念，它的技术平衡点。
instantclick.js 是一种ajax无刷新和预加载页面的技术，对于普通博客程序，有着明显的加速作用。(instantclick.js ≈ pjax + 预加载页面)而且，使用方法也十分的简单。在github截止目前，已经由4447个star了，非常可观。
原因就是我的网站引用了这个站点 cdn.jsdelivr.net 的静态文件，而这个站点崩了!
一脸懵逼，真的是。这两个英文单词都是什么鬼（原谅我英文词汇量太烂），后来看了下，原来是防抖和节流的意思啊。
定义：主要用于单页面应用，大部分页面结构不变，只通过JS改变部分内容的使用（例如：react-router,vue-router）
究其原因，v17.0主要的工作在于源码内部对Concurrent Mode的支持。所以v17版本也被称为“垫脚石”版本。
最近在使用dva new了一个新项目 发现了一个问题,在npm start的时候,项目打包的css不再只有一个了,而有一堆,看下图 这些都是按需加载出来的css文件,这样就导致了一个问题,页面在刷新
HTTP缓存（ ETag、Cache-Control）——谷歌开发者 HTTP缓存有利于web性能优化
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol
2015年初，我们建立了一个微服务来负责这项任务：地理围栏查找（geofence lookups），结果完成很出色。如今已过一年，这项技术在Uber数以百计的生产应用中脱颖而出，成为了每秒查询量最高（QPS）的服务。本文讲述了我们建立这个服务的原因，还有近来Go语言对构建和扩展该服务速度的贡献。 背景 在Uber，地理围栏指的是地面上由人为定义的地理区域（或几何术语中的多边形），广泛用于地理位置的配置中。向用户展示在指定位置上有哪些产品可用，根据特定需求（比如机场）定义区域，在同时有多人请求搭车的周边区
JavaScript语言的一大特点就是单线程，也就是说，同一时间只能做一件事，前面的任务没做完，后面的任务只能等着。
DOM的渲染指的是对于浏览器中展现给用户的DOM文档的生成的过程。在Chrome中，这个渲染好的DOM，就是在开发者工具中元素这个tab中，递归的展开之后得到的整个文档。
23、Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？
传统的表单提交，在文本框输入内容后，点击按钮，后台处理完毕后，页面刷新，再回头检查是否刷新结果正确。使用Ajax，在点击sunmit按钮后，立刻进行异步处理，并在页面上快速显示了更新后的结果，这里没有整个页面刷新的问题。
虽然在 React 16.8.1 中终于面世的 hooks 引人瞩目，但在去年发布的 16.6.0 版本里也包含了一个吸引人的新特性，可以让我们在不依赖第三方库的情况下简化对延迟加载（lazy loading）的处理。
最近为了考试都复习成狗熊样啦~~我要缓缓折腾折腾WordPress 先。今天带来本人最新的折腾成果： Ajax异步加载自定义评论表情。由于评论表情那22个gif图片加载的话实在是增加了不少的请求数，虽然本站DeveWork.com 的图片都用七牛加速了，但对于Jeff 这种有洁癖的人来说，实在是不舒服。想到可以使用 Ajax异步加载，经过不懈努力，Jeff 终于实现了这个效果，下面分享教程给大家！ 这篇教程是建立在 DH博客 的一篇文章思路上面的，但是本文与之非常不同（DH 那篇文章甚至有错误），整个教程经
HTML结构中主要包括了head和body两个部分，但是我们经常说的是结构语义化主要是body中的标签，但是我在这里还是简单的说一下head，head中其实包括了一些对于我们seo很有用的一些东西，比如title,Description,Keywords,这些东西在蜘蛛抓取的时候都是有帮助的，当然，还有其他的一些，比如设置缓存等一些其他的信息。
今天，在读javascript异步编程的js事件深入理解部分的时候，了解到了requestAnimationFrame 这个api，在这里记录一下。 原文： setTimeout 和 setInterval 就是些不精确的计时工具。在Node中，如果只是想产生一个短时延迟，请使用 process.nextTick。在 浏 览 器 端 ， 请 尝 试 使 用 垫 片 技 术 （shim ） ③ ： 在 支 持requestAnimationFrame 的 浏 览 器 中 ， 推 荐 使 用requestAni
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文会讲 JS 引擎的编译流水线、渲染引擎的渲染流程，然后引入为什么需要 event loop。
昨天写了一篇使用cdn的教程，因为我也是第一次弄，出了不少的差错，今天重新写一篇。 本文参考 IOIOX博客 文章教程修改，已获得作者授权，如果有看不懂的地方请 查看原文 ；
Vite是一个快速、轻量级的前端构建工具，它可以让开发者更高效地进行前端开发。相比于其他构建工具，Vite的特点在于快速的冷启动、模块热替换和按需编译等功能。下面我们将详细探讨Vite的优势和如何使用它。
根据后端返回的当前服务器时间做一个倒计时，用settimeout 替换 setInterval ，刷新页面时间
CDN主要功能是在不同的地点缓存内容，通过负载均衡技术，将用户的请求定向到最合适的缓存服务器上去获取内容，比如说，是北京的用户，我们让他访问北京的节点，深圳的用户，我们让他访问深圳的节点。通过就近访问，加速用户对网站的访问。解决Internet网络拥堵状况，提高用户访问网络的响应速度。
今天来介绍一个 StackBlitz 与 Next.js 和 Google 团队合作的新技术。
前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。这篇文章主要和大家谈谈什么是前端路由，以及它的使用场景及优缺点 1.什么是路由 简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服务又提供了三个可供用户访问的页面，其页面 URI 分别是： http://10.0.0.1/ http://10.0.0.1/about http://10.0.0.1/concat 那么其路径就分别是 /，/about，
Tween.js是一个可以产生平滑动画效果的js库，其官方地址为：https://github.com/tweenjs/tween.js/，可以将源码下载后，可以在tween.js/dist/文件夹下找到相应的js代码，在HTML中进行引用；也可以通过npm命令在终端控制台中安装tween.js模块 npm install @tweenjs/tween.js 然后在相应的页面引用Tween.js import * as TWEEN from '@tweenjs/tween.js'
我一篇衔接用Hexo搭建个人博客网站，主要解决遗留的问题，因为哪一篇太长了，放在一起不好看。
WP Fastest Cache 是一个多功能缓存插件，通过创建HTML文件来帮助减少您网站的页面加载时间，由于 WordPress 网站是通过 PHP 和 MySQL数据库呈现的，因此每次从服务器请求页面时都需要使用 RAM 和 CPU，会减慢加载时间，并在用户的计算机或设备以及数据库上投入更多精力。但是，使用缓存系统，页面会呈现一次，然后存储为静态 HTML 文件，从而减少每个新访问者的加载时间。
背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动 App 和 Web 应用的熏陶，人们的审美和要求都在不断提高，尤其是在 Web 项目中，还采用老式的数字表格确实也有点落伍了。 如何选择一个合适的 HTML 前端表格控件？此处可以省略一万字。哈哈。jQuery
本文介绍了如何利用HT的表格控件实现海量数据的加载和展示，重点讲解了在HT中如何实现动态数据加载和实时刷新，并给出了具体的示例代码。此外，还介绍了如何利用HT的图表控件实现数据的可视化展示，包括饼图、柱状图等。
新，会自上而下逐渐刷新整个子孙组件，这样性能损耗重复渲染就会多出很多，所以我们不仅要单一数据来源控制组件刷新，偶尔还需要在shouldComponentUpdate中对比nextProps和this.props 以及this.state以及nextState.
前阶段看到一篇文章，说以往花费数周时间才能完成的网站，现在使用 Meteor 只需要几小时 很好奇Meteor是个什么技术？怎么大幅提高开发效率的？就了解并试用了一下 Meteor的中文是“流星”，了解后发现它的确如“流星”一样飞快，对于创业团队和快速原型开发真是太适合了，值得学习和使用 Meteor 是什么？ Meteor 是一个基于 nodejs 的全栈实时开发平台，目前只支持 Mac、Linux，Meteor还引入了 Cordova，支持快速封装 IOS、Android 移动应用 全栈 基础构架是 N
所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。
html动画一般会采用css3的形式去做，当然也比较建议用css去做动画。但是有时候一些动画只能使用js来完成，常用的js动画方案是使用计时器来完成。编写动画循环的一个关键在于我们要延迟多长时间比较合适，如何设置时间才能让动画显得平滑顺畅，这个时间并不是越小越好，因为要遛狗足够的时间间隔来让浏览器产生渲染变化，否则就会变成跳跃感。
来源 | https://segmentfault.com/a/1190000015288700
构建网络应用的过程中，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。本文将简要介绍Web通信中常用的四种方式。
webpack在启动后，会根据Entry配置的入口，递归解析所依赖的文件。这个过程分为「搜索文件」和「把匹配的文件进行分析、转化」的两个过程，因此可以从这两个角度来进行优化配置。
在上几期的文章中，我们介绍了关于EasyPlayer流媒体播放器最近更新的一些功能和细节优化，包括网页实时录像、ios端低延迟直播，以及如何删除或替换播放器loading样式等，感兴趣的用户可以翻阅我们往期的文章进行了解。
在弹窗表单里，经常关闭打开要重置整个表单，使用 this.$refs.addForm.resetFields()
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
