Google I/O 2017 for front-end development

不知道下一年,世界又会是哪个科技引领潮流。

web component

Twitter和来自印度的Ola,现场展示了modern mobile webApp。虽然组件化的框架polymer从15年开始已经发布,但是polymer框架2.0现在才进入预发布状态。work box的出现很大程度上弥补了server work的不足。so will polymer be a competitor to react? 好吧,welcome back polymer! React is a JavaScript framwork for rendering HTML! React is not certainly not Web Components.

继续阅读全文 »

Webpack2.x踩坑与总结

本地安装npm包后如何在命令行运行

在npm安装包的时候,如果使用全局安装,即npm install -g,则在安装完成后可以在终端运行作为命令去运行,但是如果是本地安装的包npm install –save-dev ,则无法这样直接运行。那么如何运行本地安装的包呢?首先进入项目目录(即package.json所在目录),然后使用以下命令即可运行:

1
$ node_modules/.bin/<packageName>

继续阅读全文 »

JavaScript简明教程(全)

JavaScript与Java没有半毛钱关系,网景公司员工Brendan Eich用了10天时间设计了JavaScript语言。

JavaScript的范围

JavaScript的范围:BOM + DOM + ECMAScript

BOM简单说明

1
2
3
4
5
6
BOM即Browser Object Mode,浏览器对象模型。
BOM提供了独立于内容而与浏览器窗口进行交互的对象。
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。
因为BOM主要用于管理窗口与窗口之间的通信,因此其核心对象是window。
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C。
BOM结构体系

继续阅读全文 »

HTML简明教程

简单的概念,简洁明了。

常识

1.什么是浏览器?
功能:(1)将网页渲染出来让用户查看(2)并让用户与网页交互的一种软件
主流浏览器:IE(内核:Trident) 火狐(内核:Gecko) 谷歌(内核:Webkit/Blink) Safari(内核:Webkit) 欧朋(内核:Presto)
因为内核不同,所以渲染的网页有所不同

继续阅读全文 »