切图仔时代,需要的是切图快,还原好,加载快。社区里讨论的问题是怎么实现炫酷效果,怎么让用户体验更好。只是对写 js 的要求是低点,好歹是在为了用户开发。
现在这圈子,我觉得很多人都是为了简历开发。社区里,大家为了框架互喷,满嘴跑火车,觉得“赶时髦、扯名词”就等于技术好。
接手过俩项目,都是 npm install 都要下个十几分钟的类型。一个有 e2e test,unit test,但是做出来的网页挂着 2M 大的 JS,一堆肉眼可见的 bug。另一个项目用了 css in js,用了淘宝的响应式方案,但是做出来的东西只有 320 宽度的屏幕没问题,其它大小直接布局错乱了。
参与过一个面试。问你 es6,es7 的语法糖有没有用过,问你框架新出的语法糖有没有用过,问你 webpack 里 css loader 和 style loader 哪个应该放在前面。我都不禁要问,你这是要考验我查文档的能力吗。
其它圈子,好程序员的标准都是基础扎实,学识丰富,解决问题的能力强。到前端这,变成谁赶时髦谁厉害。
同样是前端,安卓和 iOS 的开发者,目标都是做出个流畅,美观的产品。到了 web 这边,变成谁的 build 流程更先进谁更厉害。
|      1CloudMx      2019-02-25 11:29:19 +08:00  8 毕竟大部分的人都不是因为热爱,而是靠这个吃着饭而已。 | 
|  |      2F281M6Dh8DXpD1g2      2019-02-25 11:31:07 +08:00  2 二流的领导是招不来一流的员工的 想想现在的领导就是以前的"切图仔" 感觉也挺正常的 | 
|      3q8164305      2019-02-25 11:37:30 +08:00 via Android  3 你去面了几家公司,就开始 diss 整个 web 圈,奇葩的永远是人,而不是圈子 | 
|      4lihongjie0209      2019-02-25 11:37:34 +08:00  5 所以我不搞前端 知识保值度太低, 性价比太低 | 
|  |      5jamfer      2019-02-25 11:42:34 +08:00 via iPhone 前端圈赶时髦的情况确实有点严重 | 
|  |      6Kei      2019-02-25 11:44:24 +08:00  6 「变成谁的 build 流程更先进谁更厉害。」(深有同感 | 
|  |      7godbmw      2019-02-25 11:45:18 +08:00 "css loader 和 style loader 谁先放前面"这个问题真的过分了 | 
|  |      8niubee1      2019-02-25 11:46:46 +08:00 哈哈哈, 精屁 | 
|  |      910Buns      2019-02-25 11:48:18 +08:00 反正见过好多做移动端的网页,一个 j s 动辄 1、2M | 
|  |      10x86      2019-02-25 11:48:23 +08:00  7 V 友做的 http://qianduanyule.club/ | 
|  |      11xnode      2019-02-25 11:49:03 +08:00  1 所以不要搞前端,前端的技术线太乱,性价比太低 | 
|  |      12owenliang      2019-02-25 11:50:00 +08:00  1 所以我不搞前端,一个 jquery 能搞定的事情,非得配置一天。 | 
|      13sherryqueen      2019-02-25 11:52:08 +08:00 我司还是 js 基础为准 然后加 react 的一些基础概念= = | 
|  |      14hoosin      2019-02-25 12:01:27 +08:00  2 现在至少给公司省下了正版 Adobe Photoshop 不是吗? | 
|  |      15AV1      2019-02-25 12:02:33 +08:00 via iPhone Vanilla 已经能搞定所有前端开发了,为何还多此一举引用 jQuery 呢? | 
|  |      16Jiavan      2019-02-25 12:05:00 +08:00 是你对现在的圈子存在什么误解吧,面过几家就以偏概全? | 
|  |      17AV1      2019-02-25 12:11:34 +08:00 via iPhone 我遇过许多来应聘前端的,好多都是从其他转过来的,所以,与其说前端浮躁,不如说整个圈子浮躁,只是浮躁的人都想往前端挤,都以为前端门槛低,容易捞到好处。 | 
|  |      18peneazy      2019-02-25 12:12:47 +08:00 via iPhone 框架的出现,是为了解决痛点。你暂时没有遇到痛点罢了 | 
|  |      19mgso      2019-02-25 12:15:00 +08:00 via iPhone 码住 慢慢看 | 
|      20Shieffan      2019-02-25 12:20:06 +08:00  2 所以我不搞后端,一个记事本+PHP 能搞定的事情,非得搞些什么 Eclipse Maven / Gradle JDBC / ORM / Hibernate / mybatis / ibatis Dao / Bean Spring AOP / IOC Tomcat / Jetty ... 配置来配置去的,鼠标都点累了 | 
|  |      21SakuraKuma      2019-02-25 12:24:15 +08:00 所以我, 从前端跑了, 成了个打杂的. 基础稳稳的就够了, 其它翻文档. 现在前端给我感觉就是, 从入门, 到配置. 写代码? 套数据就是了. 页面? 大概就差不多了. | 
|      22kx5d62Jn1J9MjoXP      2019-02-25 12:30:47 +08:00 via Android 安卓 iOS 也是一样的哦,甚至更严重,换语言换框架换架构模块化组件化,甚至抛弃原生用 flutter | 
|      23royzxq      2019-02-25 12:33:27 +08:00 娱乐圈日常被 diss 1/1 | 
|      24chenqh      2019-02-25 12:34:54 +08:00 via Android 说的后端不一样似的, | 
|      26wee911      2019-02-25 12:42:20 +08:00 说的没错,现在前端大局已定,开始边边角角的微创新了 | 
|  |      27luoway      2019-02-25 13:00:54 +08:00 npm 被吐槽无数次了,让我想起了最近发现的瓜: webpack4 踩了 npm 的坑,webpack 4.29.x 依赖一个 npm 包,此包依赖旧版 webpack,导致部分重要功能不可用。 现在单 issue 讨论量有 147 条,还没修好。 https://github.com/webpack/webpack/issues/8656 | 
|      28hellowes      2019-02-25 13:02:47 +08:00 via Android 一两年前是非常乱,各种 markdown 程序员拉出一坨屎就不管了。    不过去年 18 年开始,这圈子开始成熟成长了,各个框架更加稳重。 其实编译没什么问题,只是看你怎么用而已,菜鸡不管用什么都是垃圾代码 | 
|  |      29loading      2019-02-25 13:05:16 +08:00 via Android  5 是的,以前像素级的设计细节,变成了现在的烂大街 ui 框架。 以前的字节追求,变成现在的框架名攀比。 | 
|      33hellowes      2019-02-25 13:27:14 +08:00 via Android 不过 vdom 真的是提升了前端的执行效率,有好有坏吧,我不愿意回到 jq 时代,听后端和设计师,乖乖切图和等接口 | 
|      34tonylau      2019-02-25 13:35:54 +08:00 或者都是劣币驱逐良币? 埋头细致钻研的前端得不到应有的相应的回报 + 过分注重单位效率的风气注定无法培育匠人型的前端 | 
|  |      358355      2019-02-25 13:46:52 +08:00 看来楼主也是经历过切图仔的时代啊. jquery 无双乱舞    | 
|      36mars0prince      2019-02-25 13:55:22 +08:00 谁不是为简历开发? 谁不是为工资编程? 你愿意用 jquery,愿意切图,不想写 js,想做流畅,美观的产品,是你的事 别人愿意研究新技术,愿意为简历开发,期望努力得到高工资,是别人的事 谁也没权利指责别人的生活方式 | 
|      37RqPS6rhmP3Nyn3Tm      2019-02-25 13:57:47 +08:00  1 别问,问就是 jQuery | 
|  |      38ssshooter      2019-02-25 14:05:41 +08:00 问 css loader 和 style loader 的先后不就是等于问懂不懂这两个 loader 分别有什么用吗? | 
|  |      39shengchao      2019-02-25 14:08:06 +08:00  1 不同意楼主的说法。 辣鸡的程序员写什么都是辣鸡,不管是前端还是后端。 另 只是楼主的前端思想还一直停留在切图仔时代走不出来而已,不是写过两前端项目就了解前端的。 如果你是前端开发者,经历过种种痛点,相信我,你还是会做出和大部分人相同的选择 | 
|  |      40shengchao      2019-02-25 14:11:54 +08:00 只是前端的准入门槛低了一点,请勿以偏概全 | 
|  |      41Yiki      2019-02-25 14:30:03 +08:00 身边但凡编程能力差点的却想当码农挣钱的都跑去写前端了 因为入门简单 现在的前端真的很浮躁,深有体会 不过不用 JQ 也有一定道理的 | 
|  |      42Mutoo      2019-02-25 14:31:33 +08:00 只能说你遇到的前端以切图仔的水准在使用现代前端开发框架。是人的水平不行,不是前端发展不行。 | 
|  |      43janxin      2019-02-25 14:32:20 +08:00 前端娱乐圈 | 
|  |      44virus94      2019-02-25 14:36:13 +08:00 突然想到之前去面试,面试官疯狂的问框架(某 php 框架)里面的各种方法,orm,恨不得让你把框架文档背下来 .... | 
|  |      45FakeLeung      2019-02-25 14:39:37 +08:00 es6,7 新的语法糖是因为可以提高开发效率。我也会问,还会问箭头函数的区别(非写法)。答不出来的,难道还不是基础稍弱吗?这都很基础的东西。 css-loader / style-loader 我不会问,估计时考察对 webpack 的了解,因为目前来讲,大部分前端项目都比较依赖 webpack 的打包,问关于 webpack 的,我想的是考察你是否仅仅时会用(当然,我也只了解了个皮毛罢了),还是有自行下去了解,探索。遇到问题的时候,可以自行排查。 至于『框架互喷』,估计跟 php 的 laravel、symfony、tp 喷的更狠。 但是,最近前端的人才质量确实是很差(这个不可否认)。可能因为入门门槛实在是太低了。 | 
|  |      4666beta      2019-02-25 14:39:46 +08:00 via Android vue 和 react 降低了了多少门槛?节约了多少代码量! 工程化之后,代码质量、规范有了大飞跃,大大降低了管理成本 关键是人,总的来说互联网行业还是太浮躁。 为什么程序员年纪大就不值钱?还不是同一群人,年轻时造下的孽! | 
|  |      47lwbjing      2019-02-25 14:42:41 +08:00 害得我现在想找个能安心简单写点 jQuery 的人都没有了,还得自己培养。。 | 
|  |      48leojoy710      2019-02-25 14:45:35 +08:00  1 踏实的人关心技术 浮躁的人关心圈子 | 
|  |      49duzhihao      2019-02-25 14:48:52 +08:00 娱乐圈永远在 diss 链最低端 | 
|  |      50johnnyNg      2019-02-25 14:57:47 +08:00 现在的 web 应用都变得更复杂了,按照以前的 jQuery 是很难开发维护的,比如我现在在做的 web 视频剪辑和 web 修图,很难想象让我用 jQuery 去完成这两个项目 | 
|  |      51YenvY      2019-02-25 14:58:36 +08:00 你们这么说楼主是没用的,还不如让楼主列几个能说明问题的例子,如果你们都这么喜欢画一个圈子然后群嘲的话 比如这句 “其它圈子,好程序员的标准都是基础扎实,学识丰富,解决问题的能力强。到前端这,变成谁赶时髦谁厉害。” 除非楼主只会叹气 | 
|  |      52maplelin      2019-02-25 15:11:15 +08:00 面试问 es6 es7 有问题吗,es 不是正宗 js 的规范吗,不然面试问你怎么兼容 IE6,IE7 ? | 
|      54amumu666      2019-02-25 15:14:32 +08:00 有的人能引导潮流。 有的人能跟随潮流。 有的人跟不上潮流。 有的人跟不上潮流,还出来骂街。 | 
|  |      55xiangyuecn      2019-02-25 15:29:29 +08:00 5000 行代码一个文件,和 10 个文件 共 5000 行的 区别。主要用来链接碎片代码的代码 独立出了很多框架 和 脚手架 ,谁用的 6 就用谁(狗头保命 | 
|      56xxkjkjk      2019-02-25 15:29:53 +08:00 很多公司招人都是要即插即用的,来了那些框架会用,会配置就可以了,只要能接手前面人的项目 | 
|  |      58Exin      2019-02-25 15:37:49 +08:00 主要怪现在电脑性能太好了 | 
|  |      59magicdawn      2019-02-25 15:53:15 +08:00  1 css-loader 是 文件->css 字符串 style-loader 是 字符串 -> style 标签 webpack loader 正常情况下(非 pitch 阶段)是从后到前执行的, 所以先 style-loader, 后 css-loader 哈哈哈 其实一个必用工具, 熟悉之后搬砖啊 /trouble shooting 更快了是吧... | 
|  |      60Felldeadbird      2019-02-25 16:01:31 +08:00 还不是因为前端近几年变化太大了吗?大家都在这么用,你不这么用那个公司收你啊。 | 
|  |      61feelinglucky      2019-02-25 16:05:56 +08:00 Mark,不高前端好多年 | 
|  |      62MrYELiex      2019-02-25 16:07:23 +08:00 池子大了 | 
|  |      63rockyou12      2019-02-25 16:12:54 +08:00 其实我也有这个疑惑,比如打开掘金前端的页面,一堆深入理解 js、三大框架(也许是两大?)、浏览器原理的东西…… 但这些本来就是基础,和其他语言比,工程化是理所当然的。ui 很大一部分工作应该是 ui、ue 方向的,怎么实现一个复杂布局、动画效果怎么实现,这些的讨论真的很少。 可能是前端框架轮子多吧,反正找个 ui 框架再找些组件套上去就行了…… | 
|      64connection      2019-02-25 16:17:49 +08:00 这不是一方面人的问题,还有招聘相关,工作相关。 而且能获取信息的渠道充斥大量的水文。 水文往往也比晦涩的文章来的热度要高。 | 
|  |      65rockux      2019-02-25 16:18:07 +08:00 别问,问就 jQuery | 
|      66liyer      2019-02-25 16:22:28 +08:00 举个最简单的例子,为了在网页展现一个饼图 or 柱图,加载了一整套 echarts 源码 其实几句简单的 css 就能搞定 | 
|  |      67FakeLeung      2019-02-25 16:27:58 +08:00 @rockyou12 #63  这个不难理解。 就拿你的动画效果来说, 如果你写的动画,不需要兼容低版本浏览器,部分人觉得 ,修改 margin/padding - top left right bottom 和修改 translate scale 没啥区别,但是理解了浏览器渲染原理,你会想,噢,这么写,会不会引发重排?还是只引起重绘? 如果 css 写的动画兼容性比较差,那么就需要 js 的介入了。 那么,js 写动画,就有性能的问题,比如,你要保持 60fps,你会选择 canvas ?还是 raf ?   | 
|      68zzzzzzZ      2019-02-25 16:43:43 +08:00  1 | 
|  |      70KuroNekoFan      2019-02-25 16:50:23 +08:00 最浮躁就是楼主你吧,读个文档花你多少时间,只能读国内翻译的二手信息的话当我没问 | 
|      71cdlixucd      2019-02-25 16:52:03 +08:00 不是国内 Web 前端,国内哪个行业不是一样,只要站在风口上,猪都会飞 | 
|  |      72ChefIsAwesome OP  2 @rockyou12 就拿动画的例子来讲:谷歌提出过一个 RAIL 模型来评估性能。其中有一条就说,人的大脑有 100ms 左右的响应时间,点了个按钮,100ms 内没反应,人就会感觉到卡。利用这个特性,你可以优化你的动画。比方讲需要动画会触发 layout 的 css 属性,可以用 FLIP pattern 来实现。比方讲一次性隐藏、显示大量 DOM 的时候,移动浏览器会卡,这时候可以学习 iOS,动画一个空白的画布或者骨架,动画完成之后再显示内容。 这些知识就没多少文章在传播,就没多少人愿意学,毕竟简历不好写,培训机构不好教。 为什么大家都喜欢用 APP,不喜欢用网页?因为不能放到桌面,因为没有推送功能?还不是因为 APP 哪哪都有动画,行云流水。网页用起来干巴巴,卡的要死。 | 
|  |      73KuroNekoFan      2019-02-25 16:52:24 +08:00 现在的前端放弃对优秀交互效果的追求了吗?没有,只不过还需要开发者的工作方式与流程符合主流实践,符合先进软件工程理念。另外切图的问题,是分工细化的结果而不是前端的问题。 | 
|  |      74feikeq      2019-02-25 16:53:42 +08:00 因为伪前端太多了 | 
|  |      76Hoshinokozo      2019-02-25 17:00:41 +08:00 @amumu666 精辟 | 
|  |      77Elephant696      2019-02-25 17:17:53 +08:00 @godbmw 还别说,以前我去面试就有面试官问我这个问题,而且还问了他们的原理。哈哈哈 | 
|      78ouhey      2019-02-25 17:19:15 +08:00 React 确实解决了一个 UI 开发里的难题, 其他就算了 | 
|      79Malthael      2019-02-25 17:20:10 +08:00 就爱看你们前端圈胡侃,怪有意思的。   | 
|  |      80godbmw      2019-02-25 17:27:40 +08:00 @Elephant696 大佬! | 
|      81yuyehack      2019-02-25 17:29:58 +08:00 css loader style-loader 问的就是有没有手动配置过 webpack ,配过一次就知道 ! | 
|  |      82Katrol      2019-02-25 17:30:31 +08:00 前端圈有时候给圈外人一个印象:装逼。。 | 
|  |      83TomIsion      2019-02-25 17:30:31 +08:00 先做好程序员 再做好前端程序员。 | 
|  |      84mamahaha      2019-02-25 17:31:59 +08:00 既然觉得反正已经没戏了,应该当面鄙视面试官,凭啥让半瓶水鄙视内行? | 
|  |      85lguan      2019-02-25 17:49:56 +08:00 说句难听的,可能是同一拨人... | 
|      86honglongmen      2019-02-25 18:01:28 +08:00 | 
|      88patsoncy      2019-02-25 18:50:02 +08:00 同感 | 
|      89kingwl      2019-02-25 18:51:55 +08:00 流畅,美观只是一方面🤷🏻♂️ | 
|  |      90shyrock      2019-02-25 19:11:11 +08:00 不是前端圈的,所以挺好奇前端框架的换代周期是一年还是半年? | 
|  |      91fzudust      2019-02-25 19:11:39 +08:00 via iPhone 问点什么问题才能展现楼主扎实的基础和丰富的学识呢? | 
|  |      92rockyou12      2019-02-25 19:52:03 +08:00 | 
|  |      93mostkia      2019-02-25 19:54:47 +08:00 前端的知识更新太快,一味追求最新的技术其实没有什么卵用,无非就是重复的造轮子而已,个人感觉如果不是扎根业界,够用就好,不必最新。一个可以直接 js+css 写出来的代码,在我看来什么框架都不用最好。 | 
|  |      94yhxx      2019-02-25 20:09:17 +08:00 面试官也很绝望啊 问编译原理又要说造火箭 问计算机网络又要说你用得上吗 | 
|  |      95fromdark      2019-02-25 20:21:58 +08:00 等前端得泡沫过去了,成熟了,就稳定了,那个时候,基本上嘴炮都淘汰了 | 
|  |      97shiny      2019-02-25 20:24:52 +08:00 问这些可以确定应聘者能不能快速接手项目,融入团队,省事吧。 | 
|      98HuHui      2019-02-25 20:26:16 +08:00 via Android 整个 it 圈都是这样啊 |