首页
学习
活动
专区
圈层
工具
发布

JavaScript的理解记录(5)

: document.querySelectorAll()和document.querySelector() 参数是包含一个CSS选择器的字符串参数,返回一个NodeList对象或Element;功能与...JQuery类库中的()相似,两者参数相同,不同的是:()返回值为一个JQuery对象表示匹配的元素集,JQuery对象是一个类数组,可以用标准的数组标示方括号来访问JQuery对象的内容;也可以用toArray...script>元素的内容;FireFox不支持;     5、 节点的增删:操作文档进行文档节点的增加和删除          1、创建节点:document.createElement() 参数为不区分大小写的标签名...插入子节点使其成为节点的最后一个子节点;                  insertBefore():两个参数,第一个参数是待插入的节点,第二个参数是该父节点的子节点,可以为null,为null是功能与...appendChild相同;                如果使用以上两个方法再次插入已经存在的节点,已存在节点将会自动从它的当前位置删除并在新的位置从新插入,可以用来做单页表格的排序等,不改变表格数据

1.8K20

JS框架设计之对象数组化一种子模块

类数组对象是一个很好的存储结构,但是功能太弱了,为了享受纯数组的哪些便捷的方法,使用前可以做下转换,通常可以使用$.slice.call()方法做转换,但是旧版本的IE下的HTMLCollection、...NodeList不是Object的子类,如果采用[].slice.call()方法可能会导致异常,下面是各大库是怎么处理的: 1、jQuery的makeArray jQuery兼容IE旧版本的对象数组化方法 //该方法有以下保证 /* 1、不管是否传入参数,始终返回一个数组,如果不传参,则返回一个空数组...2、对传入的参数(不包含length属性、是字符串、是jQuery方法的、是array的setInterval的)将他们的引用存入数组的第一项 3、如果传入的参数符合数组化的要求...title> /* Prototype的对象转换成数组的方法 */ /* 该方法有以下保证 1、如果不传入参数

1.1K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    06-老马jQuery教程-jQuery高级

    object is 0 length: 0, toArray: function() { return slice.call( this ); }, ... 1.1 each函数 jQuery的包装对象封装了...返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。...dom对象的集合 get(index) $('p').get(1); 返回第2个dom对象,索引从0开始 toArray() $('p').toArray(); 把jQuery集合中所有DOM元素恢复成一个数组...实际中此函数在 jQuery 中将自动使用而无需特意转换。 参数: obj:类型Object,类数组对象。 示例 // 过滤数组中小于 0 的元素。...如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。

    2.7K90

    1.框架安装与介绍

    它明确的设计能与 AJAX 一起高效率的工作。 (2)安全 Yii 的标准是安全的。它包括了输入验证,输出过滤,SQL 注入和跨站点脚本的预防。 (3)专业 Yii 可帮助您开发清洁和可重用的代码。...与jQuery整合:作为最流行的JavaScript框架之一,jQuery可以编写高效而灵活的JavaScript接口。 表单输入和验证:YII使得收集表单输入非常容易和安全。...Web 2.0部件:由jQuery的支持,YII配备了一套Web 2.0的部件,如自动完成输入字段,TreeView等等。 身份验证和授权:Yii具有内置的身份验证支持。...缓存的存储介质,可以轻松地更改而不触及应用程序代码。 错误处理和日志记录:错误的处理很好的呈现出来,日志信息可以分类,过滤并分配到不同的位置。...友好的使用第三方代码:Yii精心设计让它第三方代码非常好的工作。例如,你可以在你的Yii应用程序中使用PEAR或Zend Framework的代码。

    1.6K120

    用QueryList轻松提取HTML中所有图片地址 | PHP爬虫实战小记

    先简单科普下,QueryList是基于PHPQuery开发的一套简洁、优雅的PHP采集工具,它融合了jQuery的选择器语法,让我们可以像操作前端DOM一样轻松解析HTML/XML,无需再手写复杂的正则表达式...前期准备首先需要确保项目中已经安装了QueryList,推荐使用Composer安装:composer require jaeger/querylist2....phprequire 'vendor/autoload.php'; // 引入Composer自动加载文件use QL\QueryList;// 模拟待解析的HTML内容(实际场景中可替换为爬取到的网页源码...class="img-box"> ';// 第一步:使用...代码解析QueryList::html($cover):将待解析的HTML字符串传入QueryList,初始化解析对象;find('img'):使用jQuery风格的选择器匹配所有img标签;attrs

    16810

    JS的面试题(一)

    ();将所有div列表转成数组 HTMlElement.prototype.toArray=function(){ return [].slice,call(this); } 26.Call,apple...call第二个参数之后传序列,立即执行 apple第二个参数是数组,立即执行 bind第二个参数之后是传序列,不立即执行 27 jQuery中,dom加载完之后执行,如何实现?...(function(){}) window.onload是在页面所有的元素都加载完成后才触发 (function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成 28...eq()等于 括号里写索引 find()查找子元素 括号里写选择器 siblings()兄弟 可以写选择器可以不写 31、如何匹配表格中的第四行以及第四行以后的行?...jQuery.noConflict() jQuery 使用 noConflict 方法来放弃 调用时的命名,之后由 jQuery 代替 进行编写 54、如何用jQuery获取元素在文档中的位置?

    1K10

    06-老马jQuery教程-jQuery高级

    object is 0 length: 0, toArray: function() { return slice.call( this ); }, ... 1.1 each函数 jQuery...返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。...dom对象的集合 get(index) $('p').get(1); 返回第2个dom对象,索引从0开始 toArray() $('p').toArray(); 把jQuery集合中所有DOM元素恢复成一个数组...实际中此函数在 jQuery 中将自动使用而无需特意转换。 参数: obj:类型Object,类数组对象。 示例 // 过滤数组中小于 0 的元素。...如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。

    2.3K00

    重构旧项目:从 jQuery 迁移到 Vue 3 的分步方案与避坑指南

    性能与体验:虚拟 DOM、差分更新、代码分割与按需加载。 生态与可持续:围绕 Vue 3 的工具与社区更加完善。 迁移前评估 页面类型:纯表单、数据列表、图表、富文本、复杂交互。...jQuery 插件依赖:select2、datepicker、datatables、validation 等。 全局变量与工具: 的使用范围、.ajax 包装、事件总线习惯。...性能与可观测性 按需加载:路由级与组件级分割。 虚拟列表与懒加载:对长列表与重组件管理渲染成本。 埋点与日志:记录首屏、交互时延、错误码与请求量。...指标门槛:设定性能与错误阈值,自动回退策略。 回滚预案:保留旧入口与静态资源,快速降级。 迁移检查清单 是否完成关键模块的组件化替代。 jQuery 插件是否以指令或组件封装并清理生命周期。...通过组件化替换、数据层统一、路由与构建升级,并用指令或包装组件托管 jQuery 插件生命周期,可以在最小风险下逐步完成迁移。配合灰度发布、指标监控与回滚预案,确保迁移过程可控与可恢复。

    21510

    基于独立的 Laravel Eloquent 组件编写 ORM 模型类

    ORM 使用的就是 Active Record 模式,而 Symfony 框架使用的 Doctrine ORM 使用的则是 Data Mapper 模式。...这里,我们通过设置 $timestamps 属性为 false 表示禁用 Eloquent 模型类自动维护时间字段机制。...$post = Post::with('album')->findOrFail($id)->toArray(); ......完成以上重构后,运行 composer dump-auto 更新自动加载文件,让新增命名空间与目录路径映射关系生效,访问博客应用,首页、专辑页、文章页显示正常,表明代码重构成功。...MVC 模式在博客应用中的落地,下篇教程,我们将探索如何通过现代工程化的方式管理前端资源和依赖,我们将引入 NPM、Webpack、Laravel Mix、jQuery 和 Bootstrap,并基于这些工具和框架替换博客应用主题

    3.5K10

    JavaScript类库---JQuery(一)

    2、可以使用object对象,该对象的属性名是Jquery关键字时,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...').map(function(){return this.name}).toArray();   参数与以上方法基本相同,回调函数中的参数可以不写,且回调函数返回null或undefined时,此值将被忽略...;map的返回值为新的包含回调函数所有返回值的JQuery对象; index() : 参数为一个元素或字符串(当做CSS选择器使用),返回值为该元素在此JQuery对象中的索引值,找不到返回-1; is...: JQuery使用同一个方法来获取和设置属性,区别是参数的不同,类似于重载;   setter(设置)时返回的是JQuery对象;getter(获取)时返回单个值(元素);所以链式调用不能使用getter...第一个参数可为对象$('a').bind({mouseup:f,mousedown:g}); 如果有第二个参数,则为函数f与g的参数;      one() : 原理与bind()一样,只是注册的事件触发一次后会自动注销

    4.9K30

    JQuery第一节

    中,不需要手动写for循环了,会自动进行遍历。.../download/ jQuery版本有很多,分为1.x 2.x 3.x 大版本分类: 1.x版本:能够兼容IE678浏览器(最终版本1.12.4) 2.x版本:不兼容IE678浏览器(最终版本2.2.4...) //jQuery目前正在更新的版本 3.x版本:不兼容IE678,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678),3.x版本只是在原来的基础上增加了一些新的特性。...jquery-1.12.4.js:未压缩版本,适用于学习与开发环境,源码清晰,易阅读。 入口函数 入口函数的好处: 1. 等待文档加载完成,保证能够获取到元素 2....2.jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。 jQuery对象与DOM对象(重点) 基本概念: 1.

    2.1K30

    快速入门系列--WebAPI--04在老版本MVC4下的调整

    在WebAPI v1.0(和ASP.NET MVC4在一起的版本)很多的类和接口并不存在,同时对Task异步编程(ApiController默认提供异步执行方法)的支持还有一些欠缺(缺少不少方便的扩展方法...默认提供AuthorizeAttribute完成基础验证,AllowAnonymousAttribute提供匿名验证的情况。...此外还提供一个关于OData的第三方解决方案,包括可以自动支持OData查询语法的QueryableAttribute(如$top和$filter等)。...简单示例程序,包括过滤器的使用,JQuery的调用,请求的简易验签 Controller: 1 public class SMSCenterApiController : ApiController...当然使用JQuery的form.serialize(),将数据转化为form提交,然后应用默认的绑定器也是ok的。

    1.5K60

    web前端开发工程师养成记

    首先还是给大家推荐一个学习氛围很好的裙,我自己的,想要一起学习web前端的可以加裙六一四三一五六五七,有各种资料和开发工具包满足大家,每天更新最新行情 一、前端开发入门 在入门阶段,你首先要学会最根本的技术...这个阶段我们要要点把握这两方面的能力: 1、运用jQuery、Bootstrap等框架开发杂乱的交互功能与作用; 2、运用HTML5、CSS3、Canvas进行移动端开发。...2、jQuery根底 把握jQuery常用API的运用方法,并且可以熟悉jQuery的插件开发机制。...4、AJAX根底 充分理解AJAX原理,把握JS原生和jQuery方式的AJAX运用。 5、UI流行框架 把握jQueryUI的运用,快速高效完成页面的作用出现。...学会了这些技术,你就可以独立制作电商类、企业类网站,完成常见JS动态作用,并且可以根据jQuery、Bootstrap等框架完成炫酷的作用和杂乱的功能啦!

    1.4K61

    jQuery(一)

    / 不过目前处于不更新的状态,不推荐使用内部的插件,因为很可能没有作者维护了。...并且已经处于自读的方式,不推荐使用,推荐使用npm的方式,使用jquery的相关插件 jquery官方推荐图书 https://www.packtpub.com/web-development/learning-jquery-fourth-edition...即,可以通过这种方式完成通过Jquery方法操作元素,而不使用原生DOM的方法。...即 $(document) 或 $(this) 使用这种方法可以完成对节点的操作 第三种 传递字符串文本给$()方法,jQuery将会根据传入的文本创建好HTML元素,然后将其封装为jQuery对象返回...{ return Math.round(1.25*parseInt(curval)); }); // 第一个参数为计数,第二个参数为其属性值,parseInt 的作用为获取其数字,其中jquery会自动加上单位

    2.9K40

    前后端分离实践

    从Gmail的单页应用,到现在的单页应用层出不穷。浏览器渲染引擎也一直在突破,越来越多的交互、计算放在了浏览器这一层。传统后端MVC架构,变成了前后端的MVC。...对业务而言,框架需要提供双向数据绑定、模版引擎、组件化、前端路由,还有能与jQuery组件进行通信,定制化程度较高。...必须采用hack的方式完成jQuery组件和Vue业务的通信。最终是选择发布订阅模式,收集组件的变更。如果Vue需要知道jQuery组件的变更,jQuery组件需要显式$emit通知到Vue。...最终选用业界使用较成熟的BEM规范。 后端方案选型 这些年后端的发展与前端相比,就显得小巫见大巫了。后端现有代码量更大,如果仅仅为了PHP的命名空间、自动加载、依赖注入,就去更换框架就有些得不偿失了。...最后基于前后端分离流程的完善,我们使用Apidoc作为接口文档的管理工具。 后续的工作 前端 开发规范:Js代码规范、CSS规范、组件规范,自动检测工具支撑。 代码结构:文件结构划分。

    1.5K90
    领券