今天要跟大家分享的文章是关于自学web前端的，好吗？  Web前端需要学习哪些技能。  web前端因其和良好的入门水平而受到越来越多的关注，吸引了很多人学习。 很多人会选择通过自学来学习Web前端技术，所以自学的小伙伴们会问这些问题，自学Web前端可以吗？ 学习Web前端需要哪些技能？ 让我们来看看！

  一、前端自学的学习误区

  1.你学到的东西可能已经过时了

  被视为经典的东西可能已经过时，也可能有更好的替代品，而你获取的信息有限，新闻滞后，学习的内容也相对滞后。

  2.学习方法是盲目的。

  如果你不理解这本书，你应该寻找视频教程。 如果你觉得教程不符合你自己的口味，那就寻找其他方法。 因为缺乏识别资源的能力，所以总是盲目学习，没有明确规划学习路线，导致学习效率低下。 时间太长，收获很少。

  3、只有理论，没有实操。

  对技术的理解停留在理论层面，缺乏实际企业项目的经验。 如果没有相关的实习或工作经验，对前端岗位的具体职责和工作流程也不是很了解。

  2、自学前端需要掌握哪些技能才能上岗？

  那么，需要什么水平的自学前端才能工作呢？ 我把知识点和当前前端主流的职位要求结合起来，罗列了一些，希望对大家的学习有所帮助~

  § PC端网站布局：HTML基础、CSS基础、CSS核心属性、CSS样式堆叠、继承、框模型、容器、溢出和元素类型、浏览器兼容性和宽高适应性、定位、锚点和透明度、图像集成、 表格、CSS 属性和过滤器等。

  § HTML5 CSS3基础：HTML5新元素和属性、表单域增强元素、CSS3选择器、文本字体相关样式、CSS3位移和变形处理、CSS3 2D转换和过度动画、CSS3 3D转换和关键帧动画、flexbox模型、媒体 查询、响应式设计等。

  § WebApp页面布局：移动端页面设计规范、移动端切割图、文字流向/控制灵活性/图像比例/特别设计的100%布局、比例缩放布局、viewport/meta、rem/vw、flexbox的使用详解，移动端 网页特殊样式处理等

  § Native JavaScript交互函数开发：基础语法、循环语句、函数与数组、String与Date、BOM与DOM、事件、拖放效果、cookie存储、正则表达式、Ajax、面向对象基础、体育与游戏开发、 等等。

  § 高级面向对象和 ES5/ES6 应用：Promise/A、设计模式（观察者模式等）、原型链、构造函数、执行上下文堆栈和执行上下文、变量对象和活动对象、作用域链、闭包、this、  ES5、ES6等

  § 自主研发JavaScript工具库：DOM库、事件库、AJAX库、原型及继承库、MVVM核心库、基于SPA的路由库等。

  § jQuery经典交互特效：时间轴特效、标签页切换特效、网页定位导航特效、推拉门特效、焦点图轮播特效、导航栏菜单特效、瀑布流特效、弹出图层效果 、倒计时效果等。

  § PHP MySQL后端基础：PHP、MySQL、HTTP(s)协议详解、Ajax进阶、跨域与Defered、Apache与Nginx环境搭建与配置、接口定义、Mock数据、Restful、前后端 -端联调、前端安全（XSS、CSRF、JSON注入）等。

  § 前端工程及模块化应用：Gulp、Webpack、NPM、Git/SVN、CommonJS、AMD、CMD、ES6模块化等。

  § PC端全栈开发：大主页、列表页和详情页、搜索、登录和注册、购物车、jQueryUI和jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、  Velocity、Smarty、云平台系统前端等。

  § 使用Vue.js开发WebApp：Vue.js基础、模块化、单文件组件、路由、服务器通信、状态管理、单元测试和生产发布、服务器端渲染SSR和Nuxt.js，基于Vue.js 企业级项目开发等

  § 使用React.js开发WebApp：ReactJS基础、JSX语法、组件、flux Redux、React、Router路由、动画效果、基于React的企业级项目开发等。

  § 使用Angular开发WebApp：TypeScript基础与进阶、开发环境配置、Hello World、架构、模块与组件、模板、元数据、数据绑定与数据展示、表单、服务与指令、依赖注入、路由、Ionic 3 MUI框架 ， 等等。

  § 微信公众号开发：首先熟悉微信公众号，订阅号基本功能，使用百度BAE快速上线代码，使用Git完成在线代码部署，公众号开发权限和功能接入，微信JSSDK 接口API、微信场景项目开发接入等。

  § 微信小程序开发：微信小程序初学、小程序入门必学、小程序组件体验、小程序功能、实际项目等。

  § React Native：初步介绍React Native、React Native项目导航、React Native项目文本框、React Native项目滚动分页、React Native项目第三方登录、React Native其他组件等。

  § 各类混合应用开发：独立原生Navtive Hybrid、第三方Hybrid框架Cordova/Phone gap、第三方Hybrid框架等。

  3.自学前端加分

  哦对了，还有加分，大数据可视化！

  建议大家先从一些知识细节入手，数据可视化入门，数据可视化基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau、D3.js详解、D3.js介绍、D3.js 高级应用，D3.js 应用工具：NVD3、n3、charts、Highcharts、FusionCharts、Polymaps等。

  以上是小编带来的最新资讯。 喜欢的朋友可以继续关注本站最新动态，或者咨询在线客服。