前端微信公众号开发，前端开发规范手册

最新推荐文章于 2024-05-02 14:26:53 发布

高级编程TOP

最新推荐文章于 2024-05-02 14:26:53 发布

阅读量1.9k

点赞数 2

分类专栏： Web前端文章标签：经验分享前端前端框架

本文链接：https://blog.csdn.net/qd520_1314/article/details/124434280

版权

Web前端专栏收录该内容

192 篇文章 6 订阅

订阅专栏

开始

我大学读的是大专，在学校学的是机电一体化。临近毕业的时候选择了学习web前端技术，因为做机电实在又累工资又低，而我更喜欢坐办公室的工作，有空调吹，我很现实，就是想多赚一点钱。到现在做了两年前端的小程序员，月薪是13K，经历过两次跳槽，第一次跳槽拿到了10K的offer，第二次跳槽拿到现在13K的offer。

选择学习前端之前我也有想过要学什么，最后我为什么选择学习前端呢，因为当时这门技术比较火，自己对于计算机也是有兴趣，薪资待遇也不错，并且相比较java后端，前端更容易入门。

在学习过程中也有遇到许多问题，比如边学边忘，当时觉得教程中的内容自己都可以听懂，并且可以模仿写出代码，完成作业。但是过一段时间重新做题，我发现自己忘得一干二净，后来一个前端大佬提醒我，学习要时常进行复习和把学到的知识应用到真实的场景项目中。

还有一个很重要的问题就是学习心态爆炸的问题，主要是因为遇到一个问题无法解决，自己琢磨了五六个小时都看不出是什么问题，一天的时间都花在这个小问题上面，就会觉得自己笨，自己不行，对自己产生了严重的怀疑。而这种情况几乎是每天都发生，因为自己从未接触过这方面的知识，所以根本找不出问题在哪里。确实走了不少弯路，不过好在自己坚持了下来。

学习路线

第一阶段：网页制作

HTML：常用标签，锚点，列表标签，表单标签，表格标签，标签分类，标签语义化，注释，字符实体

CSS：CSS介绍，全局样式，行内样式，内联样式，选择器，字体样式值，文本样式值，颜色样式值，盒模型，控制台使用，清除默认样式，盒模型居中，外部距塌陷，标准文档流，块元素，行内元素，行内块元素，多种伪类元素，浮动，定位

第二阶段：JavaScript动态交互

JavaScript初阶：变量与运算符，逻辑控制，Math类，函数，Object类，定时器，Array类，String类，Date类

JavaScript进阶：JavaScript DOM基础，this，事件，事件流，JavaScriptBOM基础，call&apply&bind，自定义属性，面向对象编程

ES6/7/8/9：ECMAScript6简介，let和const，ES6+的作用域，对象的扩展，函数的扩展，字符串的扩展，Symbol，Set&Map，Promise对象，async&awiat，箭头函数，模板字符串，rest参数，Class，Module模块

JavaScript高阶：闭包，立即执行函数，惰性函数，插件开发，多人协作，深复制与浅复制，数组扁平化，递归，正则表达式全解，函数防抖，函数节流

第三阶段：移动端开发技术实战

HTML5：HTML5简介，HTML5新语法，HTML5新语义化标签，HTML5新表单元素属性，HTML5新手机端新事件处理，HTML5新增多媒体实战，本地存储，Canvas，HTML5地理组件GeoLocation

CSS3：CSS3新增属性，圆角制作企业级方案，CSS3背景属性，过渡动画 transition，变化属性 transform，特效轮播图实战，企业级flex布局实战，grid布局实战

Bootstrap：响应式，媒体查询，栅格系统，栅格参数，组合模式，列偏移/列排序/自动列，列对齐/列嵌套，文本与颜色，按钮，导航，图文混排，模态框，轮播图

移动端开发：移动端简介，移动端视口约束，移动端flex移动端实践，rem，vw，flexible企业级实战

第四阶段：前后端分离技术及常用库类

Ajax：AJAX简介，AJAX作用，封装AJAX，创建XMLhttpRquest对象，同步和异步，AJAX分页

jQuery：jQuery介绍，jQuery链式语法，jQuery选择器，jQuery核心，jQuery工具，jQuery事件，jQuery事件对象，jQuery特效，jQuery回调函数，jQuery文档处理，jQuery筛选，jQuery属性，jQueryCSS

Echarts：Echarts概述，Echarts使用，坐标系，雷达图/饼状图/折线图

第五阶段：企业级高级WEB架构开发

Webpack：Webpack的安装和使用，项目模块打包，静态打包模块器，Webpack入口，Webpack输出，Webpack插件，webpack模块

Vue：Vue使用，Vue响应式，Vue双向数据绑定，Vue相关指令，vue-resource，axios，template选项，Vue生命周期，Vue组件，自定义指令，过滤器，computed属性，Vue-cli 2.x和3.x 脚手架配置，Vue-router，Vuex，Element UI

微信小程序：uni-app，mpvue，微信小程序注册，APPID申请，生命周期，小程序调试，微信小程序框架组件，微信小程序布局框架，微信小程序条件渲染和列表渲染，媒体组件audio，视图容器，网络api，相机api，地图api