都说WEB前端饱和了，但是我自学找到了一份11K的工作，也就是说我掌握了这些技术栈我自学了7个月的WEB前端。毕业后我在北京找了一个月的工作。找了20多天，面试了大概30家公司。拿到了3个offer，最终选择了现在的公司。工资是税前的。11K，五险一金加假期福利，工作时间10到7个周末，有时需要加班。之所以选择自学web前端，是因为我的专业是电子。如果我出去从事这个专业，我基本上是进电子厂做小工。我对那些电路板真的没有太大兴趣。差不多吧，因为大一接触过C语言，对编程有了一定的了解，对这些逻辑性的东西比较感兴趣。主要原因是软件工程师的薪水高于其他行业。这是最吸引我的地方，大家都知道90后很穷，确实缺钱花，缺钱花怎么办？我也知道自己是靠自己的努力赚钱的，抱怨那些东西是没有用的，钱也不是抱怨来的。我在网上买了自学课程。当时要几百块钱。这是2019-2020年的课程。我只是一步一步跟着教程。因为比较喜欢看书，也有耐心看，所以自己买了一本。JavaScript书籍，个人觉得初学者还是按照视频教程来比较靠谱。看书太枯燥难懂。视频由老师以通俗易懂的方式讲解，对初学者比较友好，以后可以学习。JavaScript部分结合书本巩固提高。根据我的自学经验，给大家提几点建议：首先，你要有比较好的学习教程，这是学习WEB前端的基础。如果没有系统的教程，可以用我当时自学的那个，我可以免费分享给大家。因为网盘链接放不上，有需要的可以上这个WEB前端裙子，484757760。里面有全套系统教程，跟着做，可以有什么不懂的随时在里面问，大家帮忙解答，学习氛围好。那你应该知道学习WEB前端的难点在哪里吧？前端难学的不是JavaScript，也不是各种框架。根据我的学习经验，学习WEB前端最难的就是坚持。学习一门技术总会遇到困难。如果你能克服这些困难，坚持学习，自然就能找到工作。第三点，很多人学了后者后，感觉把前面的知识给忘了，也觉得看视频教程能看懂，但是让自己写代码就写不出来了，自己也不会不知道如何实现它。关于这两个问题，我想大多数人都遇到过。根据我个人的经验，这主要是因为我一开始所学的知识点并没有通过大量的练习和项目来实践，而只是在很短的时间内。脑子里的记忆还没有形成深刻的记忆，因为没有经验，因为没有写过案例和项目。学习编程技术是为了做出更好的互联网产品，而你却很少写代码。这样的学习方法怎么可能是正确的呢？所以学习前端一定要多练习编码。假设你每天有6个小时学习前端，那么至少应该有3个小时用来练习敲代码。这才是正确的学习方法。你需要学多少才能找到工作？关于学完能就业多少的问题，这里分享一下我在找11K工作中掌握的技术栈。如果你能掌握这些知识点，找工作是非常容易的。首先是HTML/CSS3和工具部分：vscode开发工具的使用、markdown文档工具的使用、浏览器平台环境、标签基础、DTD和META语义、选择器、权重和优先级、匹配规则、浮动和清除、BFC、Class名称组合规则、SEO前端技巧、定位、叠加技巧、伪类、伪元素、盒模型、代码规范、性能优化、渲染原理、CSSSprites、iconfont字体图标、布局思路、布局样式css3动画,css3选择器,css3过渡,flex布局,背景渐变,css3实用动效,3D模块,css3变量,em/rem/vw学完这些你就可以完成一个企业内部多页面项目实战(非仿站))加上完整的PSD和切图，然后是JavaScript部分。你需要掌握以下知识点：JavaScript概念、基本认知、发展历程、应用范围、优缺点。ECMAScript语言概述、语句语法、数据类型、运算符、隐式转换、运算规则、控制流、作用域、作用域链、作用域分析、js解释引擎、字符串属性方法、forof/forin数组属性方法、对象、广义对象概念、对象特性、存储机制、深拷贝、对象应用、工厂模式、构造函数、原型、原型链、原型指针、多重继承的封装、包装对象、this、this、js数据处理、垃圾GC、闭包原理及应用、调试方法论、浏览器控制台工具应用、面向对象开发、函数式开发纯函数、递归函数、回调函数、组合函数、缓存函数、柯里化函数、偏函数、函数防抖节流、高级函数、IIFE函数、模块化数学对象、高级数组方法（reduce、filter、map、every、some、forEach、find、findIndex、include）和其他高级对象方法（entires、defineProperty、freeze、fromEntries、assign、keys、create、hasOwnProperty），等这通过绑定、调用、应用点偏移、同步和异步、闭包模块化、数据变形处理、性能处理DOM/BOMDOM对象和方法、节点和树遍历、DOM选择器、DOM节点增删改、DOM样式操作、DOM位置获取与偏移、DOM对象与标签差异、DOM虚拟化、DOM事件、Event对象、定时器与监听、事件委托、事件代理、事件分流、事件冒泡、默认行为、事件捕获、防抖、节流,滚动,键盘行为,事件频率降低,行为锁定机制,拖动模块,碰撞检测,距离判断,三角函数,方向判断,motionFrames,弹性运动,重力加速度,DOM树,CSSOM树,渲染解析,loading,reflow，重绘，浏览器线程和阻塞。BOM深入、窗口对象、导航器、历史、屏幕、位置、spa概念、局部参数传递、日期对象使用、日期格式化封装、随机封装、DOM切片容器JS业务应用扩展JSON对象、数据分析、JSON方法、模板渲染、缓存懒加载、正则表达式RegExp、元字符、修饰符、正向查找、贪婪模式、替换方法、分组和不分组、测试、匹配和执行正则库打包、表单验证、图片预存懒加载、自定义封装滚动组件、多轮播（loop、parallax、carousel）、tab切换、楼梯导航、天花板导航、拖拽导航、JavaScript编码风格指南、控制台应用技巧ECMAScript5---ECMAScript9扩展版解读、应用环境、让、const,解构赋值,箭头函数,对象解构,重置参数解构,class,set,get,extends,super,static,privateimplementation,symbol,promise,proxy代理拦截,async/awaitobjectnewAddAPI,arrayaddAPI,字符串添加API、原型属性、对象修改、代理拦截、链式查询、空值合并运算符、BubbleBobble面向对象游戏开发HTML5/移动端开发HTML5标签及APIHTML5概念、定义、新特性、DTD对比、新H5标签,新语义H5标签,H5表单H5拖动事件视频,音频,全屏,FileReader文件流,Blob对象,sessionStorage,localStorage,网络状态,页面生命周期,网页状态监控,地理信息与定位,canvas,worker多-线程、Notifications桌面通知播放器开发canvas交互特效开发移动端适配/事件移动端适配概念、大小和分辨率原理、PPI和DPI计算、DIP和DPR设备像素概念、viewport视口概念、布局视口、视觉视口、idealviewport视口适配方案（Metaviewport）缩放设置、屏幕窗口大小API、媒体查询@media、rem适配、vwvh适配移动端适配方案、灵活rem方案、vhvw方案、复合方案、高清适配方案、mobile终端字体缩放解决方案、1px边框问题解决方案、半像素线图高清适配、image-set、thesrcset、js拼接URL技巧、IPhonex缺口适配、安全区域、fit和envMeta权限管理、兼容性优化、IOS闪屏回退页眉底部输入框问题、输入法空格问题、默认首字母大写问题、滑动卡终端样式美化和访问判断，比如ton问题进阶方法，特效应用zepto：移动jquery，DOM操作，移动事件，点击延迟处理，触摸事件组基础UI库：layerUI，easyUI，bootStrap，UI模块化，UI库使用技巧、文档解读、案例调试、Form系统iScroll、touchjs等移动事件库使用swiper：移动网站触摸滑动、轮播插件、模块化应用、源码解读art-template：模板引擎模板语法、渲染方式、native模板引擎实现CSS预处理：sass,lessusestylus深度学习,预处理语法,css编程,敏信,预处理函数,继承,嵌套vscode高级插件及配置liveserversass模板应用,预处理应用date-picker移动端原生组件开发需求分析、业务规则、技术栈选择、文件输出规则、技术分析MVC模型概念与设计、业务逻辑分类视图层适配方案原型布局构建模板生成工具功能开发、面向对象业务设计功能类日期对象开发交互业务封装模块对接优化设计面向对象高级编程Nodejs与工程开发部分Node原生基础Node基本概念、NPM命令、V8引擎概念、JavaScript模块化CMDAMDUMD、EventLoop事件循环、同步异步、阻塞与非阻塞、taskqueue,macrotask,microtask,nativeNode模块,核心模块和require,模块,触发事件和路径模块,fs模块,Buffer对象,URL模块,HTTP模块,streamNode原生包HTTP和文件服务器NodeframeworkexpressframeworkUse,middleware、核心对象、路由配置、模板引擎、数据脚本、Router核心、CORS配置、错误处理、验证封装、PM2管理、nodemoon管理MORGAN日志处理、查询正则捕获、中间件bodyParse等第三方中间件的开发、使用、文件流上传下载、文件流切分、webpack工程搭建、工程概念、工程工具介绍、webpack基础知识、webpack配置与运行、plugin插件、loader使用、进出配置、模块模块、依赖处理、devServertarget、文件拆分、构建打包、热处理、包管理、性能优化、测试处理、使用第三方插件、babel等前端数据interactionHTTP通信交互原理、请求响应、MIME、URIAddress、消息解析、端口、消息流、测试监控抓包、TCP/IP握手机制、网络业务模型代理、缓存、网关、隧道等概念、方法和请求header分类基本XMLHTTPRequest对象方法属性、方法、ajax异步交互、同源策略原理原生js封装ajax交互、jqueryajax封装交互、jsonp跨域处理、cors跨域处理、携带cookies及跨域处理、代理服务器跨域处理、cookie验证与通信、axios库使用代理、封装、拦截、合并、二次封装通信加密策略、数据对称加密、数据非对称加密、RSA加密实践、MD5加密实践登录注册与认证机制、真实性认证、Token认证、JWT认证、会话状态管理、oauth认证RESTful接口设计RESTful设计原则、状态码设计与规范、服务器响应规则与格式、前端接口协议制定、传统RESTful改进API设计规范、资源位置、JSON模式、契约描述、资源标识、缓存友好API、HTTP头管理、文档定义、松耦合原则、一致性、重用、稳定性原则数据库存储MongoDB基本概念、NoSQL和SQL、CAP定理、RDBMS、MongoDB语法,指令,监控和GUI,MongoDb驱动,Mongoose应用数据库创建,集合增删改查,文档增删改查,数据库查询,高级查询操作,通道查询,多条件查询,反向过滤,索引处理,aggregate聚合管道、validation验证、人口表、中间件处理、查询ERROR类二次封装博客后台项目实战数据库设计、服务器路由搭建、接口设计与API管理、通信交互管道封装、注册登录、路由导航、前台-端路由管理、权限管理、用户管理、分类管理、标签管理、文档章节管理、模块化功能封装、验证库封装、承诺链行为封装、异步模块处理、SPA单页应用初级实现、原生集中式行为控制器、模板化+模块化+预处理+工程化实现前端页面组件封装Component基本概念、组件设计原则、组件封装、组件耦合与解耦、工程化+模板化+模块化实现原生组件功能、vue框架部分vue基础vue开发准备、工具与插件、mvcmvpmvvm设计理念、原生js实现MVVM核心框架、vue设计模式、生命周期、命令和属性、组件化数据驱动和双向绑定、虚拟DOM概念原理、模板语法、条件和列表、数组监控、计算属性、事件处理、修改和表单,listener,filter,methodswatchcomputedfilter比较,组件开发,动态组件,组件通信,高级组件通信,slot,vue动画,实例对象,set,get,nextTick,vue插件vueEngineeringBabel,webpack配置vue,vuesingle-文件组件、vue-cli、工程平台处理、postCss、animate、core、socket、lodash工具、vue-cli插件、presets、静态资源处理、环境变量和电影或切换、工程部署、工程构建vueRoutervue路由概念、嵌套路由、路由视图、动态路由、路由匹配、程序化导航、历史、hash模式管理、命名视图、重定向和别名、导航守卫、路由元信息、滚动延迟加载导航vuex的故障处理vuex核心概念，EventBus比较、状态管理模式、Store、state、getter、mutation、action、moudulvuex辅助函数及API函数、vuex环境选择、vuex模块化处理规则与技巧、对象样式提交方式、模块复用等vue项目实战vue博客项目实战PC+移动端、elementUI、vantUI、websocket聊天室、虚拟娃娃、vueScroll、store、qs、nprogress、编辑器、文章分类、词云效果、spa单页应用、移动PC无缝切换、完整注册和登录、vue加密认证、http包管理、错误处理包、vuex核心状态管理、本地存储状态更新、token处理、文章富文本编辑、点赞、收藏、访问、评论、组件封装、组件复用、组件混合、进阶组件开发、复合组件通信、vue处理原生DOM行为，vue常见错误处理，重置vue数据响应，个人信息修改，头像上传，通知组件打包，postcss应用，项目打包优化，下面是这些技术配套的教程，可以借鉴这个WEB前端裙子,484757760获取
