如果真有这么残酷的一天，我不小心喝错了一瓶药，一下子抹去了我十几年的编程经验，把我变成了小白。 想在前台自学，想找工作。我估计需要六个月，前提是我每天都处于高效的学习状态，每天学习时间至少12小时。 即便如此，我确定我找到的工作也不会太好，勉强能维持生计。毕竟是零基础入门。 如果你想更进一步，成为一名不可或缺的高级前台工程师，那就需要更长的时间，两年，三年，五年，直到你秃顶。 想来想去，觉得有必要为那一天做些准备，以备不时之需。 01.第一阶段，准备环境和工具。1.准备一台可以联网的电脑。2.下载并安装node、npm、webpack、webpack-cli和cnpm。3.配置MySQL4，下载安装vscode5。准备一个GitHub仓库(或者代码云)，管理前台源代码。前景是计算机编程语言。 我有个亲戚的孩子，想学编程，就只看书。他甚至不配拥有一台电脑。他说，“先打好理论基础，再实践。”我真的有点醉了。 有了电脑，就要联网，自学的过程中会遇到很多问题。遇到问题先问搜索引擎，推荐Google和Bing如果实在没有答案，也可以来找我，申请加入技术交流群，问问群里的大佬。 千万不要用记事本写源代码。对小白来说，时间是宝贵的。记事本只适合大牛装逼，不适合小白编程(入门)。纯白需要时间。 有了vscode，以后学习源码会方便很多。 为什么需要GitHub仓库或者代码云仓库？它们可以用来同步在线云中的源代码，以防止版本丢失。 最后可以形成自己的刀具库，轮子就有了。上班的时候工作效率会高很多，可以直接用的代码永远不用重写。 02.第二阶段，基础介绍1)HTML1，常用标签2，锚点3，列表标签4，表单标签5，表单标签6，标签分类7，标签语义8，注释9，字符实体2)CSS1，CSS细节2，全局样式3，内联样式4，内联样式5，选择器6，字体样式值7，文本样式值8，颜色样式值9，框模型10模型居中13，浮动14，定位15，外边距折叠16，标准文档流17，内联块元素18， 各种伪类元素19、block元素20、inline元素3)javascript初级1、变量和运算符2、逻辑控制3、数据类型基础4、数学类5、函数6、定时器7、数组类8、字符串类9、日期类4)JavaScript高级1、JavaScript DOM基础2、this3、事件4、事件流5、JavaScript BOM基础6、call & apply & amp Bind7、自行设置属性8、面向对象编程5)ES6/7/8/91、ECMAScript6简介2、let和const的作用域3、ES6+ 4、对象的扩展5、函数的扩展6、字符串的扩展7、Symbol8、set & Map9、Promise对象10、async & Awiat11、arrow函数12、模板字符串13、rest参数14、Class15、Module模块6)JavaScript高层1、闭包2、立即执行函数3、惯性函数4、plug 递归9、正则表达式全解10、函数防抖11、函数节流7)HTML51、5 html 2简介、HTML5新语法3、HTML5新语义标签4、HTML5新表单元素属性5、HTML5新事件解析6、HTML5新多媒体战斗7、Canvas8、HTML5地理组件GeoLocation8)CSS31、CSS3新属性2、圆角制作企业级方案3、CSS3背景属性4、转场动画转场5、改变属性transform6、特效轮播实际 网格布局实战03、第三阶段、前台核心技术1)bootstrap1、响应式2、媒体查询3、网格系统4、网格参数5、组合方式6、列偏移/列排序/自动列7、列对齐/列嵌套8、文本和颜色9、按钮10、导航11、图文混排12、模态框13、轮播图14、企业级案例讲解2)手机1 Rem5、vw3)Ajax1、Ajax简介2、AJAX函数3、封装AJAX4、创建XM 同步和异步6、AJAX分页4)JQuery1、jQuery细节2、jQuery链语法3、jQuery选择器4、jQuery核心5、jQuery工具6、jQuery事件7、jQuery事件对象8、jQuery特效9、jQuery回调函数10、jQuery文档解决方案11、jQuery选择12、jQuery属性13、jQueryCSS5)Echarts1、Echarts概述2、Echarts用法3、坐标系4、雷达图/饼状图/折线图04、第四阶段、高级更新1) 静态包模块4、Webpack入口5、Webpack输出6、Webpack插件7、Webpack模块2)vue1、vue使用2、vue响应3、Vue双向数据绑定4、Vue相关指令5、vue-resource6、Axios7、模板选项8、Vue生命周期9、Vue组件10、自设置指令11、过滤器12、计算属性13、Vue-cli 2.x和3.x脚手架配置14、Vue-router15、Vuex16、元素UI3) 微信小程序框架组件8、‘微信小程序布局框架9、微信小程序条件渲染和列表渲染10、媒体组件audio11、视图容器12、网络api13、摄像头api14、地图api4)数据结构和算法1、uniapp基础2、uniapp初始化配置3、Uniapp视图模板使用4、uniapp生命周期5、uniapp路由跳转6、uniapp常用组件7、uniappScrollView使用8、uniapp-ui使用9、uniapp-Vuex使用我目前正在进行在职前台开发。 如果你现在想学习前台开发技术，在入门和学习前台的过程中，遇到过什么学习方法。可以在前台申请加入我的学习路线，学习效率等。3000人穿的裙子:前:851中:231后:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。 05.第五阶段，活着最重要的技能是生生不息，生生不息，最重要的是活着，不要秃顶。 零入门的时候看书或者看视频，我觉得成年人，为什么一定要做选择题？两者都要做。 喜欢就看书，喜欢就看视频。 最重要的是，在自学的过程中，一定不能自大，要实践，把学到的技能投入到项目中，处理问题，然后进一步磨练自己的技能。 自习最怕的就是没有上进心，所以一定要自律，杜绝“三天打鱼两天晒网”。到头来，我们会白忙一场。 高度自律的同时，要有耐心，不要放弃，不要自怨自艾，每天给自己一点鼓励，你就会有足够的精力去学习，不容易困。 学完技能，找工作的时候一定要准备好简历。不要像无头苍蝇一样下海投简历。竹篮打水一场空。 把简历准备好，毕竟是找工作的敲门砖。 你拿到面试邀请后，在面试过程中一定要大方一点，尽量把自己的知识表达的舒服一点。不要因为自学成才就自信。给面试官一个好印象，面试成功的几率会大很多。加油，骚年！