配置环境

1
2
3

npm i -g eslint-plugin-vue
#or
npm i -S eslint-plugin-vue

CDN是什么？

Content Delivery Network，即内容分发网络
优点：使用户可就近取得所需内容，提高用户访问网站的响应速度
CDN=更智能的镜像+缓存+流量导流

DNS是什么？

Domain Name System，域名系统
域名和IP地址相互映射的一个分布式数据库
不用去记住能够被机器直接读取的IP

webpack是什么？

一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。）,详见webpack官网

webpack作用

1. 打包（解决依赖关系，把多个文件打包成一个js文件，减少服务器压力带宽）
2. 转化（less、sass、ts） 需要loader
3. 优化（SPA盛行，前端项目复杂度高，对项目进行优化）

总结回顾

分享人-施德来（有赞前端负责人）
有赞前端4年发展历程回顾
缘起，3月22日准备，4月11日 万科、掘金、SegmentFault、上直播赞助,4月21日分享。有赞前端技术开放日

有赞前端开源项目总结回顾

Zent组件库 基于React,主PC,有赞后台、微页面、SKU规格选择器、色彩、规范、主题
Vent组件库 基于Vue,主移动端
ZanUI-Weapp 微信小程序组件库
Felint
One More

1. 概述

排序算法是基础算法。关键在于算法的思想。

概述

块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。
BFC元素特性表现原则是：具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。
通俗来讲，可把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。

1. 概述

1.1 什么是跨域？

跨域是指一个域下的文档或脚本试图去请求另一个“不同源”域下的资源。

1.2 什么是同源策略？

所谓”同源”指的是”三个相同”：

• 协议相同
• 域名相同
• 端口相同

电商网站模块化布局整体规划

因为电商类网站内容较多，更新较快，提倡结构及样式的可复用性，因此我采用模块化布局的思路进行构建。预览

制作过程

概述

JavaScript定义

JavaScript ( JS ) 是一种轻量级、解释型、基于原型、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如：函数式编程）编程风格。其主要包含三部分：ECMAScript、BOM和DOM。

1. ECMAScript-(European Computer Manufacturers Association):描述了该语言的语法和基本对象。
2. BOM-(Browser Object Model)浏览器对象模型:描述与浏览器进行交互的方法和接口。
3. DOM-(Document Object Model)文档对象模型:描述处理网页内容的方法和接口。

本书精髓

本书只介绍最基本的JavaScript语法，把重心主要放在介绍DOM编程技术背后的思路和原则。本书的理念精髓为：平稳退化、渐进增强、以用户为中心。