炫意HTML5

本文分享了28种CSS3绘制多边形的代码。在做网页项目中需要使用多边形扇形图形来完成一些功能，第一印象就是使用CSS3来完成。经过查资料发现了transform 的skew()正好合适且且使用方便。 先看一个CSS3绘制多边形扇形的例子： ...

在网页中，你在很多地方都能看到倒三角，比如tooltips，下拉菜单等。本文介绍三种css3倒三角样式的实现方式。

本文介绍HTML5新特性，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储等

介绍 最近几个月忙得实在是不可开交，终于把《深入理解JavaScript系列》的最后两篇“补全”了，所谓的全是不准确的，因为很多内容都没有写呢，比如高性能、Ajax安全、DOM详解、JavaScript架构等等。但因为经历所限，加上希望接下...

介绍 本篇我们介绍的一些模式称为初始化模式和性能模式，主要是用在初始化以及提高性能方面，一些模式之前已经提到过，这里只是做一下总结。 立即执行的函数 在本系列第4篇的《自执行匿名函数》中，我们已经对类似的函数进行过详细的描述，这里我们只是再...

介绍 本篇主要是介绍Function方面使用的一些技巧（上篇），利用Function特性可以编写出很多非常有意思的代码，本篇主要包括：回调模式、配置对象、返回函数、分布程序、柯里化（Currying）。 回调函数 在JavaScript中，...

curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能...

Currying好像是函数式语言都有的一个特性，比如Perl,Python,Javascript。 那么到底什么是Currying，我是在学习Closure时无意中接触到这个定义的，觉得很是有趣。 先看看 Wiki 中的...

介绍 本篇主要是介绍创建对象方面的模式的下篇，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。 模式6：函数语法糖 函数语法糖是为一个对象快速添加方法（函数）的扩展，这个主要是利用prototype的特性，代码比较简单，我们先...

介绍 本篇主要是介绍创建对象方面的模式，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。 模式1：命名空间（namespace） 命名空间可以减少全局命名所需的数量，避免命名冲突或过度。一般我们在进行对象层级定义的时候，经常是...

介绍 本文介绍的四种代码复用模式都是最佳实践，推荐大家在编程的过程中使用。 模式1：原型继承 原型继承是让父对象作为子对象的原型，从而达到继承的目的： function object(o) { function F() { } F.prot...

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

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

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

Chrome 61新特性： 支持原生的 JS Module，支持了 navigator.share web Share API，支持了WebUSB API

介绍 桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。 正文 桥接模式最常用在事件监控上，先看一段代码： addEvent(element, 'click', getBeerById);function get...

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

vue-cli生成的文件vendor.js体积太大 看到vue-cli的webpack配置，应该是将所有的库打包到了vendor中，引用的库太多时，vendor的体积会很大，有办法控制打包的体积超过一定值时，分成多个文件打包吗？或者通过配置...

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

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