概述 插件机制是webpack另外一个核心特性，他的目的是为了增强webpack在项目自动化方面的能力，那我们都知道，loader就是负责实现我们项目中各种各样资源模 ...

CSS 不正交并不是对 CSS 的指责，如果能正交它肯定会做到正交的，现在的设计虽然不完美，但可能是最好的设计。下文列举的问题能在规范里找到解释不能说明 CSS 是正交的，因为正不正交应该是从表面上就能看出来的。正交一般都是对接口的约束，具 ...

1.0 响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~12 ...

1.html5的新特性 文件类型声明（）仅有一型：。 新的解析顺序：不再基于 SGML。 绘画canvas; 用于媒介回放的 video和 audio元素; 语意化更好的内容元素:artic ...

作为前端开发工程师，布局方式有多种，针对不同的情况有不一样的处理，但是很多初学的同学都不知道这些情况，那么我们今天就来说说，那些前端开发工程师不可不知的5种布局方式！ 一、静态布局（static layout）即传统Web设计，网 ...

在使用Web Components之前，我们先看看上一篇文章Web Components简介，其中提到了相关的接口、属性和方法。 正是这些接口、属性和方法才实现了Web Components的主要技术：Custom elements（自定义 ...

由前面两个章节了解到，浏览器如同一个加工厂，在这个加工厂里面，有HTML、CSS、JS三大零件，然后浏览器将这些零件组装成一张张美丽的网页。 HTML负责骨架，CSS负责样式，JS负责行为。 那么HTML是什么呢？ HTML是Hyper T ...

Notifications API的使用可参看： https://notifications.spec.whatwg.org/#example-08e8ecea https://developer.mozilla.org/en-US/doc ...

本地存储就是指在浏览器中存储数据，是相对于服务器中存储数据来说的。 1. 本地存储的分类 浏览器的本地存储主要包括4种方式： Cookie、Storage、SQL数据库和IndexedDB。 Cookie Cookie提出来得最早，其最初得 ...

前端开发组件化是一个趋势，也方便组件的复用。那么如何利用jQuery封装一个组件呢？就像jQuery UI那样，如何封装专属自己的UI组件呢？ 文件目录： index.html index.js index.css index.js cla ...