UDN-企业互联网技术人气社区

板块导航

浏览  : 2697
回复  : 22

[问答] 完全理解jQuery源代码,在前端方面算什么水平?

[复制链接]
www.tuer.me的头像 楼主
发表于 2015-7-30 17:40:30 | 显示全部楼层 |阅读模式
发表于 2015-7-30 18:10:08 | 显示全部楼层
依读了2周jQuery源码的人感觉来说,完全理解jQuery,就拿jQuery 1.11这个版本10337行代码来说,水平已经很不错了。谦虚点说,已经入门。骄傲点,国内领先水平。但其码我感觉是js架构之路起行的第一步,完全理解源码,说明有独立构建或组织大型web前端框架的能力和基础。然后看看完全理解jQuery是一个怎么样的状态。
看下面几个链接就明白了:
RubyLouvre/avalon · GitHub
artDialog
aui/artDialog · GitHub(后来的新版代码有所改变)
没错,这两个里边,就是在继承jquery的基础上做了自己的创新尝试。
然后在看下面这位:
[原创] jQuery1.6.1源码分析系列(停止更新)
是唯一出过jquery源码分析书的一位:
《jQuery技术内幕:深入解析jQuery架构设计与实现原理》(高云)【摘要 书评 试读】
然后在看这位:
jQuery 2.0.3 源码分析系列
是目前一直在更新的一位,通俗有深度且版本比较新。
在说一下我2周阅读jquery源码的心得,初看源码写的恶心,再看写的不错,细看写的真是精妙。然后今天在看ext 4.2的源码,真是流畅易读。基本来说,看懂jQuery源码,以后的源码学习之路可以说,平坦。
然后说是不是高手,高手只是一个自我定位的心理暗示,是一种人格魅力的体现,是业务与技术的完美结合。个人感觉只能无限的接近,不能在有限的生命里边到达。我们在通往目的地过程中享受一路的风景,这才是生命的意义。
然后在说前端,前端的核心是js,外围打酱油的技术太多,不一一列举。
  • css就像一瓶酒,得品。
    html,css总共就那些标签跟选择器属性什么的,但是要写一个有扩展性,健壮性或维护性的页面不容易。现在写页面基本条件反射,不是如何快速的完成,而是思考如果有前端界面需求修改,怎么在修改代码最少的情况下完成整体需求任务。
  • js就像一把剑,得磨。js刚开始只是为了较验,随便技术社会的发展,承担的角色越来越重,刚开始玩玩jQuery感觉已经会js了,其实只是冰山一角。随着对js的了解越来越多,他即变态又可爱,即好玩又难控,即有很多兼容问题,但解决兼容是我们基本生存之道。
  • 人生就是一场梦,得作。
    技术只是生活的一部分,曾经雄心斗志,如今低头写码。改变能改变的,接受不能改变的。人生有限,兄争朝夕啊。
    最后说,什么时候能阅读jQuery源码,我感觉其码是纯js编码一年以上,js基础知识没有盲点。阅读源码,确实能学到很多东西。不只是技术,而是一种生活的态度。一种把一件事情做到极致的态度(糖饼语)。
    然后下面链接分享一下,是目前阅读研究源码的一部分资源:
    jQuery source viewer
    jquery源码查询
    这些年、我收集的JQuery代码
    jquery1.6中的.prop()和.attr()异同
    第三章《遍历DOM元素》
    jquery选择器
    javascript笔记:临摹jQuery(一)
    jQuery 的原型关系图


    jquery选择器
    【原创】jQuery1.8.2源码解析之jQuery.Callbacks
    [原创] jQuery1.6.1源码分析系列(停止更新)
    jQuery event(上)
    jquery事件分析
    疯狂秀才 - 博客园
    jQuery工作原理解析以及源代码示例
    jquery easyui 作者
    raphealguo'blog
    jquery源码阅读
    jQuery工作原理解析以及源代码示例
    Decoding jQuery
    jquery源码阅读英文资料
    nuysoft - 博客园
    jquery源码阅读,这位作者出了一本书叫jquery技术内幕
    jQuery技术内幕
    adamed的博客
    jq源代码阅读
    猫猫的博客 - ITeye技术网站
    jquery源码分析
    jQuery1.6.2源码分析(一)框架体系研究
    jquery框架分析
    jQuery 源码:元素位置
    jquery源码 元素位置
    10 个新鲜奇妙的 jQuery 插件
    10个jquery插件,里边有个jquery滚动条写的不错。
    妙味课堂:一起学习jQuery源码【逐行分析jQuery源码的奥秘】
    妙味课堂-视频教程-www.miaov.com
    [知识点类] 妙味课堂:一起学习jQuery源码【逐行分析jQuery源码的奥秘】
    jQuery 2.0.3 源码分析Sizzle引擎
    jQuery 2.0.3 源码分析Sizzle引擎
    jquery 2.0.3源码分析 分析Sizzle引擎 - 编译函数(大篇幅)
    mythz/jquip 路 GitHub
    jquery 压缩版
    jQuery 2.0.3 源码分析 回调对象
    jQuery 2.0.3 源码分析 回调对象 - Callbacks
    妙味课堂:一起学习jQuery源码【逐行分析jQuery源码的奥秘】
    jquery源码解读-妙味
    http://sunnylost.com/article/jquery.core1.html
    jQuery 源码阅读
    华子yjh - 博客园
    浅析jQuery基础框架
    Hiro,工作,生活
    sizzle源码
    浅谈 jQuery 事件源码定位问题
    jQuery1.11源码分析(1)-----Sizzle源码概览[原创]
    jQuery1.0源代码分析之domManip方法(七)
    jquery 实现原理
    jquery2.0.4源码分析
    jQuery源码分析系列
    通过jQuery源码学习javascript(一)
    web前端开发分享
    显示全部
  • 使用道具 举报

    回复

    发表于 2015-7-30 20:04:22 | 显示全部楼层
    个人认为算是不错的了,起码中等水平。但是看懂跟自己能够写出又有非常大的差距,所以如果一直保持看懂的水平,那就只能说对js还算熟悉,谈不上精通。
    继续前进,相信你能越来越牛。
    使用道具 举报

    回复

    发表于 2015-7-30 21:17:10 | 显示全部楼层
    看懂还是很容易做到的,就是时间问题。
    放下代码,自己实现一部分功能,也是很容易做到的,依然还是时间问题。
    整合到一起,又这么牛逼,不是一般人能做到的,这点我很佩服jquery的作者John Resig。
    使用道具 举报

    回复

    发表于 2015-7-30 23:58:54 | 显示全部楼层
    jQuery 代码写的太丑了,总觉得 API 友好的库其实现总是复杂的。
    如果文档说明不清才建议阅读,没必要无目的性的通篇阅读,看看人家的阅读笔记就好了。
    使用道具 举报

    回复

    发表于 2015-7-31 01:13:59 | 显示全部楼层
    看团队的目标和要求吧,庖丁能解牛,但是要他去片牛肉(比如刷火锅那种)未必也是能手。
    使用道具 举报

    回复

    发表于 2015-7-31 03:32:40 | 显示全部楼层
    如果只是看懂的话,就像其他答主说的,只是时间问题。要真正消化其中的思想和技巧,并运用在日常开发中才是关键。掌握jQuery用法就像掌握了一套拳法,熟悉jQuery源码就像对这套拳法的基本功非常扎实和内功修为很高,但前端武林中还有很多绝世武功
    使用道具 举报

    回复

    发表于 2015-7-31 05:55:29 | 显示全部楼层
    说明你对javascript的各种技巧和习惯了解很多,但是这无法作为衡量你前端水平的依据。
    javascript只是前端技术的一方面而已。
    使用道具 举报

    回复

    发表于 2015-7-31 06:51:10 | 显示全部楼层
    大体赞同几位的回答:正因为你对前端知识体系的不了解,才会提出这样的问题来。正所谓,不识庐山真面目,只缘身在此山中。由于你还在山上,没有高于山,自然不知其高。
    jQuery 的代码,整体有一点极客的感觉,有人称之为一种「个人英雄主义」,虽不是很恰当,却也道出了 jQuery 源代码有一种特殊的风格。其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。能完全读懂 jQuery 确实可以说明你的 JavaScript 水平已有相当成就,对基本语法(ECMAScript 262 标准)、DOM 编程模型、常见设计模式、类库组织和开发等方面都有所见识和理解。
    这时,如果正好有前端项目,推荐你借助 jQuery 来写几个 UI 部件工具,可以很快地巩固对 jQuery 的掌握,也能极大地培养类库封装与框架开发的感觉。然后,别忘了开阔一下眼界,见识一下 JavaScript 在各种平台中的应用,比如嵌入式应用程序、服务器应用、Windows应用等,多了解他人开源项目中的设计,纵使它们没有 jQuery 精妙,也总有精华之处可供学习参考。
    但,即使此,离前端高手还远矣。
    实际上,JavaScript 在前端中只是一个方面。前端开发是通过管理页面在浏览器中的呈现来与服务器程序配合的过程。具体包括 视觉与交互设计、页面结构、样式安排、图片等资源的组织、脚本开发、浏览器兼容能力等很多方面。而且,所有这些领域,想要有所建树都不简单。
    另外,不必太在乎分辨自己处于哪一个水平层次。好好做好日常工作,有项目了就写,有工作就做,水平即使不高,也熟。从熟到高(从量变到质变)的过程,需要的是思考总结和再实践。
    使用道具 举报

    回复

    发表于 2015-7-31 08:50:58 | 显示全部楼层
    如果真正的都理解了(每个人对理解的解释都不同,这里说的理解仅从我个人认识出发,对你楼主对理解的定义,我是没法理解的 =_=
    使用道具 举报

    回复

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关于我们
    联系我们
    • 电话:010-86393388
    • 邮件:udn@yonyou.com
    • 地址:北京市海淀区北清路68号
    移动客户端下载
    关注我们
    • 微信公众号:yonyouudn
    • 扫描右侧二维码关注我们
    • 专注企业互联网的技术社区
    版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
    快速回复 返回列表 返回顶部