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

2019年09月文章

Javascript

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

html5阅读(808)

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

前端资源

Chrome 63 新特性和DevTools 升级

html5阅读(803)

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

前端教程

Chrome 62 新特性和DevTools 升级

html5阅读(1069)

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

Javascript

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

html5阅读(925)

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

Javascript

Webpack 打包优化之速度篇

html5阅读(1317)

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

Javascript

Webpack 打包优化之体积篇

html5阅读(1332)

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

Javascript

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

html5阅读(1812)

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

Javascript

webpack代码分离特性

html5阅读(977)

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

Javascript

vuejs的动态组件和异步组件

html5阅读(1262)

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

Javascript

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

html5阅读(784)

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

前端教程

前端性能优化不完全手册

html5阅读(809)

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

CSS3教程

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

html5阅读(1048)

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

Javascript

Webpack4如何优化?

html5阅读(1014)

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

前端教程

前端开发者必备的Nginx知识

html5阅读(895)

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

Javascript

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

html5阅读(1399)

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

Javascript

浅谈script标签的defer和async

html5阅读(821)

1. defer和async是什么鬼 今天在做一个小需的时候,忽然看到前辈一句吊炸天的代码 卧槽,竟然同时有async和defer属性,心想着肯定是前辈老司机的什么黑科技,两个一块儿肯定会发生什么神奇化学反应,于是赶紧怀着一颗崇敬的心去翻书...

前端教程

websocket是什么?websocket原理及优点详解

html5阅读(844)

偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享。废话这...

前端教程

Vue开发手机移动端怎么调试页面

html5阅读(2909)

在开发移动端页面的时候我们通常是在浏览器完成开发完成,之后才在手机端测试,如果测试出现问题还得重新回到浏览器上寻找错误。甚至还有嵌入在APP的页面,经过调试之后还要重新发包。当然还有更加奇怪的现象,由于手机浏览器和Web浏览器的差异,经常会...

Javascript

设计模式之模板方法 – 深入理解JavaScript系列 41

html5阅读(724)

介绍 模板方法(TemplateMethod)定义了一个操作中的算法的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。 模板方法是一种代码复用的基本技术,在类库中尤为重要,因为他们提取...

Javascript

设计模式之组合模式 – 深入理解JavaScript系列 40

html5阅读(768)

介绍 组合模式(Composite)将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。 常见的场景有asp.net里的控件机制(即control里可以包含子control,可以递归操作...

Java基础教程Android基础教程