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

2016-08-27 11:20:11 +08:00
 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 招的人多, 而且工资高多了.

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

半年收获

如果你要入前端坑

疑惑

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

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

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

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

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

2715 次点击
所在节点    前端开发
47 条回复
scnace
2016-08-27 12:35:21 +08:00
后端也不容易。。。

(我怎么觉得 最好的语言 初级工资比较高)
laobubu
2016-08-27 12:36:40 +08:00
只能说还是太年轻, naïve ,先多看看理论
Perry
2016-08-27 12:40:10 +08:00
box-sizing 可解决
不推荐 inline-block <li>,现在 flexbox 比较适合了。你说的那个解决方法,发帖第人都说了只是一个投机取巧的方法。
浮躁的话学不好前端
whwq2012
2016-08-27 12:45:02 +08:00
请问下你遇到那些一时无法解决的问题是怎么办的
Vicia
2016-08-27 12:49:57 +08:00
楼主没有实际项目的机会,可以看看有没有自己感兴趣的东西,做些个人项目。有作品肯定要比阅读框架代码更让人容易了解你的水平。
英语确实很重要,能看原文就尽量少看译文。
CTO
2016-08-27 13:24:27 +08:00
bootstrap.min.css 就是 box-sizing: border-box 2333333
gouflv
2016-08-27 13:28:50 +08:00
哈哈,半年时间可惜了
fulvaz
2016-08-27 15:39:31 +08:00
@buckyRRRR 有些问题是很难描述的, 必须问人, 自己找不到答案......

@lovedebug 对对对! 几个月前我看 react 和现在看 react 感觉完全不一样

@tabris17 @Perry @Phariel 我当然知道 box-sizing, 导航栏应该用 float 或者 flexbox 啊.......我都故意写说弄懂了呀... 但是我知道你们是好意, 哈

@shenqi 能不能详细说说白学的问题?

@whwq2012 看书, 看文档, google 找案例, 换搜索的关键词, 实在不行找擦边的概念文档, 也许会能够找到相关内容需要的, 最快的话... 那自然是直接扔 v2, 不过总觉得会被人说没诚意, 所以基本没在 v2 问过, 实在不行只能靠缘分了, 比如通用选择符 `~` , 我是某天想到不如把 css 选择器重新梳理一遍, 然后在 mdn 看到了这个

@gouflv 额, 我吐槽的问题其实都弄懂了........
a4222012
2016-08-27 16:49:57 +08:00
加油,你是压死我转前端的最后一根稻草。
lovedebug
2016-08-27 16:58:59 +08:00
@fulvaz 推荐看《你不知道的 Javascript 》 英文在 github 上叫《 you dont know js 》,中文版目前出了上中册。可以结合英文对照看。
Canrz
2016-08-27 17:27:40 +08:00
自学远不如实际开发的提升效果大
est
2016-08-27 17:33:37 +08:00
很遗憾的通知 LZ 。。。。 w3cschools.com 也是李鬼。。。
learnshare
2016-08-27 17:33:37 +08:00
能搞明白说明没白学
est
2016-08-27 17:35:50 +08:00
不懂前端。。但是当年的 IE6 就是诡异模式的 box-sizing: border-box 吧。 当年没人少喷 IE 的盒子模型是错误的。
fulvaz
2016-08-27 19:02:16 +08:00
@lovedebug 好早就收藏了, 确实是本好书

现在在看<javascript 高级程序设计>, 想过一遍主要 api
js0816
2016-08-27 20:07:22 +08:00
@gouflv 哈哈 同意 半年真的有点
jyf007
2016-08-27 22:29:52 +08:00
@ChiangDi 有道理,浏览器才是需求方,我不知道我理解的意义对不对。
jydeng
2016-08-27 23:49:29 +08:00
有同感,我先学基础的东西,新的东西有需要在学。
YvesX
2016-08-28 01:48:53 +08:00
就算没有实习,项目经验也是该有的。
否则你怎能发现:
到!处!都!有!坑!
而且自己造点小玩意也很有趣,总不能花式 Demo 吧。
随着你水平提高,成果也会越来越像样,这是一个很好的正反馈,而且还能让你的 Github 逐渐不被鄙视……
fulvaz
2016-08-28 01:51:07 +08:00
@YvesX

很有道理, 这个月我就弄一个出来

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/302097

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX