前端大神死了

完事;css中编写样式时不能页面上样式是有了，类名和属性排序写得一塌糊涂，建议大家按照BEM规范编写风格良好的代码;js中变量命名随意是很常见的不规范行为，一个不直观的变量名往往使同事看了脑袋大。


“代码千万行，注释第一行。命名不规范，同事两行泪。“一首流行诗，饱含了多少程序员的血与泪。


3、深究原理


Angular，react,vue框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前端，绝不能成为单纯的"API调用工程师"，一定要掌握框架背后的原理性知识。


VirtualDOM
diff算法，双向绑定原理等等框架背后的机制都值得我们去学习。框架API可以更新很快，而他们背后的原理都是相似的，学好原理既可以让我们对框架底层了解更深入，又可以使我们迅速掌握不断更新的框架表层。只会用框架永远也成不了大神。


4、良书益友


虽然现在网络上各种文档、博客文章已经很丰富了，但是对工作经验不足，基础薄弱的同学来说，随手拿起书，时时能学习才是王道，查漏补缺，完整地夯实基础。


我推荐几本值得购买的书给大家，《图解HTTP》、《JavaScript设计模式与开发实践》、《深入理解ES6》，《高性能JavaScript》。这些书籍都值得多次反复阅读，对于巩固基础，学习框架原理性知识，写出高性能的代码都是大有裨益的。


5、登高见远


前端经历了这么多年的飞速发展，早已成为浩瀚的大海。如果闷着头独自钻研苦学，那无疑是很慢的。


如果我们直接去跟随大神学习，那将会使我们快速成长。github上有很多优秀的前端项目，仔细研读这些项目的代码，在commit记录中查看编程思想和逻辑的进化过程，就是一场与大神直接的面对面交流，是一场绝妙的学习之旅。


现在网络课程也十分丰富，有很多技术大牛的课程让我们直接通过视频生动的讲解快速地学习技术，这何尝不是一种向大神快速学习的方式呢。


6、紧跟潮流


现在的前端技术体系更新十分迅速，想着要不要尝试用下vue的事仿佛还在昨天，今天一觉醒来就看到尤雨溪宣布要开发vue3.0了。


前端体系中这两年SPA已经不是新名词，PWA，SSR，小程序愈发流行，前端微服务化的趋势也应运而生，RN,electron在移动端，桌面端的使用也越来越多，ES10标准的发布也没几个月了。


所以最重要的是突破当前岗位需求的设限，对各种技术融会贯通，创造新的技术框架，做技术的领头羊，适应时代发展。


技术人成长不能再单打独斗，要学会与人交流，学会将别人的知识为自己所用。如果你依然觉得有些茫然，不如跟有多年前端开发经验的资深工程师聊一聊。


七、其他发展方向和前景


除了在相关公司从事html5前端工程师的工作外，你还可以选择以下两种工作方式，赚钱多，也更自由。


1、自主创业：全职+兼职


学好html5前端相关技术，也可去一些网络交易平台开设店铺，或成立工作室，专为小企业或是个人开发网站和H5小游戏，不仅工作自由，成本小，赚钱机会也多。也可在上班的同时在网上接单，与同事合作，利用下班时段和假期完成订单。


2、网络运营人员：全职+兼职


现在许多企业都注重线上运营，配有运营岗位，但懂技术的这方面人才很少。


所以，你只需精通html、css3，会简单的JQuery、JavaScript，在简历上写着精通html5，起码能使你的月薪在原基础上再提升1.5K-3K。或兼职做代运营，每月一个号也有3.5k左右的收入。


互联网时代，早已不是只拿一份死工资的时代，学会html5前端技术开发，将来不论做什么，你都多一种赚钱能力。


以上就是小编今天为大家分享的关于学好web前端的几点建议的文章，希望本篇文章能够对想要学好web前端知识的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们学习成功，成为一名优秀的web前端工程师。


文章来源：原创张_前端留学生

‘柒’ 手机端网页不设置div的高度的话，字体大小就变得很大，哪位大神能解决呢

把你的网页设置成响应式的，

‘捌’ 前端工程师写在年末的一些话

写惯了技术类的文章，这种总结和唠嗑型的我基本也就在年末才来一篇。说实话，这种轻松类的文章往往比技术类的要受欢迎的多，因为其受众更广，看起来也不烧脑。


说来愧疚，这一年其实产出有点低，大致就写了不到二十篇技术随笔，特别下半年入职腾讯后就更少有时间动笔了。


但再忙也没打算摒弃写文章的习惯，一来是为了自己沉淀，二来也是希望自己能为国内的前端分享出点贡献——这想法虽然有些滑稽，却也是我本人确切真实的想法。有时会想着自己能给这个社会带来、留下些什么，如果没有揭露相对论的能力，那么写点文章我还是得以胜任的。


就我个人而言，今年发生了蛮多事情，但今天不讨论私事，纯粹作为一名前端er来侃侃前端这块的一些趣事儿，或者说我的一些拙见。


前端的大环境


自从09年Node出来后，前端的内容愈来愈丰富，各种技术日新月异迭代起来乐此不疲。


如果你想学习Node，可能会入手《Node.js实战》一书，然后试着捣弄Express。殊不知现在有很多人已经玩上了KoaJS，嘲笑着还在使用
Express的民工，紧接着是用上thinkJS的人翻着白眼谈笑风生。


前端自动化工具也是撕逼的厉害，从Grunt到Gulp，从Bower到jspm和webpack，仿佛一夜间Grunt
上那上万个插件包就都统统过气。


哦对了，谢谢谷歌和脸书，ng拉起了五花八门的前端mv*框架潮，React的组件化概念也颠覆了常规web开发的理念。


还有新面世的ES2015，让我想到个好笑的事情——babel迭代到6的时候，各大前端技术群里风声鹤唳的，因为相比旧版本，babel6的配置变得太多了，又缺乏(中文)文档，导致一堆手贱升级又不懂配置的码农哭晕在地板上。


另外Phonegap、ReactNative、Fuse等的出现也让前端日渐渗透进了移动应用端，噢别忘了现在通过node
还能开发桌面级应用呢。


有人说这是前端最好的时代。


我觉得对前端er来说，这或许也是个挺操蛋的时代——要去了解的东西实在太多了。


前段时间Aaron在群里吐槽，表示近些日子前端的变化让他都要崩溃了(当然是句玩笑话，真正会让他崩溃的应该是他当日的猪肉没卖完)。


有个朋友不久前告诉我，说他买了好几本小说在看，我当时的表情是这样的：


原因很简单——我已经很久很久很久没有涉猎过非技术类的书籍了，要知道我的书架上每天都有几本厚厚的技术书对着我说：“还没把我看完啊?啥时候看我啊?今晚上我好吗?”。。。我又哪有闲暇时光去看其它的小说。


所以如果现在有张白纸(当年刚毕业的时候，我的第一位上级是这么形容我的)说他要从事前端的工作，我会笑着摸摸TA的头温柔地说道：“请你吃点屎冷静下好吗”。


武器或内功


前段时间成立了个分享小组NZOO，大熊在里头挥着旗帜带大伙搞Node，原生的Node。然后北川君站起来了，说他觉得更希望带动小组直接分享一些现有的主流框架，而非把学习成本花费在原生Node上，原因很简单——来钱快。


北川君在公司是个领导级的人物，所以很好定位他的思维——一切以开发效率为主、以钱为主。


这并非只是一个日常观点小碰撞，我觉得有必要好好思考思考，自己现在在学的是什么、想学的是什么。


我在上家公司的时候，给他们部署了gulp前端自动化工程，带起了sass、avalon等一些他们没应用过的、开发快也更好维护的新技术，效果是，显得你很牛逼
——
如果你擅长使用一些新颖好用的新工具，那么常常能很直观地给项目带来利益(效率或性能上)，那么这会成为你职场上的一个助力。事实上对于许多中小型企业而言，他们更注重于敏捷开发，那么懂得“班门弄斧”会是一件重要的事情。


对于大公司而言就不一定了，像我现在所处的部门基于历史原因基本都还在使用Grunt，有时业务需求一负责你是找不到对应的Grunt
插件的，会考究你的原生代码书写能力——自己写出一个插件来作为解决方案，而不是去npm上搬个擦屁股的救兵。


作为一名老前端，肯定会用过许多主流的工具，比如jQuery及其各式插件，比如Vue比如
React，但很多时候我们就是那么习惯性地用着，可能没想过了解下它的源码、实现方式——这在我后期想起来是种略为毛骨悚然的事情。


如果说把各优秀的前端工具/框架当作一把锋利的兵器，那么阅读源码、了解它们的实现方案便是内力的培养。


很多人可能工作了不短时间，但技术不见增长，一个较大的原因还是“懒”——啥功能都懒得自己写，直接拿起插件生搬硬套，搞的页面性能差不说，自己也不懂扩展和维护，不知其中一二。


其实说白了，武器的练习跟内功的培养其实也不冲突，你可以一手抓，只是往往罩杯较大可能没法一手掌握，会比较吃力，那么还是建议你审视下自己的职业规划，是兵器能带给你更多的利益，还是内功能让你更强大，然后做出权衡。


如何学习


关于本人“两年前还在群里问js对象里的冒号是什么意思”的经典范例常常会被群里的人拿出来做谈资笑料，北川这死不要脸的还说他给下属洗脑的时候还把我当例子了。


今天下午也有个孩纸私聊我问我是怎么学习的，才能从小白变V神(虽然我墙裂觉得后面加个“经”字才合适)。


虽然离“大神”还有挺长的摸索距离，但。。。咳咳。。。稍微吹下牛我还是可以的。如果涎皮赖脸地总结下我的学习经验，我大致会归纳为这么几点：


1.拒绝插件


不要遇到一个交互效果就想着扒个插件来用，想想它会怎么实现然后试着去写出来。遇到困难了不着急，参考下别人的插件是怎么实现的。


个人觉得“写插件”是每个前端小白要初步进阶所必须试着去做的一件事，它对你的提升可以是很大的，不仅仅是有助于你在技术点上的认知，也有利于提升你的JS语感。


2.加入一个氛围好的技术群/团队


如果你身边没有这么一群喜爱技术的小伙伴，那么找个氛围好的群加进去吧，让大神带带你或者跟小伙伴一起同步交流，学习起来自然也不孤单，还有人不断激励你前行，何乐而不为呢?


3.多利用时间


“多看书多看好文章”这种废话我就不说了，但请你不要每天把精力花在看肥皂剧上然后又埋怨没时间学习。


时间总是可以挤出来的，你可以在你上厕所的时候想想Ajax原生请求怎么写，或者像我之前像个傻逼一样把NodeAPI打印出来拿在路上边走边看。


当然也不要把时间都花费在学习上，有时间多陪陪妹子多出去走走聚聚，程序员的日子不应该太压抑。


不过我也检讨一下，上周有三天时间沉迷于我厂新游怪物猎人OL上(卧槽我真的不是打广告)，结果第三天玩着玩着，向来讨厌浪费时间的我突然觉得自己是不是神经病了(反正就这个念头)，接着立马把游戏卸载了。。。


4.学!英!语!


不久前很多话题讨论说，英语是最没必要掌握的课程，建议教育部革除其作为三大主课程之一的身份。对于这批可爱的网友，我建议他们可以去叙利亚好好地旅游放松下。


起码就IT行业而言，英语是非常重要的技能，特别当许多新技术出来的时候，基本只有查阅英文文献才能找到解决方案(babel6就是个好示例)。


所以如果你的英语能力不够好，努力地去提升它吧，装个有道词典划词来看文章，争取能看懂外文的大部分意思。


总之这点不是开玩笑，阅读英文文献对于码农来说是非常受益的事情，另外遇到问题你也得以去github提个issue来解决。


5.多沉淀


试着开个博客吧，认真地记录下那些你在项目中遇到的问题和解决方案，或者用心地去查找、梳理你感兴趣的技术点然后记录下来。


它会耗费你一些时间精力，但也能催动你更深入地去了解、探讨某个知识点，巩固你对它的记忆。也可以作为将来反过来查询的工具书。


6.干掉让自己焦虑的那些东西


在职业生涯初期，作为小白总会有许多未接触过的技术盲点，有时候工作来了或者前往面试，都会由衷地担心起来，为自己知识的欠缺、胜任与否而焦虑。


我个人及其讨厌这种“焦虑”甚至“害怕”的感觉，一旦你感到这块的压力，一定要大胆地把它挖掘出来，然后一个个干掉它。


什么意思呢?比如当你觉得“我好像不会写原生的Ajax”、“跨域的方法我貌似没法都答上来”的时候，就尽早去找资料学习和了解，一步步干掉知识盲点，这样你只会愈来愈自信。


要记住只有你才是最了解自己弱点的那个人，只有你才是能拯救你自己的那个人(卧槽你拍电影啊)


有必要进大公司吗?


我觉得，作为一名搞IT的码农，没进过BAT总会有些遗憾(我也经常拿这个激将Aaron来深圳)，所以如果有能力还是试着来这边镀镀金，或者说镀个经历。


他会让你了解一个大公司是怎样运作的，会让你视野变得很广阔，这里也有很多前人的知识沉淀或课程分享，身边也都是优秀的小伙伴可以交流和碰撞idea。


也会让你走上加班不归路(哼我设为斜体字了你们肯定看不到这一行)


但是如果你是应届生，我建议是先别急着进大公司。


原因很简单，大公司分工太细了，常规招你进来只做专才，你会在某个领域逐步精通，但放开整个前端面而言，会很欠缺实践。


说实话，我觉得大企业细分工作的形式，会让部分一直待着的员工，即使他们很优秀，跳槽去一家中小型企业的话，可能也没法很好地胜任前端一职。因为很多中小企业要求前端得是全能的——切的了图写的了样式编的了脚本，今天让你写个手势插件，明天让你搞个跨域通讯，后天让你负责个走spa的hybird。


有能力进大企业的应届生，往往都能在中小型企业里逐渐成为技术主导，会负责各种各样的工作，遇到各种各样的问题，自己手动编写各种各样的模块，这能给你带来非常丰富的从业经验(当然也会有所压力)。


在大企业的话，所能主导的部分自然会变少，因为有许多大牛早已帮你写好了各种业务模块，项目也早已确定好了相应的技术选型，而我们更多的是在上面做二次开发。


所以总的来说，能在外面有个几年实践和磨练再进大公司，会是我个人觉得的比较合适的选择。


年度书籍推荐


不吹不黑，我厂AlloyTeam成员曾探先生在今年发行的《javascript设计模式与开发实践》一书，是我个人认为的今年最佳的前端书籍之一。


本书结合了大量的业务实践来娓娓道来js各大设计模式的原理和应用，能让你更好地了解、掌握这些思想。


另外本书的语言组织能力也非常出色，用了许多生动形象的例子来帮读者了解一些生涩的概念，相比之下，现在世面上某本译作简直是disaster(那本书被我扔在上家公司都懒得收回了)。


这本书比较适合中等级别的前端朋友来涉猎，能让你收获很多意想不到的知识或解决方案。


弱弱地说下，这本书是打从心里的推荐，在群里也有很好的口碑，俺的推广可收不到曾探先生的推广费(曾探先生在看我文章么?下面有我二维码哦)


今晚就唠嗑这些，如果说了一些不中听的大话，诸位看官笑一笑就可以了~


愿后续新的一年能继续奋力前行，共勉~

‘玖’ 为什么很多精通前端的人都不使用DW(dreamweaver)做开发

前端还是用vscode好点

‘拾’ 自学 Web 前端真的很难找到工作嘛

不管你是自学还是培训，找工作主要看的是技术能力、相关工作经验、综合实力及沟通能力等。只是对于自学的小伙伴来说，不知道企业需要哪些技术，并且不知道需要达到什么样的技术水平才能就业？所以在学习过程中很迷茫，学了很久之后也可能达不到要求，因此找工作很难。蜗牛学院这里根据行业变化和企业需求整理了一份最新的web前端学习路线，都是企业招聘时所需的技术，希望对自学的小伙伴有所帮助。

第一阶段：专业核心基础

阶段目标：

1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2. 熟练运用HTML+CSS特性完成页面布局。

4. 熟练应用CSS3技术，动画、弹性盒模型设计。

5. 熟练完成移动端页面的设计。

6. 熟练运用所学知识仿制任意Web网站。

7. 能综合运用所学知识完成网页设计实战。

知识点：

1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。

第二阶段：Web后台技术

阶段目标:

1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。

2. 熟练掌握JavaScript的基本数据类型和变量的概念。

3. 熟练掌握JavaScript中的运算符使用。

4. 深入理解分之结构语句和循环语句。

5. 熟练使用数组来完成各种练习。

6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。

7.DOM和BOM实战练习和H5新特性和协议的学习。

知识点：

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。

2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。

3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

第三阶段：数据库和框架实战

阶段目标：

1. 综合运用Web前端技术进行页面布局与美化。

2. 综合运用Web前端开发框架进行Web系统开发。

3. 熟练掌握Mysql、Mongodb数据库的发开。

4. 熟练掌握vue.js、webpack、elementui等前端框技术。

5. 熟练运用Node.js开发后台应用程序。

6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

知识点：

1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

第四阶段：移动端和微信实战

阶段目标：

1.熟练掌握React.js框架，熟练使用React.js完成开发。

2.掌握移动端开发原理，理解原生开发和混合开发。

3.熟练使用react-native和Flutter框架完成移动端开发。

4.掌握微信小程序以及了解支付宝小程序的开发。

5.完成大型电商项目开发。

知识点：

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Rex基本概念。练使用react完成项目开发、掌握Rex中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。