自学前端工作数月后的迷茫

[superelepant]

楼主是自学转的前端，几月前来到了现在的公司，上班都是做切图，写 css 的工作，最近暗示主管自己也可以写写 js 的，这件事加上平时的一些低情商行为，搞得现在主管可能有点不高兴了

楼主是很爱学习技术，也希望自己能有些进步，能发光发热。可是现实真的让我很迷茫，每天上班不是切图，就是修改任性的产品的各种需求。

有时，坐在位子上真的想哭，想起自己自学前端的那段时间，以为换了工作，每天做自己喜欢的前端，一定很幸福。然而切了几个月图之后，自己真的有些受不了了。

我真的不适合写 js 吗？自己学习东西速度还可以，可能情商比较低，但是真的不值得给一个机会吗？

真的想哭

我该怎么办

更新一下, 我是会 JS 和 jQuery 的

再次更新: 框架学了下, 基本思想理解了, 也做了简单的 demo, 为什么一些 V 友说不适合做前端呢?

[cyio]

咋不赶紧换单位，这个跟情商有啥关系

[xiumu]

跳槽吧

[superelepant]

@cyio 一是现在技术水品一般, 这几个月基本都在做切图和 CSS 相关的, js 和框架没什么时间学, 也没太多机会用, 估计现在找也不一定能找到. 二是上一份工作是做一年辞职的, 这份工作做了几个月就辞职怕是简历不好看啊.

[page470075640]

慢慢磨练吧 如果是第一份工作的话 还请珍惜 如果你有更好的去处 也不介意跳槽之类的 裸辞的话 请估量你的经济能力 量力而行吧 骚年 珍重

[superelepant]

@xiumu 现在技术水平一般. 这份工作之余没有什么时间来学习.

[WordTian]

再等等，等明年的三四月份招聘月吧

[7zki]

加油楼主，现在快过年了，坚持下去，真要是没有发展前途的话起码到明年春天吧，到时候找工作也好一点。

[7zki]

我也是正在自学，明年出去找工作.

[joshua7v]

这和情商有啥关系，也不知道平时做了啥低情商的事...
没机会展示就先积累着吧，后面会有拿出来用的时候

[superelepant]

@7zki 加油, 好好钻研 JS 和框架, CSS 够用即可, 向 JS 和框架方向发展, 别走了我这条路.

[superelepant]

@joshua7v 最近问大佬问题感觉他不是很爽. 回想过去的事情, 得出的结论.

[SlipStupig]

上个星期开始做前端，发现前端除了一些大的框架文档清晰，其它绝大部分都是没文档.....

[qq976739120]

@SlipStupig 应该是没有中文文档吧

[calming]

算了吧，我司前端让他写 js 都不写，我一个后端啥都写,硬是逼自己把 angular 和 vue 学了一遍...

[hzw94]

浮躁了兄弟！
我是后端的，写了整整一年的增删改查后才开始负责一个大功能的开发。你才几个月的前端基础工作，其实完全不是事。当然，这不能完全忽略你的感受，但是如果可以的话，多积累积累，期待厚积薄发。

[Amance]

你学习能力还行为什么连 JS 都学不会？有时候我真的好气，刚入门的人怎么这么多牢骚。

[SlipStupig]

@qq976739120 连英文也没有啊....

[Edge00]

我是这么想的：
1.写 CSS 虽然很无聊，但是可以锻炼基本功，有些事看起来没有意义，但是做多了慢慢会发生质的改变；
2.有没有考虑过如何把一件事做到极致。同样的布局可以用几种方式实现，不同的方式有什么优缺点，兼容性自己是否有绝对的掌握？
3.如何提升 CSS 的复用性、可维护性，如何用组件化的方式写 CSS 代码；
4.预处理器、后处理器有用过吗，为什么会出现这些工具？

不光要写，还要考虑为什么这样写。考虑的多了上面的这些问题都会有自己的深刻理解。
想写 JS 很好，可以自己在私下里做一些个人项目也能得到很好的锻炼。
Good luck!

[frankkai]

别切图了，再切下去就被淘汰了，去吧 js 学好吧

[ByteRan]

提高：修改任性的产品的各种需求的速度
剩余的时间用来研究 JS 和 CSS

[66beta]

城外人总觉得城里人日子很好过
——钱钟书

[4196]

我很好奇，楼主是在哪个城市工作？

[zlfzy]

就这点破事也想哭，内心不要太脆弱，做 IT 这行的哪个不是攒够经验就跳槽加薪。

[Everyman]

我是应届生，刚好和题主翻过来 /😂
本来是对设计和代码都感兴趣，冲着页面重构、性能优化、SEO、UI 开发这些工作去的，结果现在都是大前端趋势，找偏重构方向的前端岗位不好找，现在实习的大部分工作也都是以 JS 为主。

[hrjlhy]

楼主切图用 ps cc 啊，很简单的

[superelepant]

@SlipStupig 是内部项目或者工具吗? 那样没有文档的话只能口口相传了.

[whypool]

就这点破事，以后哭的事情多了去了

[zeeler]

如果没办法自学，那就报个在线的培训班，总之，不能靠别人施舍知识给你，学习是自己的事情，没学会自学去哪里都一样

[superelepant]

@Edge00 感谢兄台贴心的回复.

CSS 上,webpack + postcss, sass, flexBox, REM 布局这些用来切图我都是可以的, 也有了解和试用过 cssnext, sugarCSS, stylus, 但是公司的大项目的话, 有她自己的兼容性需求, 为了兼容低版本浏览器, 有些技术是用不上的.

况且目前感觉是被定位为一个写 css 的, 作为一个有技术追求的前端, 内心很复杂

[superelepant]

@calming 全栈大佬

[KuroNekoFan]

看你公司性质了，如果业务上对前端要求不高，那确实没啥挑战，前端业务比较重要的我感觉还是电商类的公司

[superelepant]

@Amance JS 我会. 看楼下也是, 可能我的表达有问题, 让 V 友们觉得我不会 JS

[chimingphang]

赶紧转行，不适合做前端

[e9e499d78f]

怎么学切图。。。

[superelepant]

@chimingphang 为什么不适合

[superelepant]

@e9e499d78f 兄台, 练手切过一张基本也就会了.

[BearD01001]

@SlipStupig 文档这种东西，直接找 GitHub 仓库的 readme 就好了，广泛实用的框架或模块包都会有详细的说明。你是用了多么小众的东西，连英文文档都没有。。。

[superelepant]

@whypool 总要对技术有些追求. 现实是切图仔一个

[Smilecc]

换工作吧兄弟，天下之大，又不是只有一家公司能吃饭

[e9e499d78f]

@superelepant 我觉得很难 -_-

[superelepant]

@yiranHZT 额, 泥垢了

[superelepant]

@zeeler 是的, 学习要有自我驱动力

[Edge00]

很棒了，去 git 赚点星星面试啊~~

[hanyu5166]

哥们加油！
我也是自学的，这段时间在杭州，唉，感觉我这种能力不怎么好找工作。

[kosilence]

@SlipStupig 比如哪些？

[superelepant]

@hanyu5166 兄台, 自信很重要. 有过类似的经历.

[echo1010]

JS 一定要好好学啊，学会了 angular，node，vue，react 玩起来不是随随便便就上手；这家公司不咋地靠谱，建议找个技术氛围好的，有大牛愿意带的公司吧，不然混吃等死磨时间有什么意思；另外，找完下家再离职，切记切记。

[chimingphang]

@superelepant 这点东西就消极了，只能说你不够努力

[dtysky]

你不会私下自己做项目放 github，写文章输出么。。。
没路子就自己找路子，机会是自己抢来的，不是求来的

[ipwx]

世上本没有路……（后半句不写了，楼主自行领会）

[Tokin]

感觉工作和兴趣应该不会很冲突吧，你既然想写 JS，那就先用在自己的项目上，不一定非要用在公司的项目上啊。

[superelepant]

@Tokin 是的, 是这个道理, 只是下班时间和周末时间比较少. 并且如果能在工作中也能写 JS, 我觉得进步会快一点.

[superelepant]

@echo1010 多谢你贴心的建议. 现在所在的公司, 还是有很多厉害的前端大牛的, 不过专门切图的是我一个了.

[superelepant]

@chimingphang 不要随随便便就下结论

[LeungJZ]

基本功要扎实啊。别敲直接报：

自己写下来再去运行一遍。
鄙人只是个 2 年工作经验的菜鸟，下面是面试别人时候都会问的问题：
JS 最基础起码都要了解：闭包，this 指向，es6，主流框架( vue, ng, react 等)，模板引擎及其原理，节流函数原理及其用处等。
CSS 最起码都要了解：盒子模型，浮动处理，居中（垂直，水平，不依赖 js ），动画和变换，兼容性处理（手敲 or autoprefixer ？），预处理器（ less scss sass stylus ）移动端 1px 线的处理。
其他需要了解的是：git，打包工具（ gulp，grunt，webpack ？），js 常用库的使用（ jq，underscore 等）
如有不妥，可以直接指出，希望能和大神们多多交流前端的知识。

[luzhijian]

大佬，我大学是学 java 的，我也是自转学前端的，只要是你喜欢的，努力学了，就不会有个嫌弃你的，其实切图更是技术活，然后再自己深入 js，总有平台更适合你，加油

[superelepant]

@LeungJZ 以目前的知识水平, 我觉得答案如下.
// 4 个 console.log 是最先执行的
111
222
333
444
// 第一个 for, 考察闭包
3
3
// 第二个 for, 考察 IIFE, 并且传了 i 进去
1
2
// 第三个 for, 也是 IIFE, 形成封闭作用域, 但是没有传参
undefined
undefined
// 第四个 for, 和第一个 for 一样
3
3

[superelepant]

@luzhijian 谢谢兄台鼓励, 你也是, 加油

[123s]

光是你说会 js 和 JQ 就要扣分了

[LeungJZ]

@superelepant
答案应该是：
111
1 2 （ IIFE，自执行了，所以就当场输出了）
222
1 2 （ IIFE，自执行了，所以就当场输出了）
333
444
3 3 （此时的 i 是第三个 for 循环的 i，已经累加到 3 ）
1 2 （ let 作用域就只有在 for 中生效）
图中的 undefined 你应该知道什么意思吧？

[superelepant]

@LeungJZ
多谢兄台指教

惭愧, 第四个 for 粗心了没注意是 let, 这个 for 是不应该答错的. let 的出现解决了 var 的这个问题, 所以第四个 for 应该输出 1 2 的. 其他的稍等我理解一下.

[superelepant]

@123s 兄台请明示, 为啥会扣分呢?

[bobiscool]

这语气 是个妹子呀...那就再把 js 学扎实点，写点作品跳槽

[superelepant]

@bobiscool 大雕萌妹算吗😆

[Anshi]

先平时自学点 js 基础，然后用 VUE 或者 REACT 搞个项目出来 然后找工作 找到就离职。

[dddcdk999]

我靠，就是浪费时间、浪费生命，看到这个话题，好生激动。我就是个程序员，10 年前就写网页，但是一直没太学会各种 html 奇淫技巧，后来又写 js，一直觉得 js 跟后端编程起来，简直弱爆了。不过这几年风云突变，又是 h5 规范通过，css3 规范通过，es6 规范通过，我去，然后，前端各类大神冒出，我只想说，那个不是切图，你丫还是先切图，然后再炫前端，别混淆了前端和切图，图还是要切的，还 TMD 是个体力活。我们在都是美工切完图，交给 reactjs 程序员肢解成一个个 html 片段（美其名曰组件）。切图在我眼里就是个鸡肋，你不能缺，但是又确实没啥意思。所以别浪费生命了。我们现在就憋着怎么快，怎么批量，怎么高效地切呢，你被跟我谈什么写 css 写 html 乐趣，我能可省点时间去学学 es7,读读 web component 规范，摸摸 react-native 摇身一变跨界为移动互联人士，要要要，切个 now ！

[ORZRRR]

最近暗示主管自己也可以写写 js 的，
牛 b

[superelepant]

@ORZRRR 不然呢, 一直切图?

[ltux]

没上过大学也不懂营销，小伙自学编程做网站，只想卖好土鸡蛋
https://mp.weixin.qq.com/s/HqWnKidRBVI38X_n6fengA

[fyh1807008]

没事，才几个月，好好享受练练基本功呗。想我当年写了一年 html+css，jquery 都没碰过

[superelepant]

@ltux 牛逼.

[del1214]

切图也是一种修行

[superelepant]

@del1214 磨炼性情吗?

[halden]

我以一个 hr 的角度和你说吧

定位前端，html, js, css 这一套一个都不能缺，适不适合写 js 这个完全取决于自己的程度。切图是美工的事，美工没空你#可以#去顶上，意思是这个可以是你的技能点之一，但一定不是你的主要技能。如果你以前端的身份入职然后公司让你主要做美工，有点追求的话要么转设计，要么跳槽

“框架学了下, 基本思想理解了, 也做了简单的 demo ” - 做过 demo 只是说你入了门，了解基本思想只是皮毛，我给你问多两个问题就答不下去了。没有做过项目，没有填过坑，这样的家伙我是不敢招的，实际用起来会遇到问题

想要发光发亮，首先要提升自己，傻子才把木头当金子。尝试写博客，看到简历上说有自己博客的，我都会去看，如果博客质量高的话第一印象就会好很多，把你招进来的可能性才更大。如果不清楚技术选型，可以参照一些大公司的招聘帖，看他们用的什么技术栈然后照着自己学，学完之后自己做相关的项目，遇到问题自己想办法解决。最后做出来，项目上线，这才能说你“熟悉”了一套架构，但是这时候说精通我是不信的，想要精通还要再加把力

[superelepant]

@halden

感谢你贴心的建议和指导.

框架我看了周末两天, 基本理解了其中思想, 做的 demo. 正在做自己的项目中.

[codermagefox]

自学前端,工作数月,报了网课,疯狂刷书写代码中.
@halden 顺便求 HR 大佬看看我的博客以一年经验的水平来看合不合格....

[youxiachai]

觉得迷茫去 LeetCode 刷下题.....
这个跟情商有卵关系..
单纯别人觉得你的能力非常不行而已...

[codermagefox]

@youxiachai 其实 LeetCode 对于基础一般的来说真的略吃力...我都选择先刷 Lint 了...而且感觉对于实际干活来说用处只能说一般般吧,毕竟前端还是搬 API 的熟练工活比较多

[youxiachai]

老实说...现在的人..说什么研究这个框架,研究那个思想....
可是偏偏..最基本的编程能力都不过关..就开始指点江山...
经常有人说.刷题顶个卵用....还不如多写几个项目....
我觉得...连顶个卵用的题目都做不了....这水平也就一辈子的底层码农了..知道怎么组装一个项目的这样的水平...
我是觉得..如果一个正经点,有点理想的程序员...刷题这种事情...我还是觉得应该要练一练....
好歹那天技术移民能够用上..

[youxiachai]

@codermagefox 怎么说呢..有点理想的话..还是想往更高的境界发展吧...
整天做些低端活...搞得自己觉得编程就是整天 copy,paste

[codermagefox]

@youxiachai 正在刷.你说的我全盘认同,但是对于工作来说(不说个人发展)对于前端更好的题库应该是类似于 https://scriptoj.com/ 这种题库吧.志存高远没错,咱总得先吃饱饭啊

[Kilerd]

> 我是会 JS 和 jQuery 的

你这样说，我是默认你不会 JavaScript 的。

[bobiscool]

@superelepant 亮一下看看

[sudoer]

还不跳槽等着过年？

[bzw875]

@calming 我刚才的时候也不会 js，是后端的帮我写的，后面我水平就比他们厉害多了。你让我想起这件事了

[halden]

@codermagefox 首先, 从色相来说

1. 首页排版可以简化, 显示内容太复杂

2. markdown 在首页无法正确显示, 文章内容当前的排版一定是负分. 有很多细节甚至都不是细节的地方可以优化, 比如代码缩进, 空格, 注释太长直接怼出去代码框云云...

内容部分还不错, 我能看到你在做步骤, 但我会希望看到你自己结论和想法, 然后本身页面有 bug

最后我会给你一个定位: "热爱技术, 有一定实力, 对细节和审美没有要求, 做事没有追求极致的想法", 我会把这样的家伙拉来面试. 如果合格是 60 分, ok 你达到了, 再往上最多 70. anyway 小伙子加油吧, 前途是光明的

还有你觉得我想干啥

[codermagefox]

@halden 其实这个主题是我从某大佬那里扒来的一个 Leanote 主题，自己只修修补补了一点，不过好像反应都说不太好，下次有机会得自己重做一次.....
谢谢大佬的提议，说的也确实很准...不过说 60 分可能谬赞了，我觉得我最多 20 分。
等我抽时间把博客前端改版一下，再帮我看看，再次谢谢大佬

[wanjun]

为什么要暗示，直接找主管当面提就好啦

[superelepant]

@bobiscool <=============================================21cm

[connection]

这不是才几个月吗

[zhtttyecho]

蛤，我 2 月份 0 门槛进了一家外包公司切图，半年后跳槽了；小伙子你多少切图多少 k，我切图那会可是 1100、、、、、

[superelepant]

@LeungJZ

大佬, 还是没弄清楚为何打出了"undefined", 而且也没有显示是在哪行 JS 打出的, 很奇怪, 求大佬指点一二

并且查阅了一下, console.log 也可能是 asynchronize 的, 所以控制台的打印顺序可能不一定是真正的执行顺序.

参考
https://stackoverflow.com/questions/23392111/console-log-async-or-sync
https://segmentfault.com/q/1010000005090870

[LeungJZ]

@superelepant
噗，undefined 那是相当于在控制台运行了一个无返回值的函数，就返回了 undefined （我个人是这么理解的）
这里的 console.log 估计是同步的。
undefined 这个，基本你在控制台中运行无返回值的函数，都会输出 undefined。

[superelepant]

@LeungJZ 哈哈哈还真打出了 undefined, 涨姿势了. 谢谢大佬😁