百人牛牛棋牌

您好,迎接脱离[百人牛牛棋牌-牛牛娱乐棋牌赢现金]浏览室  笑话大全  编程问答  问答大全  移夷易近之家  文娱之家  范文之家  源码下载  电子书籍  软件下载  专题
ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
以后职位:百人牛牛棋牌 >> 网页制造 >> Javascript教程 >> Atag - Web Components 最好现实

Atag - Web Components 最好现实(1/12)

泉源:群集整理     时间:2018-11-02     要害词:

本篇文章主要简介了" Atag - Web Components 最好现实",主要触及到方面的内容,关于Javascript教程感兴趣的同砚可以参考一下: 引子上一次社区中群情起 Web Components 曾经可以追溯到三四年前了,彼时 Web Components 仍处于不稳固的草案阶段,Polymer 的出...

 Atag - Web Components 最好现实

引子

上一次社区中群情起 Web Components 曾经可以追溯到三四年前了,彼时 Web Components 仍处于不稳固的草案阶段,Polymer 的出世令人人似乎看到了新一代的前端手艺,但直到明天,在今年五月 Google I/O 宣布 Polymer 3 以后, Web Components 的规模化应用才看似成了能够。

之前一段时间,我一直在应用 Web Components 构建淘宝小法式模范模范的 基础组件 Atag。MDN 上对 Web Components 这个名词的诠释是

百人牛牛棋牌Web Components是一套不合的手艺,允许您培植可重用的定制元素(它们的功效封装在您的代码以外)而且在您的web应用中应用它们。

我们从中提取几个要害字:可重用定制元素封装

这些特点恰恰能知足可复用组件的需求,更主要的是,这是由 W3C 尺度供应的,面向尺度编程不须要再推敲我应用的手艺在未来几年内会不会过时。现在社区中的框架多数具有熏染性,甚么是熏染性?假定你欲望应用一个 React 组件,或许率你的所有用户界面都邑应用 React 来开发。而 Custom Elements 不是这样,由于它替换的是 div,能应用 div 的地利便可以应用它,它即插即用:引入一个 js 文件便可以了,直接操作 DOM 使它的性能更高,它着实不跟社区主流的框架相克,这样看来它更合适用来开发底层的基础组件。

回到正题,这篇文章的目的,是欲望总结在 Atag 开发阶段中应用 Web Components 的履历,防止人人踩坑。

基础行动措施

百人牛牛棋牌webcomponentsjs

Github 地址

百人牛牛棋牌这是一系列 Web Components 尺度的 polyfill 荟萃,假定你的目的用户不是最新的现代浏览器,强烈建议引入这个库。

援用要领 :

百人牛牛棋牌建议在 html 中应用 script 标签引入它,而不是经由历程 npm 引入,这样浏览器可以应用缓存赞助你增添二次加载的消耗。

(以下引入要领二选一)

  1. 应用 bundle 整包引入,这样会引入所有库中网罗的所有 polyfills。
    • 假定你须要按需引入 bundle,这个库的 bundles 目录下有一系列预打包好的 bundle 文件,用后缀标清晰了了它网罗的功效:ce 体现 custom-elements,sd 体现 shadow-dom,pf 体现情形的 polyfills。
  2. [推荐] 应用 loader 按需引入,引入 webcomponents-loader.js 后,它会凭证浏览器中的特点按需加载。

这里有须要对一些名词做一些诠释:

  • ShadyDOM 这是 Shadow DOM 的 polyfill 的官方称谓,它经由历程挟制 HTMLElement 的原型措施来完成一些 Shadow DOM 节点具有的功效,现实上它的原理是把节点添加到了真实(light) DOM 节点之上。
  • ShadyCSS 跟下面一样,这也是 polyfill 的称谓,它供应了一些 Shadow DOM 节点内项目的封装,使得可以在真实 DOM 中模拟 scoped style 的效果。它的原理是经由历程剖析和重写 style 节点外部的项目规则来完成的。

须要重视的是,在引入 polyfill 的同时,有一些功效是没法被模拟的,须要我们在应用的时间避开,不才文中会简介到。

NOTE: 这个库的 2.1.x 版本对 Symbol 的 polyfill 有一些效果,在官方修复之前建议应用 2.0.4 的稳固版本。

这里供应一份 alicdn 的 bundle URL:

相关图片

相关文章

鑫乐棋牌-鑫乐棋牌游戏-鑫乐棋牌乐游网 JDB老虎机-jdb老虎机游戏 AQP捕鱼-金蟾捕鱼-千炮捕鱼下现金手游 通比牛牛棋牌-牛牛棋牌真人提现 AG捕鱼王-捕鱼王3D网页版-红包捕鱼游戏手游 亲朋棋牌-亲朋棋牌游戏-亲朋棋牌手游版 网上手游-网上手游棋牌-网上手游app注册 彩票幸运飞艇-幸运飞艇计划网页版 分分快三计划软件-分分快三计划网页版 二八杠棋牌-二八杠真人棋牌-二八杠棋牌游戏