第一阶段主要是html和css的内容
第二阶段主要是js的内容
第三阶段主要是js的pc端开发的内容
第四阶段主要是es6和node.js以及webpack等等的内容
第五阶段主要是框架react的内容
第六阶段主要是框架vue的内容
第七阶段主要是小程序的内容
第八阶段主要是就业指导和面试精讲的内容
使用scss或less代替css值得吗？
Sass/Scss&Less是什么？Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助 Node.js)。less英文站需要翻墙，也可以访问中文站。
优点：1、提供了许多便利的写法，让CSS 的处理实现了可编程处理。2、扩展了 CSS3，增加了规则、变量、混合、选择器、继承等等特性，可以生成风格良好的 CSS 样式表文件，易于组织和维护。3、能有效减少代码冗余的问题另外：建议使用 scss 文件，这种和大家平时写的 css 文件格式差不多，使用大括号和分号。以避免 sass 后缀名的严格格式要求而报错。
个人觉得scss可以使操作更简便，表达更简便，还是值得试一试的。
你的电脑上有哪些很好的软件或网站？
之前在偶的头条号和悟空问答社区给大家推荐过不少好用的软件，有APP的也有电脑端的。
今天看到这个问题就专门整理了一份电脑上好用的软件或者网站给大家，希望对你有用，帮助你提高学习和工作效率，如下：
1. 爱奇艺万能播放器
市面上播放器有很多，但跟其他相比爱奇艺万能播放器的最大亮点在于它有个很牛逼的功能，就是可以高速下载百度网盘的东西。大家知道网盘下载资料的速度很慢，但在爱奇艺万能播放器里面下载那速度比购买百度网盘的会员还快。
在相同网速下测试下载一个一百多兆的视频，在百度网盘正常下载只有几百kb/s，而在爱奇艺里面有5MB/S左右的速度，甩人家几条街。
百度搜索「爱奇艺万能播放器」进入官网直接下载即可。
下载安装好之后，打开软件在右上角找到「百度网盘」的图标点击打开。第一次打开有个功能初始化提示，关掉弹窗等个十几秒再次点击就可以了。
打开登录自己的百度网盘，然后选择要下载的资源直接下载即可，速度贼快。
当然除了下载网盘资料，你还可以使用它播放视频、音频，查看图片等，真的是万能。
2. 方片收集
大家每个人都有碎片知识收集的需求，看到一句优美的话、一张动人的图片、一个视频或者一个想法，想快速记录下来。如果打开笔记软件或者记事本这些工具来记录往往显得笨重而繁琐。但使用方片收集这款利器可以助你高效完成收集，官网宣传一点都不吹嘘。
下载安装好插件后，将你需要收集的资料（图片/文字/网址/视频）向左拖拽或点击就能完成收集，超级方便和快速。
方片收集还有android和iOS APP，内容多端同步，实时云端保存，可以随时查看编辑。偶已不止一次推荐它了，真的好用到爆。
3. precessOn
PrecessOn是一个强大的在线绘图平台，无需下载，直接线上使用。支持思维导图、业务流程图、原型图、组织架构图等十多种图形绘制，界面设计简洁，易操作上手。
同时它提供项了目管理、财务、电商等多种脑图模板。
说实话，有了precessOn这款绘图集合工具，真的不需要去下载类似 Xmind 这样笨重的客户端，占用电脑内存，precessOn足够满足你的日常需求，而且使用体验也非常不错。
4. 优品PPT
优品PPT是一家专注于分享高质量的免费PPT模板下载网站，无需注册登录，所有PPT模板及相关素材免费下载，并无次数限制，另外还提供了PPT背景、教程、字体库等相关有用素材。
5. 阿里巴巴矢量图标库
大家在做PPT的时候，往往需要图标来辅助设计，图标可以让大家纯文字的PPT变得简洁形象，增强美感的同时也提升了可读性，看起来更加直观。阿里巴巴矢量图标库是阿里旗下一个免费提供丰富图标的网站。网站设计简约，功能实用，用户体验非常好。
选中一个下载，你可以任意修改图标颜色和大小。
6. islide
iSlide是一款百宝箱级别的PPT插件，资源极其丰富，功能很强大智能，获得过多数PPT相关自媒体的推荐好评，用过的人都知道。可能是目前最好用的PPT插件工具了吧。
7. Teambition
Teambition 是一款容易上手功能又强大的团队管理软件，不论从设计美学或功能性来看都非常棒。它可以轻松让你在项目管理、敏捷研发、产品设计、战略管理等场景下与他人高效协作。
8. 虫部落
一个万能的聚合搜索工具，你可以通过它快速搜索学术、音乐、地图、购物、设计素材、动漫电子书等等。没有它搜不到的，只有你想不到的。
9. 石墨文档
一款轻便、简洁的在线协作文档工具，PC端和移动端全覆盖，支持多人同时对文档编辑和评论，让你与他人轻松完成协作撰稿、方案讨论、会议记录和资料共享等工作。
10. Snipaste
一个超级好用的截图神器，但是知道的人并不多，用了之后保证你不再会想到QQ截图。
11. 高质量免费无版权图片网站
去哪里找到好看又不用担心版权又免费的图片，关于找图可以去看偶头条号专门整理的一篇分享，题目是《这6个免费无版权的高质量图片网站能满足你99%的找图需求》
以上是偶电脑上经常用到的软件或者网站，都是很好用的良心产品，推荐大家都去试试。
css怎么改变位置？
1.
新建一个html文件,命名为test.html,用于讲解css怎么调整div的位置。
2.
在test.html文件内,使用div创建一个模块,下面将使用css调整该div的位置。
3.
在test.html文件内,给div添加一个class属性,用于下面设置css样式。
4.
在css标签中,通过class设置div的样式,定义其宽度和高度都为100px,背景颜色为红色。
5.
在css标签内,再使用position属性设置div的位置属性为绝对定位absolute,使用left属性设置其距离页面。
