炫意html5
最早CSS3和HTML5移动技术网站之一

2019年09月文章

代码复用模式(避免篇) – 深入理解JavaScript系列 45

介绍 任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量避免使用这些模式,因为或多或少有带来一些...

Chrome 63 新特性和DevTools 升级

Chrome 63 新特性:支持动态引入 JavaScript 模块,支持 async 迭代器和 generator 函数支持 overscroll-behavior CSS 属性,overscroll-behavior 属性值,over...

Chrome 62 新特性和DevTools 升级

Chrome62新特性:Network Information API 更精准,OpenType可变字体,动态从媒体Dom元素获取stream内容,HTTP站点都会被标不安全标志;DevTools升级部分:console控制台可以直接使用a...

设计模式之状态模式 – 深入理解JavaScript系列 43

介绍 状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类。 正文 举个例子,就比如我们平时在下载东西,通常就会有好几个状态,比如准备状态(ReadyState)、下载状态(Downloading...

Webpack 打包优化之速度篇

在前文 Webpack 打包优化之体积篇中,对如何减小 Webpack 打包体积,做了些探讨;当然,那些法子对于打包速度的提升,也是大有裨益。然而,打包速度之于开发体验和及时构建,相当重要;所以有必要对其做更为...

Webpack 打包优化之体积篇

谈及如今欣欣向荣的前端圈,不仅有各类框架百花齐放,如Vue, React, Angular等等,就打包工具而言,发展也是如火如荼,百家争鸣;从早期的王者Browserify, Grunt,到后来赢得宝座的&nb...

如何通过vuejs异步组件和webpack代码分割实现路由懒加载

当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻...

webpack代码分离特性

代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级,如果使用合理,会极大影响加载时间。 常...

vuejs的动态组件和异步组件

在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件: 当在这些组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。例如我们来展开说一说这...

设计模式之原型模式 – 深入理解JavaScript系列 42

介绍 原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象。 正文 对于原型模式,我们可以利用JavaScript特有的原型继承特性去创建对象的方式,也就是创建的一个对象作为另外一个对象的prot...

前端性能优化不完全手册

性能优化是一门大学问,本文仅对个人一些积累知识的阐述,欢迎下面补充。 抛出一个问题,从输入url地址栏到所有内容显示到界面上做了哪些事? 1.浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP&...

如何通过RAIL优化网页CSS性能

前段时间,我将精力专注在Web性能领域;在这个领域下有个重要的课题是如何让网页更丝滑(流畅)。 想让网页变得丝滑,首先,我们需要一个标准来判断什么样的网页是丝滑的;其次,我们要准确的测量出网页的性能数据;最后,使用有效的方法让网页变得丝滑。...

Webpack4如何优化?

今天我们主要聊聊在写webpack配置中,如何优化打包后生成的上线代码 1、tree shaking tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的未引用代码。 它依赖于 ES2015 模块系统中的...

前端开发者必备的Nginx知识

nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 … nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写。 ...

如何使用preload预加载页面资源

本文主要介绍preload的使用,以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令,让浏览器提前加载指定资源(加载后并不执行),在需要执行的时候再执行。提供的好处主要是 将加载和执行分离开...

CSS3教程HTML5教程