声明:未经允许,不得转载. Web Components 现世很久了,所以你可能听说过,甚至学习过,非常了解了.但是没关系,可以再重温一下,温故知新. 浏览器原生能力越来越强. js 曾经的 JQuery,是前端入门必学的技能,是前端项目必用的一个库.它的强大之处在于简化了 dom 操作(强大的选择器) 和 ajax(异步) 操作. 现在原生 api querySelector().querySelectorAll().classList 等的出现已经大大的弱化了 dom 操作, fetch.基…

本文参考<你的前端框架要被web组件替代了>. 于2011年面世的Web Components是一套功能组件,让开发者可以使用 HTML.CSS 和 JavaScript 创建可复用的组件.这意味着你无需React或Angular等框架也能创建组件.不仅如此,这些组件还都可以无缝集成到这些框架中.有史以来头一次,我们只要使用HTML.CSS 和 JavaScript就能创建可在任何现代浏览器中运行的可复用组件了.现在,桌面平台的Chrome.Safari.Firefox 和 Opera,iOS…

Node.js是JavaScript基础上发展起来的语言,所以前端开发者应该天生就会一点.一般我们会用它来做CLI工具或者Web服务器,做Web服务器也有很多成熟的框架,比如Express和Koa.但是Express和Koa都是对Node.js原生API的封装,所以其实不借助任何框架,只用原生API我们也能写一个Web服务器出来.本文要讲的就是不借助框架,只用原生API怎么写一个Web服务器.因为在我的计划中,后面会写Express和Koa的源码解析,他们都是使用原生API来实现的.所以本文其实…

前端组件化的痛点 在前端组件化横行的今天,确实极大的提升了开发效率.不过有一个问题不得不被重视,拟引入的这些html.css.js代码有可能对你的其他代码造成影响. 虽然我们可以通过命名空间.闭包等一系列措施来加以防备,不过还是存在这些隐患.为了解决这些问题,有一个基本大家遗忘的技术还是可以了解一下的, 那就是Web Components. Web Components 是什么 Web Components是一个浏览器的新功能,提供了一个面向web包括下面几个方面标准的组件模型. 你可以认为We…

Omi - 合一 下一代 Web 框架,去万物糟粕,合精华为一 → https://github.com/Tencent/omi 特性 4KB 的代码尺寸,比小更小 顺势而为,顺从浏览器的发展和 API 设计 Webcomponents + JSX 相互融合为一个框架 Omi Webcomponents 也可以数据驱动视图, UI = fn(data) JSX 是开发体验最棒(智能提示).语法噪音最少的 UI 表达式 独创的 Path Updating 机制,基于 Proxy 全自动化的精准更新…

以下全部转自:http://www.cnblogs.com/pqjwyn/p/7401918.html 前端组件化的痛点在前端组件化横行的今天,确实极大的提升了开发效率.不过有一个问题不得不被重视,拟引入的这些html.css.js代码有可能对你的其他代码造成影响.虽然我们可以通过命名空间.闭包等一系列措施来加以防备,不过还是存在这些隐患.为了解决这些问题,有一个基本大家遗忘的技术还是可以了解一下的,那就是Web Components. Web Components 是什么Web Compone…

ES7前端异步玩法:async/await理解   在最新的ES7(ES2017)中提出的前端异步特性:async.await. 什么是async.await? async顾名思义是“异步”的意思,async用于声明一个函数是异步的.而await从字面意思上是“等待”的意思,就是用于等待异步完成.并且await只能在async函数中使用 通常async.await都是跟随Promise一起使用的.为什么这么说呢?因为async返回的都是一个Promise对象同时async适用于任何类型的函数上.…

写着写着,就会跑偏,没错又走上了一个岔道……就是不知道这条岔道以后会不会越来越宽,有的说他是未来,有的说…… 这里不知道,也不做什么评断.减少一些重复性的工作,提高开发效率这是最根本的.说白了就是偷懒呗!又说了一大堆废话.接触过angularjs.vue还有一点点的reactjs,组件化的思想给开发带来了很大便利,但是但是但是,同一个组件我们要开发三遍吗?可不是嘛,我们的项目中就是两遍,因为没有使用react……我想偷懒,所有才有了这篇笔记. 第一个Web Components写的是:单滑块(S…

这周有位同事邀请我给团队讲一讲SAP技术的演进历史,所以我准备了下面几个主题来介绍. 其中SAP的技术回顾和演进,我的思路就是从前后台两方面分别介绍. 我画了一张非常简单的图: 去年5月我写过一篇文章:SAP UI和Salesforce UI开发漫谈,简要回顾了SAPUI技术的发展,从最古老的SAP GUI绘制界面,到Webdynpro / WebUI再到现在广泛使用的Fiori UX.当时这篇文章介绍到Fiori(UI5)就嘎然而止了,如今大半年过去了,我们继续聊聊Fiori的发展动向. 根据…

本文原文由作者“司徒正美”发布于公众号“前端你别闹”,即时通讯网收录时有改动,感谢原作者的分享. 1.引言 1990 年,第一个Web浏览器的诞生:1991 年,WWW诞生,这标志着前端技术的开始. 在这将近20年的前端发展史中,我们经历了从最早的纯静态页面,到JavaScript跨时代的诞生:从PC端到移动端:从依赖后端到前端可自由打包开发:从早期的网景Navigator浏览器到现在各家浏览器百花齐放……   我们经历了前端的洪荒时代.Prototype时代.jQuery时代 .后jQuery…