近期前端文章推荐&吐槽 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
FrankFang128
V2EX    Javascript

近期前端文章推荐&吐槽

  •  
  •   FrankFang128 2016-10-18 12:07:42 +08:00 4600 次点击
    这是一个创建于 3311 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://github.com/FrankFang/best-chinese-front-end-blogs/issues/11

    对当前单页应用的技术栈思考 - 徐飞

    评论

    三年前,我们写 HTML 、写 CSS 、写 JS ;

    三年后,我们不写 HTML 、不写 CSS 、不写 JS ;只写需要转译的、无法运行在所有浏览器上的 JS 。

    听说大家的开发效率都上去了,真是恭喜啊。

    既然前端这么不待见 JS ,明年干脆连 JS 也不写了吧,直接写 TypeScriptElm 吧(我没开玩笑 )


    [译] 少写代码少填坑 - 月影

    评论

    看看现在网页里面的 JS 文件(不包括 HTML 、 CSS )多大了:

    • 百度首页 - 150k+ 的 JS ,用了 jQuery
    • 知乎首页 - 450k+ 的 JS ,用了 Angular
    • 饿了么首页 - 120k 的 JS ,用了 Angular
    • 淘宝首页 - 340k+ 的 JS ,用了 KISSY
    • 新浪微博首页 - 500k+ 的 JS ,不知道用的什么 :(
    • 1688 首页 - 200k+ 的 JS ,用了 jQuery
    • Google 首页 - 169k 的 JS

    我不知道这么多 JS 是否有必要,我只知道:

    代码越多, BUG 越多。


    第 1 条附言    2016-10-18 12:58:34 +08:00
    纠正,应该是在所有浏览器上都无法运行的 JS
    第 2 条附言    2016-10-18 13:06:39 +08:00
    大家主要还是看文章吧
    我瞎评的
    27 条回复    2016-10-19 07:18:18 +08:00
    nailuoGG
        1
    nailuoGG  
       2016-10-18 12:12:10 +08:00 via iPhone
    功能越多 代码越多
    griffinqiu
        2
    griffinqiu  
       2016-10-18 12:12:33 +08:00
    楼主的见解和分享很不错,持续关注
    ibufu
        3
    ibufu  
       2016-10-18 12:20:27 +08:00
    需求就这多,有什么办法?
    murmur
        4
    murmur  
       2016-10-18 12:26:45 +08:00
    新浪的产品设计有问题,尤其是那个乱序时间线,别的不学学这个 jb 东西,技术已经不评价,而且新浪是少有的会员一样看广告的公司
    这样的公司速速倒闭为好
    FrankFang128
        5
    FrankFang128  
    OP
       2016-10-18 12:27:23 +08:00
    @ibufu 分两个页面呀
    ho121
        6
    ho121  
       2016-10-18 12:28:50 +08:00
    语言越多, bug 越多
    chunqiuyiyu
        7
    chunqiuyiyu  
       2016-10-18 12:31:39 +08:00
    @murmur 会员专属广告,第一次看到这个词的时候我震惊了,这是得多么天才的人才能想出来的啊!
    ibufu
        8
    ibufu  
       2016-10-18 12:54:39 +08:00
    @FrankFang128 那是产品的事,产品出成啥样,我们有什么办法?本质上程序员就是需求翻译机(摊手)
    Gheng
        9
    Gheng  
       2016-10-18 12:55:14 +08:00
    我实在是无力吐槽你了。。。
    FrankFang128
        10
    FrankFang128  
    OP
       2016-10-18 12:57:56 +08:00
    @Gheng 我说的是事实你要吐槽什么……
    shlabc
        11
    shlabc  
       2016-10-18 13:01:29 +08:00
    图文首页(全部资源)一般控制在 500k 或 600k 以内,尽量吧
    imcxy
        12
    imcxy  
       2016-10-18 13:14:17 +08:00
    这个世界本来就是少部分人引领风潮

    明星烫个发型,这个世界有一半少女少男会跟着模仿

    世界上 5 亿用户公司用的东西,一个用户 300 的也会跟着跑
    WhoMercy
        13
    WhoMercy  
       2016-10-18 14:01:03 +08:00
    1.跟你为什么用高级语言写代码,而不用或者很少用机器语言的道理一样。本质是为因为牺牲可以忽略不计的性能损耗(或者说可以接受的)而换来提升开发效率的新工具(语言),学习有代价,但是发展潮流如此。学习了可能最终被市场判定为失败的尝试白白浪费时间,不学习可能搭不上时代最前沿、机会最多的列车。

    2.关于说文件太大,君可知现在技术界的论调是软件的开发速度跟不上硬件的更新速度,而网络的提升在近几年也是有目共睹,现在一张图片动则 N 个 mb ,页面有几百 kb 的 js 并不是大问题。而关于代码复杂度,所以说要模块化、模块化再模块化,要解耦、解耦再解耦,要架构设计、架构设计再架构设计,而后面这个问题也正是前面 1.里各种新生语言准备(或可以)解决(或缓解)的。
    nino
        14
    nino  
       2016-10-18 14:13:02 +08:00
    直接写 Typescript 、 Elm 没什么不对吧,编程说到底就是抽象再抽象,复杂度上来了就要有更好的抽象工具。
    Vamwere
        15
    Vamwere  
       2016-10-18 14:17:19 +08:00
    @murmur 然而现实就是年初买新浪股票的人,现在都财务自由了
    murmur
        16
    murmur  
       2016-10-18 14:19:14 +08:00
    @Vamwere 垄断的力量+阿里的注资,没办法
    FrankFang128
        17
    FrankFang128  
    OP
       2016-10-18 14:19:38 +08:00 via Android
    @WhoMercy 并没有发现前端加班变少,抱怨变少呀
    haihan
        18
    haihan  
       2016-10-18 15:22:59 +08:00
    很多原因都可能导致框架和工具滥用情况的发生。说几个职场里的理由吧:比如故意提升技术门槛,防止被写后台的看不起;项目虽小,但是为了用框架而用框架,这样才好将来跳到大厂时有技术筹码;总用老技术,上至老板,下至小弟会认为你不思进取;项目经验少,被工具或框架花花绿绿的 demo 蒙骗了等等。有时候其实我也会不得已滥用。。。
    WhoMercy
        19
    WhoMercy  
       2016-10-18 15:32:00 +08:00
    @FrankFang128
    你的问题在 LZ 的问题讨论范围内吗,只要解决两个问题,就能不加班。
    1.个人能力够不够
    2.公司制度怎么样
    有能力就去解决吧,这不是某某语言的问题。
    FrankFang128
        20
    FrankFang128  
    OP
       2016-10-18 15:49:10 +08:00
    @WhoMercy 那倒是,说到底都是人的问题。
    我就是吐槽一下现在火( zhe )热( teng )的前端而已。
    MrJing1992
        21
    MrJing1992  
       2016-10-18 15:54:39 +08:00
    楼主专业吐槽前端,有什么动机吗?利益无关,我写 PHP 的。
    FrankFang128
        22
    FrankFang128  
    OP
       2016-10-18 16:55:27 +08:00
    @MrJing1992 吐槽能赚钱么…… 你看我老是上 Top 10 ,就知道我只是上 Top 10 上瘾而已。
    不过这一篇只是骗 star 来的
    FrankFang128
        23
    FrankFang128  
    OP
       2016-10-18 16:56:14 +08:00
    @MrJing1992 这帖子只骗了 4 个 star ,唉……
    Gheng
        24
    Gheng  
       2016-10-18 21:55:19 +08:00
    @FrankFang128 为什么吐槽你?? 讲道理应该有因得果,一步步去说明。你这几篇帖子里的逻辑错误百出,也就忽悠下没有辩证思维的小白,而你又是喜欢写这样的帖子,所以说我懒得吐槽你。
    FrankFang128
        25
    FrankFang128  
    OP
       2016-10-18 22:24:25 +08:00 via Android
    @Gheng 你指出漏洞呗
    FrankFang128
        26
    FrankFang128  
    OP
       2016-10-18 22:27:39 +08:00 via Android
    @Gheng 我的习惯是不说全面的观点。有人说 react 好,我就说 react 的缺点。你听一下两个人的观点就有自己的观点。
    meszyouh
        27
    meszyouh  
       2016-10-19 07:18:18 +08:00 via Android
    看了一下,没啥干货,自己用 bootstrap 怪谁?让写*{padding:0;margin.:0;}的人又能啊 Q 一下。子元素选择器!后面跟上通配符!真是天才写法。与 js 相关的路由懒得说了,本来就是 hashchange 和 popstate 事件,只不过别人给你做好了。
    并不值得推荐。标题党嫌疑。

    代码越多, bug 越多,这个仅仅是你“说出来”的一句话,然后呢。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3134 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 11:58 PVG 19:58 LAX 03:58 JFK 06:58
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86