前端开发:如何勾勒一手漂亮的 Vue

面前几天听到一词生猛与刺激并存,可怕与尴尬以及以,最无奈啊无解的语:“90后,你的中年危机就坏到”。这使得我深让感动。显然,这有点夸大了,但就现阶段立即日复一日的平庸下去,眨眼的造诣,那情况就是见面于就骨感的具体前,悄然的为展现。所以,越发体验及,当必要有计划的失做,去形容,去打,去嗨,利用好马上荷尔蒙分泌还算是旺盛的时段,去厚积去抱,去发现去折腾;让自己的性命不以仅是干活与迷惘,还有时间分开和“诗与角落”。不用分析,就明白就该怎么去做,高效去做到工作,然后去学在优雅地生而活。目前犹身为前端开发者,且以采取
Vue,那么就算发出矣此文;这不光是纪录或享受,也是在遥远的路上下求索,更盼能够探究和点,以资见识,提升其效。

图片 1

微注: 早先在描写[安优雅地动用Sublime
Text]时,前后历经10月,至今虽不断翻新犹在,离该话题为是天壤之别。所以,谈及这个一个大面积话题的存,欲同谈吧亟须深入研讨,非朝夕可到;所以本篇将利用不期更新,当然,这么做,也是看自己拖延症之一法子;另外呢是限量聚合网抓取的相同种尝试。 
履新: 对于怎样构建 VueJs 项目,自然推荐官方的下面手架 vue-cli 
;而对微小型项目,个人倒挺看好poi —— (Delightful web
development),它会叫您特别便民的以时风靡的框架(Vue
React等)。即便如此呢,很多业界朋友,对 Vue
项目的构建,还是无顺利;鉴于此,有因过往的小经验,设计有同模拟样板
——vue-boilerplate-template,以供参考,当然也期望朋友致指正。其中曾借助了vue-router 
vuex、 vue-i18n、 element-ui、 bootstrap 诸多库;也流了 webpack、 Eslint、 pre-commit等等便捷开发有关的库。其中针对同后台接口调用与利用,vuex
的动,视图结构的培训,路由和多语言的布,公共措施的调度,webpack打包优化等等,都因便捷开发的前提下,做了对应的筹划,希望来缘人会喜欢;这一番企划由,得空会另打一首文章给予阐明;而及时番设计吧会,在相连的习中不断改进,敬请期待

随言:
身在先后的凡,如你是一模一样位将出征武士,对决于浩瀚无尽的要求大军;那么你不单需要同入好之体魄,还需要一致身技艺:而这软件工程学 
(抑或加算法)就哼于内功(查克拉);而所用的各家语言 
,则好只要武学招式(独孤九剑?);那加以运用的各种工具,当如随身利器(小李飞刀?);那属于自己同样模仿极致开发流程,便是轻功(电光神行步?)……如是斯言,那么作为开发者的若,几术傍身耶? 
若是达到随言,此篇准备从以下几个点来探讨:

争妙使用 Vue 之器篇

要先利其器,必先利其器,这是此博客一不行倡导;关于什么优雅地失去形容好
Vue,工具从是勇敢要提及的,毕竟这老关键;在您选下 Vue
来从事前端开发的那么一刻,你早就同意的即无异论点:毕竟 Vue 也是为此原生 Js
写的,Js 则是因此 C 语言描绘,而 C 又是汇编写的…..
这不再是刀片耕火种的年份,而你啊未用汇编或 C
来化解您的急需,So,你是同意的。既是赞成的,岂有免用好她的道理?那么来共同探究下:

外设:除了那些舒适为骑与书桌外,双屏显示器,Mac则是必不可少外设装备;你掌握,一屏编辑器中描写着代码的还要,就会当其余一样屏
Chrome 下看见,这挺高效便民,也令人很是舒适。而 Mac
这设备受到堪称优雅情人的存,更是居家良品。倘若,所处之干活环境没有那么看重效率,或者无表现来拖欠有的慷慨,则必定须善待自己的精力和时空,勇于将自己之开支环境做精彩。

软件:身为开发人员,你电脑及中间布置的软件,就好只要武士手中的利剑,是帮扶你大杀四方之在;所以不管用她来打同样玩恶作剧,还是来问候把Dota,抑或是干抓需求,皆好出必要将那个锋利化。因此,诸如
Alfred,Brew,Iterm2,Oh-my-zh,Git等必要就隐瞒了;对于前端开发,编辑器与浏览器的布以及用,尤其重点(对于当下或多或少众多前端开发者,尚未达成及格,一如该水准);对于浏览器,只援引Chrome,不只是浏览或者调试,更在乎其搜索。而编辑器则推荐 SublimeText3与 AtomVsCode为很过硬的存,写前端后台还十分趁手(目测
Google
也都力推之);不太推荐应用 WebStorm,因为该除了反人类的操作设计外,感受不至任何可记住点。

大面积:使用 Vue
开发出前端,当须保持对广工具系,经常保持关注,比如NodeNpm(Yarn)WebpackGulp等,以及Lodashsuperagentd3抵工具库,再来就是
Vue
系本身有所库,譬如Vue-clivue-router对等援助;再起就是是连衍生出的
Vue 插件扩展。Atwood定律中阐述到:Any application that can be written in
JavaScript, will eventually be written in
JavaScript.(翻译过来就是:凡是能就此JavaScript写出来的,最终还见面用JavaScript写出来)。这个理论同适用于
Vue,它概括强大的是,吸引了诸多超厉害的开发者或团队,为该献了森好用的组件库。比如:
饿了么出品的Element-UI,还有 vue-echarts,vue-multiselect ……
具体可参照awesome-vue,略睹其繁华似锦。

图片 2(web前端上交流群:328058344
禁止闲聊,非喜不进!)

怎么良好使用-Vue-之基础篇)如何可以使用 Vue 之基础篇


软件工程学,作为程序员,本就该是当学好的平门户技术。像[代码大全2]以及[先后整洁的志],一定是亟需可以读一诵读的。Web
前端开发,因该入门的容易性(还有需要的饱满),造就了当下同一履漫上了成千上万急功近利者,也惊现了成千上万叫人“不堪卒读”的代码。而前者发展日新月异,如不能够逐渐而控制,长期来拘禁,委屈的反也无全是别人(读你代码者),更是温馨;举个通俗的例证来讲,如非能够学会很好的团代码结构,即便有高手写了架,一旦项目日益深,不呢是还面临被自己坑苦的凄惨?事实上,不乏多开发者,未能养成好好的编码素养,基础而变量方法命名,也是会令人心惊肝颤;很显著这是损人不利己的行事,势必当善之。

对于集体来讲,Eslint实则是需要配备的利器;既然难以管教每个人且格外有造诣,那么必须适度强制;至少避免了丛生数杂乱不堪的代码,以乱军心。当然,使用伊始,总会有些人未极端适应,所以玩转编辑器的要紧,就再也反映出该价了;由此也引出了自动化(半)工作流的话题了,这在后的内容遭会加以探讨。

前端基础技术,从事前端开发,长久之计来拘禁,基本功是雅重要的;尤其是
JavaScript;这当描绘 Vue 时候,也体现的较明显。其他如
Html,Css,自然不用说;除此之外,Scss
等预处理器,也是当上并加以运用,以升级开发效率,节省开发成本;毕竟只有节约出充裕的时日来,才见面失去举行更多优化,节约出又多精力以及时间,一个完美的巡回就这个可以形成。

Vue 基础,这无异接触好重点,熟读[Vue.js
官方教程],再没有比较就再次好的教程了;根据前更来拘禁,心急是藉不顶热豆腐之,欠下的也罢总得还;至少从新得通读之,否则遇到题目,无法及时稳住出以何处查,这如实会浪费更多时光。除此之外,Github
上找寻一份好的袖珍项目,认真读下,可以开掘出无数值得学习的玩法。

工配置,《代码大全》第 18 章,讲到表驱动法(Table-Driven
Methods),对于编程从业者,很有必不可少一读。很多时节,可依查询表来加以简化逻辑与延续树关系。这在社通力合作,分模块出模式抱有双重匪夷所思价值;应该善于配置,将各个模块予以抽离,使得相互间不存强依赖,如此开发环节呢大大的免代码冲突。譬如,了解
JavaScript 特性,即可做如下写法:

const files = require.context('.', true, /\.svg$/)
const modules = {}
files.keys().forEach((key) => {
  if (key === './index.js') return
  modules[key.replace(/(\.\/|\.svg)/g, '')] = files(key)
})
export default modules

然即可写起便的 [Icon Component],使用时只需要加加新 Svg 入
assets,然后引用 icon 时填写对承诺 Svg
名字即可,十分惠及;推此及她,我们只是乘这样安排,去说、组合各个模块,甚是便民。


Vue有三格外特征,十分使得人乐意;一凡那数额的双向绑定,即:通过数据绑定链接View和Model,让数的变迁自动映射为视图的翻新。另一个是那个数据驱动的零部件系统,即:用嵌套的零部件树来讲述用户界面(而一个零部件恰恰可以对应MVVM中的ViewModel),其三是冲构建工具的单文件组件格式,即其所提供了精锐的loader
API,来定义对两样文件格式的事先处理逻辑,从而为咱好拿CSS、模板,甚至是从定义之文件格式等,当做JavaScript模块来以,极大提升了代码的而是复用性;Webpack
基于loader还好实现大气高等功能,比如自动分块打包并依需要加载、对图片资源引用的机关定位、根据图片大小决定是否就此base64内联、开发时之模块热替换等等。当然
Vue 还富有其他几叫人击节叫好的宏图。

鉴于此,如果得以死熟的左右其数量的绑定与传输,组件的开,以及科普
Webpack
等相关安排,则会以采用水平就是进入了一个初的层次。据往更来拘禁,这不是同一项好的事务,毕竟使用即时
Vue
也是根据着解决急需去了,而非在施研究。谁能够说开车出发的车手,能了解关乎车之持有?相信,接下的很丰富日子里,都须对当下几方加以学习、探索,然后加以利用。

安好好使用-Vue-之实战组件篇)如何好好使用 Vue 之实战组件篇


Vue
一非常特点是故嵌套的零件树来描述用户界面。所以组件的筹划以及编制至关重要;至少要确保它是好修改和护卫,可复用性和可读性强,耦合度低,接纳团队合作性开发…

诸此等等。项目而庞杂,更得事先考虑好一切架构的计划,使该清丽合理;组件缓存的利用、避免过重组件的衍生
… 。而 Vue
组件系统而是来多少所让,更得兼数据以各种零部件间通信,避免数据为多方操作,Bug
难以稳定等问题。

随即是一个不能不长期积聚的技巧,非朝夕可到。但,部分情节仅仅待刻意关注,即可见其效的。比如,简明且展现名知义的命名,良好的编码规范,团队统一编码风格,以保代码的可读性。运用设计模式原则,比如单一任务规范,将零件拆分抽离成又仔细粒度,保证组件功能单一,以升级组件复用行;再使接口隔离原则,采用稳定的服务端接口,将转移模块分离,使得组件得以解耦;在千头万绪的型中,也是得因此到冗余、继承,这时候为用关注下里氏替换原则、依赖倒置原则…
。另外还当上 Vue 本身所提供的优化,像[路由懒加载], 即:结合 Vue 的
异步组件 和 Webpack 的 code splitting feature,
轻松实现路由于组件的懒加载,使得该零件访问时才加载,以提升页面加载效率,还有以服务端实现首屏渲染,组件缓存等等,尤须注意的凡组件间数通信,这当其后一律节吃见面提及,此处不开赘述。

此地用上探讨的接触众多,非片言可蔽之,看到同一客
PPT Vue.js实践:
如何采取Vue2.0开富交互式WEB应用;个种植说到 Vue
许多息息相关的点,值得一览。另外,如是吧集团写公用组件,一定记得附上对应使用文档,这挺重点。你看,如达到所说,要写好一手漂亮
Vue(代码),软件设计学问,是不可或缺的存,不是也?(web前端上交流群:328058344
禁止闲聊,非喜不进!)

怎么好使用-Vue-之实战通信篇)如何好使用 Vue 之实战通信篇


早先有以[Vue 各类数据绑定]一律文被,对 Vue 数据绑定有过把描述(version
1.);虽然现在 Vue 早已升级到
2.
,不过数绑定变化就多,但大局影响不酷,譬如:不再允许部分实例;须以v-html取代三
Mustache 语法;变更 v-for 全历时参数顺序等等,具体但参见[从 Vue 1.x
迁移]。此处就数在 vue 组件间传递做生追。

Vue2 移除了 dispatch() 和 dispatch()和broadcast()之后,主要通过 prop 
(包括 v-model 自定义)
实现大组件向子组件传参,且不得不单为传递;为了防对父组件有反朝影响,Vue2
已移除了 .once 和 .sync
修饰符,子组件需要显式地传递一个事件如非是凭让隐式地双向绑定。 一旦而拟以组件内,直接修改通过props传入的父组件数量,这将被当是anti-pattern的,报以下错误:

Avoid mutating a prop directly since the value will be overwritten
whenever the parent component re-renders. Instead, use a data or
computed property based on the prop’s value.

而,如果传递的 prop
本身是引用型传递,像对象要频繁组,由于数据类型自身特点,无论是什么绑定方式还见面是双向绑定!这些以Vue文档-单向数据流受生发证明;请看是例子:

此用留意的是:Vue
要么监听的凡中心数据列的价变化,要么监听的凡援数据类型的援变化;因此,vue对于频繁组,才团结包裹了千篇一律学方法(包括$set , $remove),如果直白改动引用类型的始末,即便数据已修改,但
Vue
是感知不顶之,所以视图将非会见更新(针对性的对属性进行赋值操作,则会调用其性质之
set 方法,因此Vue会得到感知,从而使得视图更新)。这里需要上的凡:Vue
使用
Object.defineProperty(ES5风味)将数据转为 getter/setter,从而实现对数码的 watchersetter叫调用时又绘制关联的
Dom,从而刷新视图。

为此,对父组件传递来引用型数据,如需要转,最好改动做深度拷贝后的数据,而且用专注得失,Object.assign切莫是深浅拷贝,即便以了 Object.freeze()失冻结。对于子组件为爸爸组件回传参数,可乘 $emit,当然为可以应用
callback Functon,可参见jsfiddle
示例。非父子组件间通信,Vue
有供 Vuex,以状态共享艺术来落实同信,对于当下一点,应该小心考虑平衡,从整体计划角度去考量,确保引入其底不可或缺。如果项目有些复杂的话,完全好好统筹相同仿照 vue-bus,以提供了一个大局事件基本,使得可以像下内置事件流一样,便捷的运用全局事件。当然,Vue
也提供了 $refs,可以跨层调用,或者像这样this.$parent.$parent;提供了未意味着推荐;尽量少的去用,除非逼不得已,或者去恶作剧坑人。当然,也不过据原生Api sessionStoragelocalStorage 等等进行数量存储,以到达通信目的;对于,兼顾得失,争取扁平统一化通信方式就好。鉴于篇幅,就未多废话。

什么好使用-Vue-之Webpack篇)如何妙使用 Vue 之Webpack篇


前文提到,推荐使用Vue-cli,它决定帮助我们密切的配备好了 Webpack
相关。在编辑 router
配置的时,可以轻松实现路由于组件的懒加载,使得项目可以拆分成多个 js
小包,和一个微好的
vendor,运行时照需去加载。即,我们可像如下用法,去安排路由于组件(当然,我们呢足以把组件按组分块):

import Frame from './../views/Frame'
export default {
  path: '/',
  component: Frame,
  children: [{
    path: '/nicelinks',
    meta: {
      title: setTitleLang('晚晴幽草轩', 'Nice Home Blog')
    },
    component: resolve => require(['./../views/Nicelinks'], resolve)
  }]
}

DllReferencePlugin 
除去,在webpack这块,还是产生充分多东西用去优化,以缩短包构建的时间、改善其体积等等。比如可利DllReferencePlugin将常用不怎么变更的文件,抽离出来打入另一样统一之文书(vendor.dll.js),
外链以 script 引入。这个网上教程很多,此不赘述。

webpack-bundle-analyzer 
最新Vue-cli还拉着注入了 [webpack-bundle-analyzer]插件(Webpack插件与CLI实用程序),她得以内容束展示也方便交互的直观树状图,让你明白你所构建包着确引入的内容;我们得以借助其,发现她大约有什么样模块组合,找到错误的模块,然后优化其。我们可以package.json遭遇流入如下命令去好运行它们(npm
run
analyz),默认会打开 http://127.0.0.1:8888作展示。

“analyz”: “NODE_ENV=production npm_config_report=true npm run
build”

图片 3

webpack-bundle-analyzer以引入了 DllReferencePlugin插件后,想必会在 webpack.dll.conf.js中将 vue加入进去;例如进行了如下配置:

entry: {
   vendor: [
     'lodash',
     'superagent',
     'vue',
     'vue-router',
     'vue-i18n'
     'vuex'
   ]
 }

当您采取 webpack-bundle-analyzer去分析时,你见面发觉 Parse Size 为 71 KB
的 vue.common.js,会起于 vendor.xxx.js 中,按预想它不是当于打入
vendor.dll.js 中之?谈及此,为了确保文章的完整性,不得不提下,vue2
经过 2.2 版本升级后, 文件变成了 8 单,分别是:

vue.common.js 
vue.esm.js 
vue.js 
vue.min.js 
vue.runtime.common.js 
vue.runtime.esm.js 
vue.runtime.js 
vue.runtime.min.js

这在Vue2 dist
目录下一一文件的分别,
可以浏览。另外,vue
文当独自构建-vs-运行时构建,也表明了双面分别;这 vue.common.js 隶属独立构建产物,而默认
NPM 包导出的是 运行时 构建,为了用独立构建(支持 template),在
webpack 配置中上加下面的别名:

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.common.js'
  }
}

如此一来,在 webpack.dll.conf.js 配备中流入 vue,导致 vendor.xxx.js
中起 vue.common.js,就能得到解释了:dll 中针对 vue 打包配置,与
resolve
中引入有出入,前者默认为运行时构建。如能确保是千篇一律了,此问题即可解决。这一点,有经测试,得出数据如下(resolve
配置如达到):

  1. webpack.dll.conf.js 中注入 vue,build 之后收获 vendor.xx.js
    611KB, vendor.dll.js 180 KB;
  2. webpack.dll.conf.js 中流入 resolve 同名引入
    vue/dist/vue.common.js,build 之后获得 vendor.xx.js 540KB
    vendor.dll.js 207 KB;

两者比较,vendor.xx.js 相差 +71 KB,正是 vue.common.js Parse
Size;vendor.dll.js 相差
-27KB,即运行时构建所得大小。打开生成的vendor-manifest.json,也会见发现,前后变
vue 相关的援分别是:

/node_modules/vue/dist/vue.common.js 
./node_modules/vue/dist/vue.runtime.common.js

怎样良好使用 Vue 之工作流篇


“轻功不意味武功,但速度控制了若我的去。”——白凤(秦时明月)。智能化、自动化趋势进一步强烈,作为程序员如不能够赶紧适应,其所面临的困境可想而知。不久底明天,蓝领代码民工,势必会以科技之风潮中捉襟见肘;所以就更要求从业者能抢准稳的错过化解急需,同时保持文化技能的不断更新。而及时快字,自然是业务技能熟练度多半取决定性作用,但如发生优善的工作流机制,势必锦上添花。而者话题,所提到的点线面,非同等云好挂之;这会在渐进的学习探讨中连连去变通更新。但起码一个时底则是:即便非能够自行,至少为不能不半自动化。(web前端上交流群:328058344
禁止闲聊,非喜不进!)

图片 4

广大冤家以 hexo来构建博客;hexo 是基于 Node.js果,用它上博文,很是惠及;你不过需要hexo clean,hexo g, hexo d其三个令即可;文章数量一致大多,一效由下来,也得
20s+;如果略微懂 npm,在 package.js中进入点命名,例如像这么;

"scripts": {
  "start": "sudo hexo clean && sudo hexo g && sudo gulp && sudo hexo d"
}

那 只需要运行npm start不畏吓,可拿日耗费缩短至
2s节省时间虽说不多,却为是数据级的晋级,而且代价才是那小,并一致劳永逸。所以来必不可少对是,以略细小经验略发阐述,抛砖以引大玉。

  • Vue-cli虽然强大,但毕竟作为基础公用,不宜繁杂。应有自己(团队)的脚手架,当准备开启新的品类时,只需要运行脚手架,以初始化整个项目,而休是一点点拷贝,然后各种重新配置,引入路由,注入
    Bootstrap … 。相同档次蒙吗欠有可一键生成的模版库,或者自动化的 Json
    解析机制。

  • 千帆竞发编制代码前,必须同后台er,预定好接口,参数和返回数据;并叫之别方便找,可供应测试的可视化
    API
    文档。再没比较当下再度要紧之(如果项目超过一月/人)。像这么开源工具,也多不胜数,比如 Swagger-Ui。

  • 在编制代码时候,则该先三思而后写。而写时,当保管编辑工具的犀利化,比如寻找语法错误,开合标签完整,自动格式美化代码,使的称约定的 Eslint 要求,也准保代码清晰简洁;想象下如你的办公桌上整天让摆满了虫蝇墨液,你发何想?

  • Vue-cli 已帮带配好了代理,无需担心当地调试跨域问题;但如何能快速提交有效代码,需要活动安排。命令行也好,SourceTree
    可视化工具也,方便快捷就哼。也欠借助pre-commit工具,在 commit
    前实行校验,防止出现非法提交,影响队友。

  • 行历程中生出经历了手动打各种测试 APK 的凄惨,也更了手动各种 build
    发布之诸多不便,至今回想,满是辛酸。所以,监听仓库代码变化,自动化构建,此乃居家生活不可或缺良品。从业中尚更了各种关闭
    Bug 的奇葩方式,坦言做就事比解决所谓 Bug
    花费的光阴还多。而这些,无非是那时候组织见识短浅的诟病耳,如今社利用 jenkins 和 GitLab,双干将合壁,再任那种痛楚,感动。

  • 何谓之写有理想
    Vue?不仅在代码的美,还在于那快速,资源节约。以数量驱动之 Vue
    本身很是效率;但采用 C 写来底代码不见得还比 JavaScript
    要快快,这变数在于是殊人去描绘。由此,除了 Code Review
    代码外,也不能不有平等拟行之有效的方方面面分析方法。以确保代码的照需加载,Css
    的成立编制 & 引用,凡此等等。

  • 何谓之写起优异
    Vue?还在于那保险、稳定,而这些最终是若反映在产品之上;因此,好的制品不仅要配备访问情况,行为分析,事件埋点,也得起左报告。早先有因此简书这款读写一体的出品,如今者不仅充满各种鸡汤和戾气纵横的标题文,还充满这各种
    Bug,尤其是于 Web网页上(Mac
    mini,Pc),反馈无派,简直惨不忍睹;何为?断定他们肯定是未曾使用 sentry 类似产品工具的。

  • 同等帮派后台技术;不了解后台的前端不是好设计师;这类似调侃的语句,实则还是挺有道理的。如今,大行其道的光景端分离开模式,如果各司其职的双方,能够掌握彼此技术,则又爱配合,也再效率。而再次多下,何况出于某些需要,前端写后台,也是大规模;对于私有而言也是善,艺多不压身。最近发生当形容点个人产品,如果搜索后台开发援助,比自己学怎么样勾勒后端,其中麻烦肯定不会见掉;而且也未长久之计。即便还没这些,要缓解
    Vue SEO 以及升级换代渲染速度,做 Vue SSR 相关,也是得懂些后台技术。

  • 计划相关;这个规划,不但包括代码结构、层次、接口等计划,对于前端从业者,必然为包罗页面相关;比如,正在开之私家产品: 倾城之链(英文名曰:NICE
    LINKS),因为计划美学上之贫乏,可谓步履维艰的起来塑造出约应用,但,从视觉效果来拘禁,总认为差那把意思,仍于苦思中伺机枯竭。即便没有像样需求,页面已然有设计师画生稿来,如一旦完美的东山再起,这设计相关的功,也是必需的在;毕竟产品最终展现给用户的状,取决于自身相当前端开发者。

写于结尾的结束语


“你首先得是一律各类程序员,然后才是一致各项前端程序员”,这个意见大有道理,并且用趁着日的更迭,显得愈加强烈。因此本篇所设追究的,不仅仅限于对Vue的习及用,更可怜层次之作用在,以时风靡框架Vue否突然入口,分享时下书写前端的局部开支经历、编程心得、以及活用户体验等。很显眼,这里谈及的独自是中间冰山一角。况且前端发展这么,欣欣向荣,也是死为难面面俱到。我们无非秉承不断上的心情,拥抱变化,面向未来,才会以这汹涌的风潮中、不至于被获取下再次远。谈及此,很有必要分享下,最近直以采访更新的[与时俱进版前端资源教程],其重要性征集时下与未来技能之精良之文,以及工具、优化、测试、安全等精华的章,宗旨是吗前端学习、 技能提升、 视野扩展、 资料查找等施行个好;有趣味之心上人,可以关心了解下,或者重新进一步,协助补充
& 修正,让其能够服务还多的人数。