2020/02/04 02-前端开发发展和开发环境搭建

JS引擎就是ECMA标准-262,ES6现在是学习的重点
2020/02/04 02-前端开发发展和开发环境搭建_第1张图片
有了V8引擎,才能够现在这样前后端开发2020/02/04 02-前端开发发展和开发环境搭建_第2张图片
CSS控制样式,jquery库主要控制的是CSS
2020/02/04 02-前端开发发展和开发环境搭建_第3张图片
动态网页技术指的是内容是到服务器端交互的
2020/02/04 02-前端开发发展和开发环境搭建_第4张图片
同步需要整个页面重,加重了服务器和客户端的任务
2020/02/04 02-前端开发发展和开发环境搭建_第5张图片
05年google开始大量使用Ajax技术之后,也开始使用,必须通过DOM来跟渲染引擎打交道,浏览器发现DOM修改后,就会重绘网页内容
2020/02/04 02-前端开发发展和开发环境搭建_第6张图片
06年发布jquery库诞生,从此js开发发生巨大变化,ajax 05年发布,封装了ajax,把平台的差异,自己解决,到此为止,jquery依然是很重要的js开发的库
08年 V8引擎诞生,前后端都可以编程
2011年 React 诞生,在13年开源
2014年 vue.js诞生
14年 html5 标准发布

2020/02/04 02-前端开发发展和开发环境搭建_第7张图片
现在写js,首先要看自己的开发环境,还有就是要考虑用户浏览器是否支持,前端搭建环境也是比较复杂的事情
在这里插入图片描述2020/02/04 02-前端开发发展和开发环境搭建_第8张图片
下载移动端性能上去了,其实和桌面端差不多,手机里的APP其实就是换了壳的浏览器
2020/02/04 02-前端开发发展和开发环境搭建_第9张图片
现在都从ES5到ES6了,动态弱类型语言,ES6借鉴了很多python的东西,装饰器,生成器2020/02/04 02-前端开发发展和开发环境搭建_第10张图片
Nodejs软件,就是把v8引擎作为一个脚本编辑器,是用一个事件驱动(等事件来了通知你)、非阻塞、异步IO模型。js生成了很多库,有自己的包管理器npm,解决了依赖问题以及版本依赖问题2020/02/04 02-前端开发发展和开发环境搭建_第11张图片
到现在还是nodejs 8.0用的比较多
在这里插入图片描述2020/02/04 02-前端开发发展和开发环境搭建_第12张图片
2020/02/04 02-前端开发发展和开发环境搭建_第13张图片
并不是C盘装的东西多,速度就慢,是因为虚拟内存在C盘2020/02/04 02-前端开发发展和开发环境搭建_第14张图片
如果不会配path路径,就可以aadd to PATH
2020/02/04 02-前端开发发展和开发环境搭建_第15张图片
VScode,这个软件微软做的很好
system installer是装在系统里供你所有的用户使用
user installer 当前用户使用
2020/02/04 02-前端开发发展和开发环境搭建_第16张图片
这样nodejs 就可以使用了,说明已经加到path里去了
2020/02/04 02-前端开发发展和开发环境搭建_第17张图片
安装vscode2020/02/04 02-前端开发发展和开发环境搭建_第18张图片
这里就是插件
2020/02/04 02-前端开发发展和开发环境搭建_第19张图片
插件里有node exec,安装这个插件

2020/02/04 02-前端开发发展和开发环境搭建_第20张图片
这样就加载成功了
2020/02/04 02-前端开发发展和开发环境搭建_第21张图片
新建一个文件夹
2020/02/04 02-前端开发发展和开发环境搭建_第22张图片
上面是文件管理
2020/02/04 02-前端开发发展和开发环境搭建_第23张图片
把刚才的新建文件夹做为项目目录2020/02/04 02-前端开发发展和开发环境搭建_第24张图片2020/02/04 02-前端开发发展和开发环境搭建_第25张图片
按一下F8执行 2020/02/04 02-前端开发发展和开发环境搭建_第26张图片
可以调整代码字的大小
2020/02/04 02-前端开发发展和开发环境搭建_第27张图片2020/02/04 02-前端开发发展和开发环境搭建_第28张图片
开发JS目前要装这个插件

可以查看js的开发文档,不建议看博客2020/02/04 02-前端开发发展和开发环境搭建_第29张图片2020/02/04 02-前端开发发展和开发环境搭建_第30张图片
javascript指南
2020/02/04 02-前端开发发展和开发环境搭建_第31张图片http://developer.mozilla.org/zh-CN2020/02/04 02-前端开发发展和开发环境搭建_第32张图片2020/02/04 02-前端开发发展和开发环境搭建_第33张图片2020/02/04 02-前端开发发展和开发环境搭建_第34张图片
解锁键盘快捷键冲突
2020/02/04 02-前端开发发展和开发环境搭建_第35张图片
可以进行修改
2020/02/04 02-前端开发发展和开发环境搭建_第36张图片

你可能感兴趣的:(52前端开发之ES6入门(一))