模仿jquery的一些实现】的更多相关文章

有时工作需要, 也是接着上一章的方法, 用js模仿jquery里的几个方法parent, parentUntil, children. function parent(node){ return node.parentNode || null; } function parentUntil(node, parentNode){ while(parent(node) != parentNode){ node = parent(node); } return parentNode; } functi…
通过上一节的学习,基本了解Ajax的使用, 但是这样使用很麻烦,这里封装ajax为一个方法,作为一个ajax工具,传入相应参数就可以实现ajax的使用. 模仿jQuery的Ajax. 如下是jQuery的Ajax使用,只需要传入相应参数,即可实现Ajax 第一步:创建Ajax工具类: function createXMLRequst(){ try{ return new XMLHttpRequest(); }catch(e) { try{ return new ActiveXObject("Ms…
需求分析 因为有时候想提高性能,只需要一个ajax函数,不想引入较大的jq文件,尝试过axios,可是get方法不支持多层嵌套的json,post方式后台接收方式似乎要变..也许是我不太会用吧..其实换个方式接收也没什么,只是习惯了JQ序列化参数.所以上网搜集了很多资料,同时也进一步了解了一点JQ.以下代码很多来自于网上,自己整合了一下. 封装代码 /** * @Description: 模仿jQuery封装简单的ajax功能. * @Author: kill370354@qq.com **/…
function seter(sId) {    var obj = document.getElementById(sId);    return new function () {        var objN = obj;        this.html = function (sHtml) {            objN.innerHTML = sHtml;        };    };} 这样的代码有怎样的作用呢? 假如HTML代码中有如下的内容: <div id="S…
阅读声明:本文档仅供学习,由于个人能力有限,文档中有错漏的地方还请指出,大家共同学习. 目前在学习怎么样写jquery,模仿阶段,有兴趣的同学可以和我一起学习,共同交流,在学习的路上希望有你做伴. 在写这个jquery入口模式的时候,首先要知道有几种模式,然后再去些:我知道的有两种:一:$(function () {需要在Document文档加载完成后执行的代码})二:$(document).ready(function () {需要在Document文档加载完成后执行的代码}) 目录结构:in…
具体如下: //w作为window的形参,就表示window (function(w) { // 定义一个全局的window.wyl变量,就类似于jquery里的$,Jquery对象 w.wyl; /** * 模仿$(domObj)的形式,通过wyl(domObj)的方式把一个dom转成wyl对象 * * @param para * @returns {wyl} 这里的selector暂时只能是dom对象 */ wyl = function(selector) { this._selector…
wylUtil.js //w作为window的形参,就表示window (function(w) { // 定义一个全局的window.wyl变量,就类似于jquery里的$,Jquery对象 w.wyl; /** * 模仿$(domObj)的形式,通过wyl(domObj)的方式把一个dom转成wyl对象 * * @param para * @returns {wyl} 这里的selector暂时只能是dom对象 */ wyl = function(selector) { this._sele…
对这类方法挺感兴趣的,因为方法的回调函数的返回值和jQuery变量好像没有什么关系.看了filter方法的源代码后,我就模仿了这个方法,自定义两个jQuery方法:some和every,类似于ES5新增的Array类方法some和every.代码如下: $.fn.some = function(qualifier) { var self = this; return grep(this, false, function(self, index) { return qualifier.call(s…
jquery中,有这个方法 var obj = {}; $.data(obj,'name','jake'); console.info($.data(obj,'name')); console.info(obj); 输出结果 由此可知,$.data(),里面有三个参数时,是赋值的,里面有两个参数时是取值,一贯的jquery作风. 这里模仿一下 var $data = (function(){ var expando = 'jQuery'+String(Math.random()).replace…
01 package com.xbl.task; 02   03 import java.io.BufferedReader; 04 import java.io.InputStream; 05 import java.io.InputStreamReader; 06 import java.net.URL; 07 import java.util.concurrent.Executor; 08 import java.util.concurrent.ExecutorService; 09 im…