HTML DOM 加载步骤
1、 解析 HTML 结构
2、加载外部脚本和样式表文件
3、解析并执行脚本代码
4、构造 HTML DOM 模型
5、加载图片等外部文件
转载
2023-12-13 23:14:47
57阅读
本书由阿里巴巴资深前端开发工程师撰写，从源代码角度全面而系统地解读了jQuery的17个模块的架构设计理念和内部实现原理，旨在帮助读者参透jQuery中的实现技巧和技术精髓，同时本书也对广大开发者如何通过阅读源代码来提升编码能力和软件架构能力提供了指导。 本书首先通过“总体架构”梳理了各个模块的分类、功能和依赖关系，让大家对jQuery
转载
2023-11-01 17:38:13
7阅读
对于jQuery的整体架构，经典之处有三：1、jQuery的无new构建2、jQuery的链式调用3、jQuery的插件接口想必兄弟姐妹们也觉得这架构不错哈，但有时又畏惧去拜读大量的jQuery源码，只好对它敬而远之了。哈哈，今天我就将其jQuery架构提炼出来，和大家一同分析研究下，jQuery是怎么实现这三个经典之处的。提炼的代码如下：1 <!DOCTYPE html>
2
转载
2023-05-23 10:22:11
56阅读
&nbs
转载
2023-11-14 15:06:58
53阅读
在前端开发过程中必然绕不开jQuery库，移动端zepto。天天用到的一个库，很久就想通读一下源码，行动力不够一直没有执行……现在终于开始学习它，参照网上大神的博文和教程辅助自己学习。自己同时也构建一个自己的jQuery库，体验造轮子的整个过程。计划就是这样子啦，下面就是行动！ jQuery源码可以精简为以下内容： 1 (function( global, factory )
转载
2023-05-22 15:12:04
65阅读
jQuery使用户能更方便地处理DOM、事件、实现动画效果，并且方便地为网站提供AJAX交互。2、jQuery的模块依赖网：jQuery一共13个模块,模块不是单一的，比如jQuery动画，都会依赖异步队列、动画队列、回调队列与数据缓存模块等。jQuery抽出了所有可复用的特性，分离出单一模块，通过组合的用法，不管在设计思路与实现手法上jQuery都是非常高明的。五大块：选择器、DOM操作、事件、
转载
2023-12-13 01:56:07
27阅读
以前学习原生JS然后切换到用JQ的时候总觉得很不习惯，甚至有点排斥用JQ。后来自己写项目一直到公司实习用JQ的这段时间，才深深感受到JQ的强大~JQ不仅做到兼容很多浏览器，还能很方便地使用JS动画和各种交互，所以最突出的有点就方便！方便！方便！（重要的事情说三遍）。我找到了一个关于源码解析的很好的链接开始我的学习。JQuery的基本架构整体架构"The Write Less,
转载
2023-07-18 10:10:35
137阅读
# 如何实现单页前端项目架构（jQuery）
在当今的Web开发中，单页应用程序（SPA）越来越流行。它们提供了更快的用户体验，减少了页面重新加载的次数。本文将引导你如何使用jQuery创建一个简单的单页前端项目架构，帮助你快速入门。
## 实现流程
以下是创建单页前端项目的步骤：
| 步骤 | 描述 |
|------|------
之前用jQuery库写了两个小例子（结合Apache、PHP实现的简易聊天室以及音乐播放器），详见我的上两篇博客jQuery aJax技术以及PHP实现简单聊天室、 利用jQuery实现音乐播放器。为了更加深入了解jQuery库的架构以及巩固原生JS的基础和深度，决定刨一刨jQuery源码。jQuery源码架构首先，jQuery源码的整体构架如下：（此图来源于“jQuery技术内幕：深入解析jQu
转载
2023-07-21 15:03:12
227阅读
一.选材 看到 jquery 大家第一反应就是：还没死呢。 在MVVM框架大行其道的今天，一说用的jquery，肯定会被嘲笑一通，项目不用react，angular，vue那就不叫前端项目 云云。 事实上，使用jquery框架开发的网站和项目比比皆是，而且并不在少数，实际项目中也并不是所有情景都合适MVVM。 此外，jquery作为一个风靡全世界的经典框架，其在DOM操作方面，浏览器兼容
转载
2024-01-16 22:20:11
135阅读
1.2 总体架构jQuery的模块可以分为3部分：入口模块、底层支持模块和功能模块，如图1-1所示，图中还展示了模块之间的主要依赖关系。来看看图1-1中各个模块的功能和依赖关系。在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle遍历文档，查找与之匹配的DOM元素，并创建一个包含了这些DOM元素引用的jQuery对象。
转载
2023-09-25 21:03:53
34阅读
一、设计原理轻量级的js库，兼容CSS3，兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），Jquery2.0及后续潘奔不在支持IE6/7/8浏览器。jQuery一个比较大的优势是，它的文档说明很全，并且各种应用很详细，同时还有许多成熟的插件提供。核心：The Write Less，Do More（写更少，做更多）。简洁的API、优雅的链式、强大的查询与便捷的
转载
2023-11-07 11:31:26
32阅读
选择器部分的代码实在很复杂，过后再看jQuery.init用到了一些实例方法，因此先看一下实例方法再回过头看init源码中jQuery构造函数定义完之后添加的实例成员有：jquery size get each index attr css text wrap append prepend before after end find clone filter not add is domManip
转载
2024-06-20 18:04:18
29阅读
五分钟教你快速搭建一个极其简易的jquery库，可以自己任意添加拓展内容！一、写在开头 最近一直在搞小程序，有点腻了，顺便复习了一下js，刚好可以写一个简单的jquery，见笑了各位。二、发现问题 jquery现如今比较少用，但是对于我们掌握原型和原型链，深入了解class的本质什么的，还是比较重要的，大家可以参考着复习一下。三、解决问题 其实还是比较容易的，主要分为三步： 第一步、获取所需要的元
转载
2023-11-22 14:52:52
61阅读
关于ajax的详细介绍我就不多说了，对ajax完全不了解的可以先查看官方文档学习一些基础的。我想通过这个的实例，直接说一下在真实项目中是如何使用ajax、并且去实现对后台接口的请求和处理请求到的数据。相信很多前端小白和我之前一样，对ajax无从下手，把文档看了一遍又一遍之后似懂非懂的，到了真正的项目之中还是不知道该怎么去使用它。当你使用jQuery做项目开发的时候，就可以直接用jQuery库封装好
转载
2023-09-28 14:14:20
64阅读
从ITCAST上看到出了个jQuery实战的视频(http://www.itcast.net/portal/courses/unit/198),目前不用钱,呵呵,昨晚看了一下,觉得很不错,遂记录下来,以便日后复习!!!
[color=blue]JQuery实战课程是一个系列课，采用每节课动手实战一个实例效果的方式来介绍如何使用JQuery快速开发AJA
转载
2023-10-18 05:47:08
54阅读
版权声明本文原创作者：谷哥的小弟作者博客地址：概述本节教程，介绍jQuery综合应用示例。利用jQuery序列化表单数据我们使用ajax给后台传递数据的时候，经常要获取表单的数据。表单数据不多的情况下还好说；但是，如果表单字段非常多，那么无疑是件非常头痛的事。在此，我们可使用jQuery的serialize( )方法直接序列化表单中的数据再传递到后台。<!DOCTYPE html>
&
转载
2024-05-08 10:18:41
39阅读
总结1.样式实战 设置/获取样式css() 追加/移除样式addClass()/removeClass() 切换样式toggleClass() 判断样式hasClass()2.内容实战 设置/获取html元素html() 设置/获取文本内容text() 设置/获取元素属性值val()3.节点实战元素内部插入子节点 append() appendTo() prepend() prependTo()元
jquery的多页项目，不需要安装依赖，开发阶段也不需要启动本地服务器，直接在浏览器打开，很多情况下用jquery开发还是很方便很快捷的；也会有一些痛点，比如浏览器缓存问题，更新了图片，css或js后，如果引入路径或文件名称不变的话，用户访问的资源可能还是从浏览器缓存获取的旧资源，手动维护文件名称或引入路径又很麻烦，这就需要引入webpack了webpack4 安装依赖package.json"d
转载
2023-07-17 10:33:05
217阅读
jQuery库为Web脚本编程提供了通用(跨浏览器)的抽象层，使得它几乎适用于任何脚本编程的情形。jQuery通常能为我们提供以下功能：.方便快捷获取DOM元素 如果使用纯JavaScript的方式来遍历DOM以及查找DOM的某个部分编写很多冗余的代码，而使用jQuery只需要一行代码就足够了。例如，找到所有应用了.content class样式的div中所有的P标签，只需要下面的一行代码：1
转载
2023-08-10 11:48:37
63阅读
