V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
cssnote
V2EX  ›  问与答

前端开发有哪些好的实践教程,可以规范讲清楚一些知识点?如果自己找一个出名的网站来研究代码,但里面的 js 都是经过压缩的,怎么学习?

  •  
  •   cssnote · 2014-11-21 09:09:22 +08:00 · 3817 次点击
    这是一个创建于 3657 天前的主题,其中的信息可能已经有所发展或是发生改变。
    12 条回复    2014-11-21 10:49:26 +08:00
    0x142857
        1
    0x142857  
       2014-11-21 09:14:04 +08:00 via Android
    js 格式化不就行了 =。=

    不过还是直接研究开源的东西好
    cssnote
        2
    cssnote  
    OP
       2014-11-21 09:20:11 +08:00
    @0x142857 开源的前端实践在哪里找比较多?
    66beta
        3
    66beta  
       2014-11-21 09:34:22 +08:00
    boom11235
        4
    boom11235  
       2014-11-21 09:35:24 +08:00   ❤️ 1
    NemoAlex
        5
    NemoAlex  
       2014-11-21 09:43:36 +08:00
    @0x142857 格式化后还有变量名的问题,无解
    确实不应该自虐
    前端基础的东西没有多少,现在大家都在搞上层建筑
    每家用的框架性的东西都不太统一,开源的东西即便非常流行,但实际在商业上并不流行
    大公司往往会自己搞一套,所以他们的产品如果不开源,都没有参考性
    FrankFang128
        6
    FrankFang128  
       2014-11-21 09:51:43 +08:00 via Android
    看 Backbone 源代码
    learnshare
        7
    learnshare  
       2014-11-21 09:57:53 +08:00
    直接看别人的应用代码不合适,应该看 jQuery/Angular.js 等框架的源码,这些比较有意义
    learnshare
        8
    learnshare  
       2014-11-21 10:07:20 +08:00
    知识点的话,还是去 mdn/webplatform 看手册吧
    exodia
        9
    exodia  
       2014-11-21 10:13:16 +08:00
    1. 代码规范,这个比较简单,随便看了
    2. 目录规范,这个感觉才是比较有意思的地方,不同的目录结构划分代表了对项目不同维度的切分
    1) 一种是按照职能组织,即html,css,js 放在独立的文件夹,业务逻辑模块分为分散在三个文件夹,这是比较常用的一种组织方式,适合中小网站,以及对复用性要求不高的场景。

    2) 按照业务功能组织,将业务按照功能切分为模块,一个模块一个文件夹,模块包含了 html/css/js,模块可以递归的继续包含子模块。 这种划分非常利于模块复用,以及网站的功能扩展。webapp 经常用这种方式组织。

    目录规范个人推荐:
    这个是我所在团队的那群人搞的: https://github.com/ecomfe/spec/blob/master/directory.md

    另一个是 google 的 angular app 的规范,要翻墙,我保存到了自己的笔记中:

    https://www.evernote.com/l/ANE8oCpzLrFO858xTDqQqvKVkJJs87rHhYw

    两者的思维基本是一致的。
    microhan
        10
    microhan  
       2014-11-21 10:17:11 +08:00
    前端是一个体系,首先得对DOM有深刻认识,然后通过DIV布局与CSS样式来构建良好的页面,JS重在原生代码的理解与应用,然后学习成熟的框架如JQuery,Angular.不推荐直接看网站的源码来研究,基本功和实践重要,推荐一个网站幕课网http://www.imooc.com/,有前端入门到进阶相关及前端应用实践教程。
    g0thic
        11
    g0thic  
       2014-11-21 10:43:02 +08:00
    学 js 当然是看js-the-right-way ,我自己随便翻了下方便自己看 http://blog.yongyuan.us/JsTheRightWay/index
    haozhang
        12
    haozhang  
       2014-11-21 10:49:26 +08:00
    《JavaScript语言精粹》
    《JavaScript权威指南》

    基本上刷完上面两本书,就可以开始用工具了
    比如:jQuery(这是业界标准了)
    比如:Backbone,一个框架
    比如:Bootstrap

    然后在使用工具的同时,看一下两本书:
    《编写可维护的JavaScript》
    《JavaScript Patterns》

    看书是有技巧的,JS的东西很杂乱,你挑一些优雅的东西用就可以了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2591 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 15:43 · PVG 23:43 · LAX 07:43 · JFK 10:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.