个人情况是1年的web前端工作经验+半年的实习经验。我是2020年毕业的，大一的时候学的。C语言，所以一直对编程很感兴趣。大三开始后，我正式开始自学web前端相关知识。之所以选择前端方向，是因为我对网页比较感兴趣。网易作为一名程序员），所以我确立了前端方向作为我以后就业的主要方向。从开始自学到大四实习，一共花了1年2个月的时间，把前端的主要技术点和框架都过一遍，自己做了三个实际的Vue项目。然后2019年10月进入杭州本地公司实习半年，直到2020年4月成为这家公司的正式员工。工资是12K*14工资+五险一金.算上自己实习的时间，在这家公司工作已经一年半多了。成长空间很大，可以学到很多东西，不要轻易跳槽。因为哥哥在我一年的自学过程中给了我很大的帮助，所以我必须要听他的意见，我觉得也确实如此。因为刚毕业一年，这篇文章主要是给在校的同学一些建议，希望能给大家带来一些帮助。给大家总结一下一年学习了哪些前端技术：说明：以下内容是我一年掌握的内容。为什么我要列出这么详细呢？关键点就在这里。其实这些技术都是大家平时能接触到的，我们在实际的开发工作中都会用到这些技术，只是不同的是每个人的掌握程度不同而已。我们学习的技术名称可能相同，但我们对这项技术的理解深度和实际掌握的操作水平可能相差很大。这也是为什么我二本毕业第一份工作能拿到12K的原因，我觉得是这个原因，因为我学的很认真，所以希望大家不要吐槽内容太多。如果你真的想成为前端领域的技术专家，这是你必须要做的。一定要看到最后，所有前端学习资料都有链接！一定要看到最后，所有前端学习资料都有链接！一定要看到最后，所有前端学习资料都有链接！1.HTML/CSS3标签基础DTD和META语义选择器权重和优先级匹配规则浮动和清除BFC类名组合规则SEO前端技巧定位叠加技巧伪类伪元素框模型代码规范性能优化渲染原理CSSSpritesiconfont字体IconLayoutidea布局css3动画css3选择器css3过渡flex布局背景渐变css3实用动态效果3D模块css3变量em/rem/vw企业内部多页项目实战二、JavaScript1、ECMAScript语句语法数据类型运算符隐式转换运算规则控件flowscopescopechain作用域解析js解释引擎stringattributemethodforof/forinarrayattributemethodobjectgeneralizedobjectconceptobjectcharacteristicstoragemechanismdeepcopyobject实际应用工厂模式构造函数原型原型链原型指向封装多重继承包装对象thisthis指向js数据处理垃圾GC闭包原理及应用调试方法论浏览器控制台工具应用面向对象开发函数式开发纯函数递归函数回调函数组合函数缓存函数curried函数偏函数函数防抖节流Stream高级函数IIFE函数模块化，数学对象高级数组方法（reduce、filter、map、every、some、forEach、find、findIndex、include）等，高级对象方法（entires、defineProperty、freeze、fromEntries、assign、keys、create、hasOwnProperty）等通过bind、call、applypointtooffset、同步和异步、闭包模块化、数据变形处理、性能处理2、DOM/BOMDOM对象和方法节点和遍历树DOM选择器DOM节点增删改查DOM样式操作DOM位置获取与偏移DOM对象与标签差异行为锁定机制拖拽模块碰撞检测距离判断三角函数方向判断运动框架弹性运动重力加速度DOM树CSSOM树渲染分析加载回流重绘浏览器线程与阻塞BOM深入window对象NavigatorHistoryScreenLocationspa概念本地参数传递Date对象使用日期格式封装DOM分片容器随机封装3.JS业务应用扩展JSON对象数据解析JSON方法模板渲染缓存懒加载正则表达式RegExp元字符修饰符正预校验贪心模式替换方法分组和非分组测试，匹配和exec正则库封装表单验证图片预存懒加载自定义封装滚动组件多轮播（循环、视差、轮播）、tab切换、楼梯导航、天花板导航、拖拽导航、JavaScript编码风格指南控制台应用技巧4、ECMAScript5---ECMAScript9扩展版本解释应用环境let,const解构赋值箭头函数对象解构重置参数解构ClassSetGetExtendsSuperStaticprivate实现symboPromiseproxy代理拦截async/await对象newAPI数组newAPIstringnewAPI原型属性对象修改代理拦截链查询空值合并算子BubbleBobble面向对象的游戏开发III.HTML5/移动端开发一、HTML5标签与APIHTML5概念定义新特性DTD对比新H5标签新语义H5标签H5表单H5拖拽事件VideoAudiofullScreenFileReaderFileStreamBlobObjectssessionStoragelocalStorage,NetworkStatusPageLifeCycleWebpageStatusMonitoringGeographicalInformationandPositioningCanvasCanvasWorkerMulti-threadedNotificationsDesktopNotificationsPlayerDevelopmentCanvasInteractiveSpecialEffectsDevelopmentMobileAdaptation/EventMobileAdaptationConceptSizeandResolutionPrinciplePPIandDPIcalculationDIPandDPRdevicepixelconceptviewportviewportconceptlayoutviewportvisualviewportidealviewport视口适配方案（Metaviewport）缩放设置屏幕窗口大小APImediaquery@mediaremadaptationvwvh适配移动端适配方案flexiblerem方案vhvw方案复合方案高清适配方案移动端字体缩放解决1px边框问题解决半像素线图高清适配image-setSrcsetjs拼接URL技巧IPhonex刘海屏适配安全区域适配兼容envMeta权限管理优化IOS头部底部闪屏Fallback输入框问题输入法空格问题默认首字母大写问题滑动冻结问题等终端样式美化和访问判断触摸事件组封装点击延迟处理FastClick使用禁用缩放设置理想视口类库/工具jquery：元素选择、增删改查、事件处理、位置获取、动画转场、进阶方法、特效应用zepto：移动jquery、DOM操作、移动事件、点击延迟处理、触摸事件组基础UI库：layerUI、easyUI、bootStrap、UI模块化、UI库使用技巧、文档解读、案例调试、表单系统iScroll、touchjs等移动事件库使用swiper：移动网站触摸滑动、轮播插件、模块化应用、源码解读art-template：模板引擎模板语法、渲染方法、原生模板引擎实现CSS预处理：sass、less使用stylus深度学习、预处理语法、css编程、敏信、预处理函数、继承、嵌套vscode高级插件及配置liveserversass模板化应用、预处理应用3、date-picker移动端原生组件开发需求分析业务规则技术栈选择文件输出规则技术分析MVC模型概念与设计业务逻辑分类视图层适配方案原型布局构建模板生成工具功能开发、对象-面向业务设计，类日期对象开发，交互业务封装模块，对接优化设计，面向对象高级编程4.节点与工程开发1.节点原生基础节点基本概念NPM命令V8引擎概念JavaScript模块化CMDAMDUMDEventLoop事件循环同步异步阻塞非阻塞任务队列macrotaskmicrotasknativeNode模块核心模块和requireModule触发事件和path模块fs模块Buffer对象URL模块HTTP模块stream流Node原生封装HTTP和文件服务器2、Node框架express框架中间件核心对象路由配置模板引擎数据脚本Router核心CORS配置错误处理验证封装PM2管理nodemoon管理MORGAN日志处理查询定时捕获中间件开发bodyParse等第三方中间件使用文件流上传下载文件流切分3、webpack工程构建工程概念工程工具介绍webpack基础知识webpack配置运行插件插件加载器使用入口出口配置模块modules依赖处理dev服务器目标文件切分构建打包热处理包管理性能优化测试处理第三方插件使用babel等4.前端-端与后端数据交互HTTP通信交互原理请求响应MIMEURI地址上报文本分析端口包流量测试监控抓包TCP/IP握手机制网络业务模型代理缓存网关隧道等概念方法和请求头分类基础XMLHTTPRequest对象方法属性方法Ajax异步交互同源策略原理Nativejs封装Ajax交互jqueryAjax封装交互jsonp跨域处理cors跨域处理携带cookie和跨域处理代理服务器跨域处理cookie验证和通信使用axios库代理封装拦截和二次封装通信加密策略数据对称加密数据非对称加密RSA加密实践MD5加密实践登录注册与认证机制AuthenticationAuthenticationToken认证JWT认证Session状态管理Oauth认证5.RESTful接口设计RESTful设计原则状态码设计与规范服务器响应规则与格式前端接口协议开发传统RESTful改进API设计规范资源LocationJSONSchemaContractDescriptionResourceIdentifierCacheFriendlyAPIHTTPHeaderManagementDocumentDefinitionLooseCouplingPrincipleConsistencyReuseStabilityPrinciple6.数据库存储MongoDB基本概念NoSQL和SQCAP定理RDBMSMongoDB语法指令监控和GUIMongoDbDriverMongooseApplicationDatabaseCreationCollectionAddition,Delete、修改、查询文档增删改查、数据库查询、高级查询操作、通道查询、多条件查询、反向过滤、索引处理、聚合聚合管道、验证验证、人口联表、中间件处理、查询一、ERROR类、二次封装、Vue框架1、Vue基础工具和插件mvcmvpmvvm设计理念Nativejs实现MVVM核心框架Vue设计模式生命周期命令和属性组件化数据驱动和双向绑定虚拟DOM概念原理模板syntaxconditionandlistarraymonitoringcomputedattributeeventprocessingmodificationandformlistenerfiltermethodswatchcomputedfilter基于组件的开发与动态组件组件通信和高级组件通信槽比较vue动画实例对象setGetnextTickvue插件2、vue工程babelwebpack配置vuevue单机-file组件vue-cli工程平台处理postCssAnimateCoreSocketlodash工具vue-cli插件预置静态资源处理环境变量及Membrane或Switch工程部署工程构建3.VueRouterVue路由概念NestedRouting路由视图动态路由路由匹配ProgrammaticNavigationHistoryhash模式管理命名视图重定向和别名指南路由元信息滚动和懒加载导航的故障处理4.Vuexvuex核心概念EventBus比较状态管理模式StorestateGetterMutationActionmoudulvvuex辅助函数和API函数vuex环境选择vuex模块化处理规则和技巧对象样式提交方法模块复用等掌握以上内容，我觉得10K以上找工作是没有问题的。据我观察，目前网上很多机构的前端课程都在偷工减料。很多前端知识点能删就删。压缩了400多课时的内容。到180课时，这就导致了很多人都在学前端，却很难找到工作的一大原因。如果不是我哥在做这件事，我觉得我应该和大多数人一样。我缺的内容很多，可能连工作都找不到，更别说12K的前端开发工作了。所以我觉得还是尽量找身边的亲戚或者朋友在这方面指导一下，不然一个人走弯路真的太容易了。看我分享的这些前端教程，绝对比你在网上找的好很多倍：因为链接不允许，想拿教程的朋友可以去这个WEB前端学习交流裙子,484757760,裙子文件里有全套教程的下载链接，大家可以照着做。有不懂的可以随时在里面提问，大家会帮你解答。学习氛围非常好。这套教程对应我上面总结的前端技术栈。这是我目前为止看到的最好的前端课程。它比Internet上的大多数教程都要好。它的特点是更多的细节和许多实际的发展问题。我注意到我很关注前端的标准问题，很多前端教程都没有，所以我觉得比较适合新手学习和工作。前端书籍推荐：javascript编程详解javascriptDOM编程艺术javascript高级编程（3/4）你所不知道的javascript（上中下）javascript权威指南javascript设计模式与实战应用喜欢看文字的同学可以读这些书，这些是我挑出来的经典JavaScript技术书籍。前端应该怎么学？如果打算自学，那么首先要了解学习前端的基本大纲，这是你要学习的主要内容，理解并掌握这些内容，就可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程。初学者最好的方法是看视频教程，初学者很容易理解和接受。不要选择买书来学习。很少有人可以这样学习。基本上，他们看不懂书。如果喜欢看书，可以买一些经典书籍作为补充，主要是看教程。每天抽出几个小时学习，为长期学习做准备。学习编程不仅仅是每天看视频。你学习编程最重要的目的是编写软件产品并提供给大众。因此，手写代码实现功能是我们不得不做的事情。而且很多同学不知道怎么去学习，每天只是看视频，而不去写代码和项目实践。这种学习状态是错误的。整个学习过程中会有很多问题。不懂就问，忘了就查。学习编程是一个漫长的过程，需要耐心和决心去学习。在自我探索和自学的过程中会遇到很大的困难，最终能够自我探索和自学成功的人寥寥无几。所以尽量找更有经验的人带你，以免走弯路。如何找工作？在校大学生千万不要错过学长秋招。秋招很重要。一般秋招的时候，有一些比较好的公司。这个时候往往公司的人特别多，能走就走。秋招。如果还没有做好秋招准备，就得等明年的春招了。反正能校招进企业就校招进。一旦错过了校招，社招就会变得异常艰难。IT圈还有一个很重要的规律，就是通过熟人介绍，很多公司都有猎头。这些猎头就是要发现那些技能好的人才，用各种方法招人。因此，通过关系内部推荐也是找工作的主要途径。这样，内部推荐应该更容易就业。然后就可以自己投简历了。这样找工作的路就是海投。海投会很累，但如果技术过硬，也可以找到自己喜欢的公司。如果你是大学生，我建议你一定要通过学校招。在学习的过程中，认识更多的关系。以后打算在这个圈子里混，一定要认识一些公司的HR资源和技术好的老板。我是我打算工作三年，然后通过我哥跟网易的关系，升到网易。网易的工资会更高。我去之后，年薪30万起步。现在是我积累的过程。
