通过了解jquery源码熟悉原生js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过了解jquery源码熟悉原生js相关的知识,希望对你有一定的参考价值。

目的:

目前可以完成移动端页面基本功能,但是引用的都是别人的插件,方法,框架,并且自己写原生js的时候逻辑不清晰,整体结构混乱,希望可以规整自己的js代码。

1.自己所有的代码都应该在一个封闭的空间内,不污染全局作用域。

实现:自执行函数;(function(global,factory){

    factory(global);

})(typeof window !== "undefined" ? window : this,function(window,noGlobal){

    var jQery.fn = jQuery.prototype = {}; 

//核心方法

//回调系统

//异步队列

//数据缓存

//队列操作

//选择器引

//属性操作

//节点遍历

//文档处理

//样式操作

//属性操作

//事件体系

//AJAX交互

//动画引擎

return jQuery;

});但是为什么会有个undefined,不理解???

2.typeof undefined转化成字符串"undefined",

// 通过闭包函数传入的 window 对象,避免 document 之类的全局变量被其他插件修改

var location = window.location,

      document = window.document,

      docElem = document.documentElement

// 设置别名,通过两个私有变量映射了 window 环境下的 jQuery 和 $ 两个对象,以防止变量被强行覆盖

var _jQuery = window.jQuery,

_$ = window.$,

不理解???

到此为止,看不懂,暂时放弃,转攻zepto,回头攻

以上是关于通过了解jquery源码熟悉原生js的主要内容,如果未能解决你的问题,请参考以下文章

JsJquery对goTop功能的实现

AJAX请求和跨域请求详解(原生JSJquery)

原生jsjQuery赋值与设置样式

原生jsJQuery中使用前端框架的模块

飞机大战html游戏全代码jsjquery操作

UI自动化之jsjquery的应用