jQuery

jQuery

jQuery

32868 文章 话题 19110 浏览

JavaScript 专题之从零实现 jQuery 的 extend

jQuery 的 extend 是 jQuery 中应用非常多的一个函数,今天我们一边看 jQuery 的 extend 的特性,一边实现一个 extend! extend 基本用法 先来看看 extend 的功能,引用 jQuery 官网: Merge the contents of two or more objects together into the first object. 翻译过来…

找回味觉 2022-06-18 浏览 944 评论 27 收藏 0

如何写一个你自己的 jQuery 库?

本文面向的读者群如下: 前端交互重度依赖 jQuery 库 具备一定的原生js基础知识 开始阅读某一版本的 jQuery 源码 本文采用的写作与编码手法如下: 以标准实现为主,不考虑兼容性 函数实现以新手直觉式为主,而非 jQuery 源码中经过千锤百炼的版本 粗略搭建类 jQuery 式骨架,最终产物不以投入生产为目的,仅供参考 用最终实现的库,实现一个在现代浏览器中正常工作的轮播图效果 注意:…

JSmiles 2022-03-07 浏览 962 评论 0 收藏 0

如何编写 jQuery 插件

看来 jQuery 你已经用得很爽了,想学习如何自己编写插件。非常好,这篇文档正适合你。用插件和方法来扩展 jQuery 非常强大,把最聪明的功能封装到插件中可以为你及团队节省大量开发时间。 开始 要编写一个 jQuery 插件,需要为 jQuery.fn 对象增加一个新的函数属性,属性名就是插件的名字 jQuery.fn.myPlugin = function() { // 插件的具体内容放在这…

JSmiles 2022-01-07 浏览 976 评论 0 收藏 0

使用原生 JS 和 jQuery 封装网络请求比较

JS 实现 基于普通的 JS 进行封装 export default { host: '', postJson(url, data, callback) { return this.ajax(url, {method: "POST", data}, callback); }, get(url, callback) { return this.ajax(url, {method: "GET"}, c…

够钟 2021-12-03 浏览 1137 评论 0 收藏 0

jQuery 的一些常用静态方法

jQ 的 api 中有很多静态方法,但是小编是随着代码逐行进行阅读的,所以先介绍如下几个,本篇主要来看下以下几个API: $.error(); $.trim(); $.parseJSON(); $.proxy(); $.now(); $.error() //抛出一个错误 error: function( msg ) { throw new Error( msg ); } 这个逻辑很简单,只是调用了…

累赘 2021-11-27 浏览 1075 评论 0 收藏 0

jQuery 事件之 on 方法绑定多个选择器、多个事件

今天浏览 jQuery 的 deprecated 列表,发现 live() 和 die() 在里面了,赶紧看了一下,发现从 jQuery 1.7 开始,jQuery 引入了全新的事件绑定机制,on() 和 off() 两个函数统一处理事件绑定。因为在此之前有 bind()、live()、delegate() 等方法来处理事件绑定,jQuery 从性能优化以及方式统一方面考虑决定推出新的函数来统一事…

猫性小仙女 2021-11-25 浏览 938 评论 0 收藏 0

还在 jQuery ?coolie 模块开发、模块构建帮你脱离苦海

你还在写这样的代码? <script src="/static/js/libs/jquery.1.10.min.js"></script> <script src="/static/js/app/global.js?v=cwx"></script> <script src="/static/js/libs/jquery-plugin-1.js?…

水水月牙 2021-11-25 浏览 1070 评论 0 收藏 0

CSS vs JS 动画 谁更快?

这篇文章翻译自 Julian Shapiro 的 CSS vs. JS Animation: Which is Faster?。Julian Shapiro 也是 Velocity.js 的创造者。这是一个非常高效、简单易用的JS动画库。他在Web动画方面有很高的造诣。 JavaScript 动画怎么可能总是和 CSS transition 一样快,甚至更快呢?到底是什么秘密呢?Adobe 和 G…

辞别 2021-11-18 浏览 965 评论 0 收藏 0

一行代码实现数据类型判断

JS 判断数据类型,方法有很多,如 typeof、constructor、toString 等等,甚至可以使用 jQuery 内部的 $.type 都可以判断。其中 typeof 等的判断局限性都比较大,如 typeof 只能判断数据存储类型,constructor 只能判断数据的原型,toString 相对比较完整一点,但显示不够友好,在 jQuery 中对其做了一些修饰,正是 Object.p…

卸妝后依然美 2021-11-17 浏览 866 评论 0 收藏 0

Three.js 和前端技术结合使用

学习 Three.js 的群体有些是前端工程师,对前端知识很了解,有些是非前端出身,对前端了解很少。初学 three.js 对前端的要求并不高,只要对 HTML、CSS、JavaScript 知识简单学习即可。如果开发项目的话,作为 WebGL/Threejs 工程师对前端掌握程度肯定要和普通前端工程师一样,除非你的工作都是围绕底层图形学内容进行,这样的话对前端要求比较低。Web3D 项目都是运行…

清晨说晚安 2021-08-26 浏览 1292 评论 0 收藏 0

jQuery 源码分析 Class 操作

jQuery 中 Class 操作相关的方法 jQuery 中共提供了四个操作 Class 的方法,除了 toggleClass 外,其他从方法名就可以知道方法是干嘛的,下文会分别举具体例子 .addClass(className):添加className .removeClass(className):删除className .hasClass(className):是否有className .…

JSmiles 2021-08-08 浏览 1073 评论 0 收藏 0

巧用 cheerio 重构 grunt-inline

cheerio 为服务器特别定制的,快速、灵活、实施精益(lean implementation)的 jQuery 核心,举个最简单的栗子,更多API说明请参考 官方文档 var cheerio = require('cheerio'), $ = cheerio.load('<h2 class="title">Hello world</h2>'); $('h2.title'…

JSmiles 2021-08-06 浏览 962 评论 0 收藏 0

jQuery 源码分析 jQuery.fn.each & jQuery.each

先上例子,下面代码的作用是:对每个选中的div元素,都给它们添加一个 red 类 $('div').each(function(index, elem){ $(this).addClass('red'); }); 上面用的的 .each,即 jQuery.fn.each,其内部是通过 jQuery.each 实现的 jQuery.fn.each 先贴一下类官方API说明,非常简单,只有两点需要注意…

JSmiles 2021-08-06 浏览 1184 评论 0 收藏 0

jQuery 源码分析 jQuery.extend

从 jQuery 的源码中可以看到,jQuery.extend 和 jQuery.fn.extend 其实是同指向同一方法的不同引用。 jQuery.extend = jQuery.fn.extend = function() { 瞄了下它的代码,其实不复杂,但是在 jQuery 中扮演了极其重要的作用 jQuery.extend 对 jQuery 本身的属性和方法进行了扩展 jQuery.fn.…

JSmiles 2021-08-05 浏览 1243 评论 0 收藏 0

jQuery.fn.attr 和 jQuery.fn.prop 的区别

假设页面有下面这么个标签,$('#ddd').attr('nick')、$('#ddd').prop('nick') 分别会取得什么值? <div id="test" nick="casper" class="dddd"></div> 没什么关子好卖,答案如下: $('#test').attr('nick'); // "casper" $('#test').prop('ni…

JSmiles 2021-08-02 浏览 1240 评论 0 收藏 0

简介

jQuery是一个快速、简洁的JavaScript框架,用更少的代码完成更多工作,具有独特的链式语法和短小清晰的多功能接口,高效灵活的 CSS 选择器,便捷的插件扩展机制和丰富的插件。

更多

推荐作者