学习前端半年的感悟 --- 大坑

[fulvaz]

好多坑

html 和 css

比如一个 div 的width设为100px, 加个border: 2px solid black, 宽度就变成了104px

比如弄个导航栏, ul下有几个li, 如果你给li设置为 inline-block, 好了, 每个'li'之间很有可能会有空隙, 去网上找答案竟然有人告诉你在 html 写的时候, 每个<li>不能换行, 还不告诉你原因!

ps: 当然最后都弄明白了啊

js

es6 大法好啊! 但是, 麻烦先用 babel 转换, 不然 chrome 也看!不!懂! 配完 babel 你以为完了? 不, 你要开始考虑调试的问题了, 人家跟你说, 用 sourcemap 啊. 等你真的用上了 sourcemap 就发现, 怎么单步调试一卡一卡的? 有时候还跳错地方了! 然后又要回到配置文件的深渊....

另外, js 没有变量类型, 比如说, 修改 style 的时候, 它需要一个字符串, 你传个数字, 他照样工作不报错, 我已经忘了多少次忘记加px而调试调半天

学习难度

说前端简单了给我站出来. 先不说那几本可以砸死人的经典, 前端要学好, 英语必须先好啊. 遇到问题, 往往是用英文搜索更容易得到解答.

如果你死活要用中文? 举个例子, w3cschool.com.cn是李鬼, 真正的 w3cschool 是w3cschools.com, 纯英的, 要翻墙才能上, 当然也有翻译版本

再比如说慕课网上的视频教程, 要用 js 做一个轮播图, 作者用 dw 作为编辑器, 然后还用 setTimout 实现动画, 这我不多说, 毕竟年代有点远. 但是让我无法接受的是, 作者连续点击下一张按钮, 结果图片转换动画不正常, 作者对此的解释是:"内存不足", excuse me? 不是你点太快了结果两个动画效果重叠到一块了么?

用纯中文学前端真心是地狱难度, 被各种带偏.....

此外, 前端要学的东西, 太多太多太多了. 不是说新框架, 而是基础知识多而杂, 我就学了半年, leanote 记下的笔记都超过 100 了, 而且大部分都是长笔记.(嗯...好像也不算多, 一天一篇都没有)

工作与薪酬

并不高! 至少应届毕业生里面, java 招的人多, 而且工资高多了.

半年后我总算明白了你们口中靠谱的前端是什么意思了, 即: 有工作经验能打能扛得资深前端, 至于新手从来就不缺, 所谓前端火, 真的和我这种小透明没个卵关系.......

半年收获

• 要静下心才能做技术, 抱着浮躁的心情转来学前端(导师的之前接活的方向是图像处理), 在阿里面试的时候被鄙视在知道自己学得有多肤浅, 一定要深究啊

• 终于学会了读文档学习, 比如说, 要学习 vuejs, 以前是搜索: vue 入门 教程或者vue 实例 教程, 现在去 vue 官网看着 example 对着 document 学, 前期基础积累够了, 然后静下心, 自然就能做到了.

如果你要入前端坑

• 找个人带你
• 学好英文还有舍得花钱买书
• 还是个菜鸡就不要碰 webpack, babel, 一知半解浪费自己的人生
• 要有爱, 分分钟那个相对路径绝对路径都分不清的同学都能拿到碾压你的 offer

疑惑

1. 暑假私人原因没有出去实习, 没有具体项目经验是不是找工作很吃亏?

2. 没有项目机会, 阅读框架代码是否可以为我简历增色?

3. 文中内容是否很肤浅, 让你很有教育下年轻人的冲动?

背景: 跨专业 211 小硕, 本科四年浑浑噩噩, 硕士三年还债中.

ps: github 就不放了, 当初扔简历上被鄙视了一番, 哎......

[ChiangDi]

w3cschool 纯英的也很垃圾。。。建议看看 MDN

[VVJiao]

英语好直接上官网学还是挺快的，懒得话到 youtube 看个视频，有问题就上 stackoverflow 。
> 要有爱, 分分钟那个相对路径绝对路径都分不清的同学都能拿到碾压你的 offer
这个说的很现实

[ericls]

HTML 和 css 不是前端吧

[zog]

哈哈. 学习前端需要强大的内心, 和丰富的动手能力.

[TangMonk]

哪个技术不是这样，后端更坎坷

[fulvaz]

@TangMonk 其实差不多, 只是觉得收入和产出不成正比, 前端要有一颗坚强的心, 哈哈哈

[loading]

现在入门好很多了，以前资源没这么多，第一次遇到双倍 margin ，我都开始怀疑我的代码了……那时浏览器基本没太多好用的调试工具。

[TangMonk]

@fulvaz 应届毕业生还要求什么收入与付出？在这个阶段付出也是收入

[dabpop139]

编程技术很大程度上要装逼，在你没有其它选择之前，就你只能继续装逼，前端技术可以关注一下我坚持装逼的系列视频，不啰嗦，不拽概念， http://space.bilibili.com/36072651/#!/index

还有英语是必需过的关，自认识英语很烂的我也没有放弃治疗，不是坚持继续慢慢学习，贵在坚持。

[depress]

楼主确定初级前端比初级 java 工资低？我们是不是生活的不是一个星球。

[jasonslyvia]

如果有 bat 员工付费一对一指导，有没有人有兴趣……

[hustlike]

java 都烂大街了。。然而各个公司都缺前段。。

[XhstormR]

说实话国内的资料或者说博客非常坑，通常是一个人写了个错的，然后许多人都是转载复制到自己的博客上，然后也不验证对错，就这样错误的东西全网都是了，碰到好几次都怀疑自己还是 Bug 了，烦躁。

所以啊，真的要学好英文啊，国内真是水深火热。

[fulvaz]

@depress 低 10%-20%啊, 对了, 坐标广州

[fulvaz]

@jasonslyvia 很有市场啊. 但我个人是过了那道坎, 不太需要, 哈哈

[lovedebug]

真正带偏的是 - 前端很简单，前端的各类框架。
初学者，一定要打好基础，先把 ES6 和 ES5 搞懂再去弄框架

[buckyRRRR]

我觉得你学习方式很有问题，学到遇到问题知道去哪里找到解决方式的程度就可以了

[Phariel]

"比如一个 div 的 width 设为 100px, 加个 border: 2px solid black, 宽度就变成了 104px"

box-sizing: border-box;

[tabris17]

如果 LZ 知道 box-sizing 还有盒模型，岂不是更崩溃

[shenqi]

学了半年，白学了