集团主站
欢迎来到成都达内官方网站!达内—美国上市公司 亿元级外企IT培训企业!
成都it培训哪家好
成都it培训哪家好
全国服务监督电话:15023458194  |   联系客服   |
当前位置:主页 > 培训课程 > web前端 >

web前端开发丨2017年必备的JavaScript开发指南!

发布者: 达内web前端培训     浏览次数:     发布时间:2017-10-12 10:29:56

过去几年可能你一直在写接口。也许一直在优化你们公司数据的搜索速度,也可能在为微波炉写嵌入式程序。是否记得那时你摆弄Prototype.js,已经过去好长一段时间了。现在你决定是时...

  web前端开发丨2017年必备的JavaScript开发指南!

  过去几年可能你一直在写接口。也许一直在优化你们公司数据的搜索速度,也可能在为微波炉写嵌入式程序。是否记得那时你摆弄Prototype.js,已经过去好长一段时间了。现在你决定是时候提升自己的前端技能了,这时你将看到这样一幅风景:

  成都web前端开发培训

  当然你不是在里面寻找某人,而且随机寻找25个人,你甚至都不知道他们的名字。这种被淹没的感觉在JavaScript社区非常常见,所以“JavaScript疲劳”这个词是真实存在的。空闲的时候你可以看看这篇文章很贴切的反应了这种现象。

  你现在没时间,但你又正处在一个巨大的迷宫中,你需要一个地图,所以我制作了这张地图。

  一个小小的免责声明:这是一个备忘清单,可以让你在不用做太多选择的情况下快速学习。我会列出一些工具来满足大部分场景下的前端开发。当你看完这篇文章,你会有足够的自信来调整你的技术栈。

  ☉概要

  我会将地图划分为你需要解决的问题。对于每个问题将包含:

  问题描述以及所需工具

  决定用哪种工具来解决问题

  解释我为什么选择这个工具

  给出几个替代方案

  ☉包管理

  问题: 需要组织管理的你的项目和依赖

  解决: NPM 和 Yarn

  原因: NPM是市面上非常优秀的包管理工具。Yarn运行在NPM之上,优化了依赖解析,把你的第三方依赖版本锁定在一个文件中。

  其他选择: 据我所知还没有。

  ☉JavaScript

  问题: ECMAScript 5 很老派很糟糕

  解决: ES6

  原因: ES6包含了几个很有用的特性,这些特性其他语言已经存在很久了。说几个有意思的特性吧:箭头函数、具备模块导入导出能力、对象解构、模板字符串、let和const、generators、promises等等。如果你是个python程序员,你会有家的感觉。

  其他选择: TypeScript, CoffeeScript, PureScript, Elm

  ☉语法转化

  问题: 许多浏览器还没有大规模的支持ES6。你需要一个程序来将ES6语法转换成ES5。

  解决: babel

  原因: 完美运行,近乎事实上的标准。在服务器端完成转换。

  其他选择: Traceur

  注意: 你将使用babel加载器,是一个webpack加载器。如果你使用比如coffeeScript这样的语言,也需要转换。

  ☉检查工具

  问题: 有无数种方法可以写js,所以实现代码一致性很难。用语法检查工具可以阻止一些bugs。

  解决: ESLint

  原因: 很好的代码检查器,而且还可配置。可以很好的帮助你适应新的语法。

  其他选择: JSLint

  ☉打包工具

  问题: 需要处理第三方依赖和模块加载问题。

  解决: Webpack

  原因: 高度可配置。可以加载各种依赖,可插拔。

  其他选择: Browserify

  缺点: 首次配置会比较麻烦

  注意: 你需要花一些时间去了解webpack运行机制。以及去了解babel-loader, style-loader, css-loader, file-loader, url-loader。

  ☉测试

  问题: 有时候你的代码很脆弱,你需要测试它。

  解决: mocha(测试运行器),chai(断言库)。

  原因: 使用方便,功能强大.

  其他选择: Jasmine, Jest, Sinon, Tape.

  ☉前端框架 / 状态管理

  问题: 这是一个很大的问题。单页应用变得越来越复杂,可变状态很麻烦。

  解决: React 和 Redux

  为什么使用React: 让人兴奋的是React打破了许多传统教条,更好的组件划分思想:用功能划分替代了原有通过(HTML/CSS/JavaScript)来划分组件的方式。

  为什么使用Redux: 如果你的应用很复杂,那你需要用一个工具来管理你的状态。网上有很多工具可以实现,为了节约你的时间请直接学redux吧。它实现简单,Facebook也在用。

  其他选择: Angular2, Vue.js.

  警告: 当你第一次看到JSX代码时,可能想骂人。请相信我,把HTML,JavaScript和CSS写到一个文件会超级爽,感觉解锁了一个新世界。

  ☉操作DOM

  问题: 你偶尔也需要操作DOM

  解决: jQuery.

  原因: 是的,jQuery仍然活的很好,React和jQuery不是水火不容的。你觉得还可以用React原生提供的’querySelector‘,但jQuery的跨浏览器的兼容能力可以为你省去很多麻烦。

  其他选择: Dojo (不知道现在还有吗).

  ☉样式

  问题: 每个组件需要有独立的样式,而且可复用。

  解决: CSS模块

  原因: 我喜欢用内联样式,但我不得不承认它有很多局限性。当然在React中用也是可以的,但是你不能定位伪类选择器(如 :hover)。

  其他选择: 内联样式。我特别喜欢在React中使用内联样式,这样你就可以把样式当做js对象来处理,而且他们在一个文件中,非常容易维护。有些人可能主张用 SASS/SCSS/Less,但是又会增加新的步骤,没有CSS模块/内联样式那么轻便。

  成都web前端培训哪家好,当然是成都达内培训,成都达内是一家专业的程序员培训机构,专注于网络营销课程,成都嵌入式培训,成都web前端开发培训,成都php培训,成都java培训,成都安卓培训,成都会计实操培训,web前端开发,成都网络营销培训,成都it培训,成都编程培训,成都程序员培训等IT培训,专业的成都软件培训机构,专业师资授课,真实项目实战、零首付、低押金、名企就业,达内培训怎么样,成都web前端开发培训训机构www.cdtedu.com/pxkc/php/

(责任编辑:成都达内)
最新开班
  • 成都Java培训班
    免费试听名额发放中...
  • 成都C++培训班
    免费试听名额发放中...
  • 成都PHP培训班
    免费试听名额发放中...
  • 成都网络工程培训班
    免费试听名额发放中...
  • 成都Unity3D培训班
    免费试听名额发放中...
  • 成都大数据培训班
    免费试听名额发放中...
  • 成都uid培训班
    免费试听名额发放中...
  • 成都会计培训班
    免费试听名额发放中...
  • 成都Python培训班
    免费试听名额发放中...
  • 成都嵌入式培训班
    免费试听名额发放中...
  • 成都web培训班
    免费试听名额发放中...
  • 成都软件测试培训班
    免费试听名额发放中...
在线留言
提交

校区地址:绵阳市涪城区临园路东段68号富临大都会7栋3单元9层12号

联系电话:15023458194

公交路线:富乐路口凯德广场(10路;29路;3路;15路;11路;15a路;71路)

校区地址:成都市锦江区东大街紫东楼段35号明宇金融广场19楼1903室

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市高新区奥克斯广场蜀锦路209号一楼商铺

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都锦江区东大街芷泉街229号东方广场C座3楼303

联系电话:15023458194

公交路线:芷泉街(188路;115路;515路;236路;505路;501路;84路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号

联系电话:15023458194

公交路线:红牌楼东(11路;92路;100路;111路;139路;g28路;快速公交K1/K2) 地铁路线:红牌楼站(地铁3号线)

校区地址:成都市锦江区红星路二段70号四川日报大厦502-2

联系电话:15023458194

公交路线:市二医院站(6路;49路;102路;5路;37路;g92路;) 地铁路线:地铁市二医院(地铁3号线)

校区地址:成都市锦江区东大街紫东段35号明宇广场2306

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:四川省成都市武侯区高新科技孵化园9号园区E座7楼

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都市成华区建设路10号万科钻石广场B座5楼

联系电话:15023458194

公交路线:建设路中(6路;14路;42路;72路;76路;1010路;)

校区地址:成都市高新区奥克斯广场B座1708

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

了解达内动态
关注成都达内教育公众号

首页 | 关于达内 | 课程中心 | 专家师资 | 视频教程 | 学员空间 | 校企合作 | 新闻资讯 | 就业指导 | 网站地图

20016-2025 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56