美文网首页
52.2-前端开发发展和开发环境搭建

52.2-前端开发发展和开发环境搭建

作者: BeautifulSoulpy | 来源:发表于2020-05-11 10:04 被阅读0次

    内心的强大永远胜过外表的浮华!


    总结:

    1. 目前国内比较流行的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的快捷键设置。当然可以修改其他软件的快捷键。

    相关文章

      网友评论

          本文标题:52.2-前端开发发展和开发环境搭建

          本文链接:https://www.haomeiwen.com/subject/vvdynhtx.html