2020-04-21 09:19发布
想要自学前端，要先知道需要自学什么内容，然后给自己制定学习的计划，并且严格按照计划执行下去，切忌三天打鱼两天晒网，要耐得住寂寞坚持下去才行。
可以按照下面的步骤去学习前端。
第一阶段Html5+CSS3：主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less
第二阶段JS交互设计：主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto
第三阶段Node开发：主要学习JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2
第四阶段前端框架：主要学习Vue基础、Vue进阶、TypeScript、React
第五阶段小程序+数据可视化：主要学习小程序基础、云开发、uni-app基础、数据可视化
其中第一阶段很容易也很有趣，自学的话应该问题不大，到了第二阶段就需要一定的逻辑性了，相对来说比较枯燥了，很多人到了第二阶段就自学不下去了，最后又选择了报班学。
我们可以衡量下自己的基础，看看自己是不是计算机相关专业，是否已经接触过前端的内容。如果基础好，可以尝试自学，如果基础薄弱，报班还是比自学花费的时间和经历更少。
在看看自己的学习能力，如果在之前的学习过程中遇到难题都能快速地找到解决方法，自己也善于总结学习方法和经验，可以尝试自学，如果学习能力不够好，最好还是考虑报班，报班会有专业的老师帮我们解答学习中遇到的问题，还可以帮我们总结学习方法。
时间问题，自学的话用的时间是比报班用的时间要多的，如果自己时间充裕可以自学，如果想高效的学习当然还是报班好，会有老师督促着我们学习，并且和其他同学一起学习的话也会提高学习的积极性。
Web前端中需要掌握的技术：
1、学习HTML，这是很简单，基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不灵活，和用于基本表处理数据。
2、学习CSS，CSS这里说的不包括CSS3 Web前端开发工程师里面我们看到的，一个可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用来协助HTML布局和显示，我们称之为“CSS样式”，为什么说DIV+CSS?因为我说div是HTML主要用于布局的，所以div是这个东西的核心!CSS必须配合部。CSS必须掌握浮、位置、宽度和高度，以及较大值和小值，以100%，溢出，边缘、填充等。这些都是与布局相关的样式。
3、然后就是JS的学习。JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格或价值，然后以一个ID或名称元标签，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将这些基本的JS。百度其他好。然后多看一些，不是什么问题。
4、学习jQuery相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。
5、较好是指出背景语言，如java，php，为什么?因为我们是前台接口数据，从后台到点，如果后台代码，你知道如何与后台数据交互是好的，它节省了时间，也可以使前端代码更加规范。否则，可能是因为你回来了，无法忍受的数据，然后前端代码再次重写，这将是可怕的。
6、研究CSS3 + HTML5，为什么放在后面呢?因为现在对于前端人员来说，复合型且不断提升能力的人是企业很看中的，所以，如果你准备从事专业战线，学习一下会更好。
一：块元素块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，和标签是块标签，并且独立占据一行...
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。 CSS3新增特性CSS3圆角边框：border-radius（解决了原有圆角边框需要截图的问题）CSS3文本阴影与盒阴影：text-shadow、box-shadow（可以用于实现标签边框或阴影）CSS3背景尺寸、背景切割和背景原点：backgr...
相邻兄弟选择器、通用兄弟选择器、属性选择器、伪类选择器、伪元素选择器
1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自...
ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type=text] {}
a:link 没有访问之前a标签的样式a:visited 已访问a标签的样式a:hover a标签鼠标移上的样式a:actived a标签鼠标按下的样式input:focus input表单元素获取焦点input:blur input表单元素失去焦点
基于SVG实现简单时钟效果前端绘图目前浏览器端绘制图形有2种主流方式：SVG和Canvas。相对于Canvas的更加底层的绘图API，SVG是一种声明式的，更可读、易于理解、方便交换。提到前端绘图，事实上有多种技术可以选择，除了SVG和Canvas，还可以基于javascript操作...
是有一定难度的，自己平常要需要多加努力。因为你对计算机相关知识和概念都不太了解，在某些东西的接受可能相对会慢一些。
从入门级选手到专业级选手都在做的——爬虫用 Python 写爬虫的教程网上一抓一大把，据我所知很多初学 Python 的人都是使用它编写爬虫程序。小到抓取一个小黄图网站，大到一个互联网公司的商业应用。通过 Python 入门爬虫比较简单易学，不需要在一开始掌握太多...
在《Web Content Accessibility Guidelines 1.0（Web内容可访问性指南）》里，对可访问性的描述是：Web内容对于残障用户的可阅读和可理解性。同时指南里还特别指明：提高可访问性也能让普通用户更容易理解Web内容。具体而言，要考虑以下两方面：无论用户是否...
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。同一页面在不同大小和比例上看起来都应该是舒适的；同一页面在不同分辨率上看起来都应该是合理的；同一页面在不同操作方式（如鼠标和触屏）下，体验应该是统一的；同一页面在不同类型的设...
经过前期的网站策划，确定网站主题和用户群、形象策划、制作抄规划等方面的内容之后，就要开始进行网页页面的布局了。首先是页面尺寸要紧跟时下流行的分辨率尺寸，因为页面尺寸和显示器大小及分辨率有关。其次是整体造型，一般可先画出网页的整百体设计，确定...
GDB（GNU symbolic debugger）是一个功能很强大的调试器，它可以调试多种语言。有一点要说明的是，GDB是一个调试器，而不象VC一样是一个集成环境。你可以使用一些前端工具如XXGDB，DDD等。他 们都有图形化界面，因此使用更方便。...
web的指向？你指的是？脚本中的this指向？还是其他什么？
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 IT-小敏同学 的问题《前端程序员应该如何自学？》','http://www.shouhuola.com/q-6835.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
想要自学前端，要先知道需要自学什么内容，然后给自己制定学习的计划，并且严格按照计划执行下去，切忌三天打鱼两天晒网，要耐得住寂寞坚持下去才行。
可以按照下面的步骤去学习前端。
第一阶段Html5+CSS3：主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less
第二阶段JS交互设计：主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、Touch、jQuery、Zepto
第三阶段Node开发：主要学习JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2
第四阶段前端框架：主要学习Vue基础、Vue进阶、TypeScript、React
第五阶段小程序+数据可视化：主要学习小程序基础、云开发、uni-app基础、数据可视化
其中第一阶段很容易也很有趣，自学的话应该问题不大，到了第二阶段就需要一定的逻辑性了，相对来说比较枯燥了，很多人到了第二阶段就自学不下去了，最后又选择了报班学。
我们可以衡量下自己的基础，看看自己是不是计算机相关专业，是否已经接触过前端的内容。如果基础好，可以尝试自学，如果基础薄弱，报班还是比自学花费的时间和经历更少。
在看看自己的学习能力，如果在之前的学习过程中遇到难题都能快速地找到解决方法，自己也善于总结学习方法和经验，可以尝试自学，如果学习能力不够好，最好还是考虑报班，报班会有专业的老师帮我们解答学习中遇到的问题，还可以帮我们总结学习方法。
时间问题，自学的话用的时间是比报班用的时间要多的，如果自己时间充裕可以自学，如果想高效的学习当然还是报班好，会有老师督促着我们学习，并且和其他同学一起学习的话也会提高学习的积极性。
Web前端中需要掌握的技术：
1、学习HTML，这是很简单，基本的是要掌握div，formtable、Ulli、P、跨度、字体这些标签，这些都是常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不灵活，和用于基本表处理数据。
2、学习CSS，CSS这里说的不包括CSS3 Web前端开发工程师里面我们看到的，一个可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用来协助HTML布局和显示，我们称之为“CSS样式”，为什么说DIV+CSS?因为我说div是HTML主要用于布局的，所以div是这个东西的核心!CSS必须配合部。CSS必须掌握浮、位置、宽度和高度，以及较大值和小值，以100%，溢出，边缘、填充等。这些都是与布局相关的样式。
3、然后就是JS的学习。JS入门很简单，不需要很多东西，只要根据ID或名称DOM或”风格或价值，然后以一个ID或名称元标签，或额外的数据，在HTML，这是对数据的操作有关系，那么数据逻辑的影响，无非是一个跳跃，弹框，隐藏什么，这一切都是结合其他应用，代码一点都不难，将这些基本的JS。百度其他好。然后多看一些，不是什么问题。
4、学习jQuery相当于封装一组JS插件的JS。其目的是操作更方便，编写更少的代码，jQuery条目也非常简单。这些都是切入点，要学会像JS，只是改变了JQ代码。剩下的就跟百度一样。
5、较好是指出背景语言，如java，php，为什么?因为我们是前台接口数据，从后台到点，如果后台代码，你知道如何与后台数据交互是好的，它节省了时间，也可以使前端代码更加规范。否则，可能是因为你回来了，无法忍受的数据，然后前端代码再次重写，这将是可怕的。
6、研究CSS3 + HTML5，为什么放在后面呢?因为现在对于前端人员来说，复合型且不断提升能力的人是企业很看中的，所以，如果你准备从事专业战线，学习一下会更好。
相关问题推荐
一：块元素块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，和标签是块标签，并且独立占据一行...
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。 CSS3新增特性CSS3圆角边框：border-radius（解决了原有圆角边框需要截图的问题）CSS3文本阴影与盒阴影：text-shadow、box-shadow（可以用于实现标签边框或阴影）CSS3背景尺寸、背景切割和背景原点：backgr...
相邻兄弟选择器、通用兄弟选择器、属性选择器、伪类选择器、伪元素选择器
1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自...
ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type=text] {}
a:link 没有访问之前a标签的样式a:visited 已访问a标签的样式a:hover a标签鼠标移上的样式a:actived a标签鼠标按下的样式input:focus input表单元素获取焦点input:blur input表单元素失去焦点
基于SVG实现简单时钟效果前端绘图目前浏览器端绘制图形有2种主流方式：SVG和Canvas。相对于Canvas的更加底层的绘图API，SVG是一种声明式的，更可读、易于理解、方便交换。提到前端绘图，事实上有多种技术可以选择，除了SVG和Canvas，还可以基于javascript操作...
是有一定难度的，自己平常要需要多加努力。因为你对计算机相关知识和概念都不太了解，在某些东西的接受可能相对会慢一些。
从入门级选手到专业级选手都在做的——爬虫用 Python 写爬虫的教程网上一抓一大把，据我所知很多初学 Python 的人都是使用它编写爬虫程序。小到抓取一个小黄图网站，大到一个互联网公司的商业应用。通过 Python 入门爬虫比较简单易学，不需要在一开始掌握太多...
在《Web Content Accessibility Guidelines 1.0（Web内容可访问性指南）》里，对可访问性的描述是：Web内容对于残障用户的可阅读和可理解性。同时指南里还特别指明：提高可访问性也能让普通用户更容易理解Web内容。具体而言，要考虑以下两方面：无论用户是否...
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。同一页面在不同大小和比例上看起来都应该是舒适的；同一页面在不同分辨率上看起来都应该是合理的；同一页面在不同操作方式（如鼠标和触屏）下，体验应该是统一的；同一页面在不同类型的设...
经过前期的网站策划，确定网站主题和用户群、形象策划、制作抄规划等方面的内容之后，就要开始进行网页页面的布局了。首先是页面尺寸要紧跟时下流行的分辨率尺寸，因为页面尺寸和显示器大小及分辨率有关。其次是整体造型，一般可先画出网页的整百体设计，确定...
GDB（GNU symbolic debugger）是一个功能很强大的调试器，它可以调试多种语言。有一点要说明的是，GDB是一个调试器，而不象VC一样是一个集成环境。你可以使用一些前端工具如XXGDB，DDD等。他 们都有图形化界面，因此使用更方便。...
web的指向？你指的是？脚本中的this指向？还是其他什么？