国内 web 前端圈的风气感觉比切图仔时代更差了。

2019-02-25 11:25:22 +08:00
 ChefIsAwesome

切图仔时代,需要的是切图快,还原好,加载快。社区里讨论的问题是怎么实现炫酷效果,怎么让用户体验更好。只是对写 js 的要求是低点,好歹是在为了用户开发。

现在这圈子,我觉得很多人都是为了简历开发。社区里,大家为了框架互喷,满嘴跑火车,觉得“赶时髦、扯名词”就等于技术好。

接手过俩项目,都是 npm install 都要下个十几分钟的类型。一个有 e2e test,unit test,但是做出来的网页挂着 2M 大的 JS,一堆肉眼可见的 bug。另一个项目用了 css in js,用了淘宝的响应式方案,但是做出来的东西只有 320 宽度的屏幕没问题,其它大小直接布局错乱了。

参与过一个面试。问你 es6,es7 的语法糖有没有用过,问你框架新出的语法糖有没有用过,问你 webpack 里 css loader 和 style loader 哪个应该放在前面。我都不禁要问,你这是要考验我查文档的能力吗。

其它圈子,好程序员的标准都是基础扎实,学识丰富,解决问题的能力强。到前端这,变成谁赶时髦谁厉害。

同样是前端,安卓和 iOS 的开发者,目标都是做出个流畅,美观的产品。到了 web 这边,变成谁的 build 流程更先进谁更厉害。

23937 次点击
所在节点    程序员
151 条回复
feelinglucky
2019-02-25 16:05:56 +08:00
Mark,不高前端好多年
MrYELiex
2019-02-25 16:07:23 +08:00
池子大了
rockyou12
2019-02-25 16:12:54 +08:00
其实我也有这个疑惑,比如打开掘金前端的页面,一堆深入理解 js、三大框架(也许是两大?)、浏览器原理的东西……

但这些本来就是基础,和其他语言比,工程化是理所当然的。ui 很大一部分工作应该是 ui、ue 方向的,怎么实现一个复杂布局、动画效果怎么实现,这些的讨论真的很少。

可能是前端框架轮子多吧,反正找个 ui 框架再找些组件套上去就行了……
connection
2019-02-25 16:17:49 +08:00
这不是一方面人的问题,还有招聘相关,工作相关。
而且能获取信息的渠道充斥大量的水文。
水文往往也比晦涩的文章来的热度要高。
rockux
2019-02-25 16:18:07 +08:00
别问,问就 jQuery
liyer
2019-02-25 16:22:28 +08:00
举个最简单的例子,为了在网页展现一个饼图 or 柱图,加载了一整套 echarts 源码
其实几句简单的 css 就能搞定
FakeLeung
2019-02-25 16:27:58 +08:00
@rockyou12 #63
这个不难理解。

就拿你的动画效果来说,
如果你写的动画,不需要兼容低版本浏览器,部分人觉得 ,修改 margin/padding - top left right bottom 和修改 translate scale 没啥区别,但是理解了浏览器渲染原理,你会想,噢,这么写,会不会引发重排?还是只引起重绘?

如果 css 写的动画兼容性比较差,那么就需要 js 的介入了。
那么,js 写动画,就有性能的问题,比如,你要保持 60fps,你会选择 canvas ?还是 raf ?
zzzzzzZ
2019-02-25 16:43:43 +08:00
@amumu666 #52
有的人东学西学,其实学的都是那些屁东西

单独拎个名字出来怎么聊怎么高大上,其实就是那几套皮毛改来改去,美其名曰“潮流”

会个搭建简历就写掌握,翻个帖子改几个配置就敢写精通

看着纸上那一排排的轮子觉得自己好牛 B 成大牛咯,其实业内换个没用过的路人也能几个小时就折腾出来的垃圾

水平不够就别跳出来丢人,估计 @loading #28 说的话你听都听不懂
joeyFuck
2019-02-25 16:43:46 +08:00
@q8164305 奇葩的还就是圈子
KuroNekoFan
2019-02-25 16:50:23 +08:00
最浮躁就是楼主你吧,读个文档花你多少时间,只能读国内翻译的二手信息的话当我没问
cdlixucd
2019-02-25 16:52:03 +08:00
不是国内 Web 前端,国内哪个行业不是一样,只要站在风口上,猪都会飞
ChefIsAwesome
2019-02-25 16:52:21 +08:00
@rockyou12 就拿动画的例子来讲:谷歌提出过一个 RAIL 模型来评估性能。其中有一条就说,人的大脑有 100ms 左右的响应时间,点了个按钮,100ms 内没反应,人就会感觉到卡。利用这个特性,你可以优化你的动画。比方讲需要动画会触发 layout 的 css 属性,可以用 FLIP pattern 来实现。比方讲一次性隐藏、显示大量 DOM 的时候,移动浏览器会卡,这时候可以学习 iOS,动画一个空白的画布或者骨架,动画完成之后再显示内容。
这些知识就没多少文章在传播,就没多少人愿意学,毕竟简历不好写,培训机构不好教。
为什么大家都喜欢用 APP,不喜欢用网页?因为不能放到桌面,因为没有推送功能?还不是因为 APP 哪哪都有动画,行云流水。网页用起来干巴巴,卡的要死。
KuroNekoFan
2019-02-25 16:52:24 +08:00
现在的前端放弃对优秀交互效果的追求了吗?没有,只不过还需要开发者的工作方式与流程符合主流实践,符合先进软件工程理念。另外切图的问题,是分工细化的结果而不是前端的问题。
feikeq
2019-02-25 16:53:42 +08:00
因为伪前端太多了
slipkinem
2019-02-25 16:57:16 +08:00
@liyer 为了实现一个简单的人员搜索,竟然引入了 es 引擎,其实就是一行 like 就能搞定。
Hoshinokozo
2019-02-25 17:00:41 +08:00
@amumu666 精辟
Elephant696
2019-02-25 17:17:53 +08:00
@godbmw 还别说,以前我去面试就有面试官问我这个问题,而且还问了他们的原理。哈哈哈
ouhey
2019-02-25 17:19:15 +08:00
React 确实解决了一个 UI 开发里的难题, 其他就算了
Malthael
2019-02-25 17:20:10 +08:00
就爱看你们前端圈胡侃,怪有意思的。
godbmw
2019-02-25 17:27:40 +08:00
@Elephant696 大佬!

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

https://yangjunhui.monster/t/538397

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

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

© 2021 V2EX