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

功能一：修改文档的背景颜色 代码： 请输入颜色编码：  &n ...

由前面两个章节了解到，浏览器如同一个加工厂，在这个加工厂里面，有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 ...

组件化，标签语义化，是前端发展的趋势。现在流行的组件化框架有React、Vue等，标签语义化在H5中添加的article、dialog等。 Web Components 就是类似的一套技术，允许您创建可重用的定制元素，并且在您的web应用中 ...

React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 React官网学习实践 - 组件&Props React官网学习实践 - state & 生命周期 React官网学习实践 - ...

React 的核心思想是：封装组件。 各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。 React 大体包含下面这些概念： 组件 JSX Virtual DOM Data Flow 组件 React 应用都是构建在组件 ...

简介 谷歌公司由于掌握了 Chrome 浏览器，一直在推动浏览器的原生组件，即 Web Components API。相比第三方框架，原生组件简单直接，符合直觉，不用加载任何外部模块，代码量小。目前，它还在不断发展，但已经可用于生产环境。 ...