内心的强大永远胜过外表的浮华!
总结:
- 目前国内比较流行的2个框架:React、Vue.js;目前JS开发的现状就这样,需要不同平台的库(不断更新)整合起来开发;
1. 前端开发
早期前端开发使用网页三剑客:Dreamweaver、Firework、Flash.。微软有Frontpage。
不管使用什么工具,都不能改变JS兼容、CSS兼容、浏览器版本兼容问题,非常头疼
2006年 (ES5)jQuery库诞生,出现了JS框架,抹平了平台差异。基于它产生了众多的插件,前端开发终于轻松了些。
2008年 V8引擎伴随着Chrome浏览器发布;V8引擎诞生以后,前后端都可以编程;
2009年 ES5标准发布。
2009年 Nodejs发布,服务器端也可以使用JavaScript了。
2009年 AngularJS诞生,之后被谷歌收购。
2010年 Backbone.js诞生。
2011年 React和ember诞生,React于2013年5月开源。
2014年 国人 尤雨溪 的Vue.js诞生。
2014年 HTML5标准发布。
前端工具和框架越来越多,前端开发已经不是随便使用一个什么文本编辑器就可以完成的了。如果使用框架,需要很多工具的配合,配置好一个开发环境非常重要。
2. 硬件发展
最初,网页就是简单的文本,计算机轻松胜任。
后来,网页对多媒体的支持,动态效果的支持,都需要使用大量的CPU、内存资源,甚至是显卡的渲染能力。
所以,个人PC需要不断升级,否则浏览网页很困难。
移动互联网到来的早期,手机看的网页,都需要单独处理。
手机屏幕小、CPU弱、内存小,能看的网页纯文本加小图。这样产生的流量也小,2G时代谈不上网速。
2007年第一代IPhone诞生,2008年安卓手机诞生,3G的移动互联网时代到来了。
手机硬件水平不断提升,手机的开发平台可以让众多开发者开发APP,用户可以下载安装使用这些APP。
对于开发者来说,开发就是个问题了,是不是需要开发一套IPhone版本、再开发一套安卓,在开发一套网页的版本呢?
2013年,中国开始进入4G时代。手机硬件水平也得到了很大的提升。
众多平台都在思考是否能够一套架构,解决所有前端问题。使用的还是最通用的技术网页+JS。
如今的前端开发已经不是以前的几个js文件、几百行代码了。为了适应需求,新框架、新编程模式不断涌现,这些工具都大大方便了协作开发,同时解决平台兼容性问题。
3. 学习ES6
介绍基本语法,重点看他们之间的不同点;
3.1 ES6开发环境搭载
Nodejs(Nodejs 8)
Nodejs是服务器端运行JavaScript的开源、跨平台运行环境。
Nodejs原始作者瑞安·达尔(Ryan Dahl),于2009年发布,使用了V8引擎,并采用事件驱动、非阻塞、异步IO模型。
2010年,npm软件包管理器诞生,通过它,可以方便的发布、分享Nodejs的库和源代码。
Nodejs 4.0引入了ES6语言特性。
我们学习JS,就让它跑在最新版的Nodejs上,为了调试方便,也为了使用最新的ES2017特性。
安装
国内可以去阿里云镜像站https://npm.taobao.org/mirrors/node
Linux
https://npm.taobao.org/mirrors/node/latest-v8.x/node-v8.11.3-linux-x64.tar.xz
解压即可运行
msi安装会增加path路径
全局安装目录 C:\Program Files\nodejs
本用户目录 C:\Users\Administrator\AppData\Roaming\npm
文档
搜索MDN,Mozilla Developer Network,提供非常完善HTML、CSS、JS等的技术资料。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
指南 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide 非常好的JS文档
使用任何一种文本编辑器,都可以开发JS,此次使用微软的Visual Studio Code开发。
Visual Studio Code
下载 https://code.visualstudio.com/Download
支持windows、mac、Linux平台。
有代码自动完成功能,还可以安装Node exec插件,将写的js跑在nodejs上。
Node Exec插件快捷键:F8运行js脚本,F9停止
前端开发中,JS脚本一般来说是为了控制浏览器的网页的,这里使用了VSCode,只是为了开发调试方便
解决快捷键冲突
F8和某些软件冲突,无法使用,例如某些词典软件。
可以通过调整VSCode的快捷键设置。当然可以修改其他软件的快捷键。
网友评论