在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的
js在前台界面中举足轻重，在使用js删除数组时遇到一些问题（详见删除元素），参考很多大神的资料，现把常用的函数总结出来，以备不时之需。
引入了jquery-1.4.2.js文件可以从网上下,或者从我这里下,无需积分免费下载:jquery-1.4.2.js
一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。
一、JQurey 1. 概述 * 是 javaScript 的框架 2. js与jq的互转 * js ---> jq $(js) * jq ---> js jq[索引]、jq.get(索引) # jq 可以看成是 js 的数组对象 3. jq选择器 ① 基本选择器 * $("#id") id选择器 * $(".class") 类选择器 * $("body") 元素选择器 ② 层级选择器 * $("A
小技巧：如果API写的是Emement复数的形式，也就是后面加了s（Emements）那么它返回的就是一个伪数组 否则就是单个对象，一般只有id才会是单个对象，其他方式获取（标签名 类名）都是伪数组.
JQuery 基础： 1. 概念： 一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象，而不是 JS 方式获得的 DOM 对象，二者的 API 方法不能混合使用，若想使用对方的 API，需要进行对象的转换。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Vue官方的示例图对组件化开发的形象展示。左边是一个网页，可以按照功能模块抽象成很多组件，这些组件就像积木一样拼接成网页。
selection.empty - 检测判断选择集是否为空。若为空，则返回true，反之返回false。注意此方法无删除作用！！！
vue-clearcss 会找到你css中没有使用的css样式，是否删除由使用者自己决定，工作起来就像eslint
在网页中,实现列表的升序和降序,是一个比较常见的操作,尤其是在做一些数据栓选表格的时候,按照索引,时间等特定的参数,提供升序和降序排列的功能的
组件是拥有专属的 HTML+JS+CSS+数据 的可重用的独立的页面功能区域，如果发现网页中有一个功能，可能被多处反复使用，都应封装为组件。
但凡有两个函数完成的功能是相反的，比如一个显示一个隐藏，那么肯定会有第三个函数的效果是前两个函数的和。也就是说两个单词是反义词，那么肯定会有第三个单词，而且都和toggle有关。
tips：window.onload 和 $(function)异同：两者的功能相同，都是等到页面加载结束之后，再执行内部的代码。但是有一定的区别，主要是window.onload只能定义一次，如果定义多次，后边的会将前边的覆盖掉，$(function)可以定义多次的。
前言 之前写过一篇文章为什么使用v-for时必须添加唯一的key?[1]，但是解释的不是很深刻，其实真正的原因还需要从Virtual DOM的实现上解释；本篇文章从简单实现一个Virtual DOM入
您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式.以及什么是组件,如何定义和使用组件,父子组件之间如何进行简单的通信传值...
早起 JS操作不同浏览器的 API 没有标准，有严重兼容性问题，后来 W3C 制定了统一的操作网页内容的 API 标准 DOM，使用 DOM API 操作网页内容，几乎 100%兼容所有浏览器，它具有查找, 修改(内容,属性,样式), 添加, 删除的功能。
浏览器在加载显示一个网页时，会对页面html代码解析，并在内存中创建一个描述该页面的模型（树形结构）。
在Javscript中，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非是一视同仁的，解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问），至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行。
AngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQuery虽然好用，但是AngularJs是不建议和JQuery同时使用的，所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite
此外还有类似功能的slideDown,slideUp,slideTaggle表示滑动显示或隐藏
Vue.js是一个渐进式、基于MVVM设计模式的纯前端JavaScript框架。它可以与其他技术混用，适用于以数据操作为主的项目，无需依赖后端技术。下面是关于Vue.js的一些重要知识点整理：
①replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
在前端中，主要涉及的基本上就是 DOM的相关操作 和 JS，我们都知道 DOM 操作是比较耗时的，那么在我们写前端相关代码的时候，如何减少不必要的 DOM 操作便成了前端优化的重要内容。
jQuery顶级对象 缩写$ window.jQuery window.$
jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。 核心理念是w
cookies、sessionStorage、localStorage的区别是什么？(浏览器)
作为一个后端程序员，也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。 实现上述两个功能当然可以使用原生js来完成，但在实际开发过程中很少这样做，通常会使用一些别人封装好的js库来辅助我们的工作，jQuery就是这些辅助库中的一员。
Filter过滤器：客户端在请求服务器资源前和返回响应，会通过过滤器，以拦截请求完成特殊功能。登录校验、统一编码校验等一些通用操作放置到过滤器。 定义类实现接口Filter（javax.servlet），复写方法（init（服务器启动调用），doFilter（写入FilterChain.doFilter进入方法放行，之后的代码为返回响应执行的信息），destory（服务器关闭前执行）），配置拦截路径（@WebFilter（/*为所有资源都拦截））。 web.xml配置（WEB_INF下），配置filter标签下的filter-name，filter-class。配置filter-mapping标签下url-pattern，filter-name。也可直接用注解@WebFilter配置即可。 配置详解：拦截路径配置（具体资源路径、目录/xxx/*、后缀*.jsp，所有资源/*等）。 配置符合请求方式访问资源前进行的拦截（REQUEST浏览器直接请求，FORWARD转发访问资源，INCLUDE包含访问资源，ERROR跳转资源，ASYNC异步访问资源），使用注解的dispatcherType（可传入数组）。 也可配置web.xml的dispatcher标签拦截符合条件的资源被访问方式。 过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。使用web.xml：filter-mapping的先后顺序执行 设置登录校验，可以在Filter中对指定页面校验session值判断放行和跳转等。敏感词汇过滤：使用装饰模式、代理模式等来增强request。在代理模式中使用代理对象代理真实对象达到增强真实对象，代理中增强返回值为。 静态代理使用类文件描述代理模式，动态代理在内存中形成代理类。代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(). getInterfaces(), new InvocationHandler( )，然后重写invoke），使用代理对象获取真实。 proxy为代理对象，method为代理对象被调用的方法，args为被调用时传递的参数。invoke中写入Object obj=method.invoke(xxx,args);return obj方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。
DOM 对象 Alert 出来的效果是:[object HTML 标签名 Element]
delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>History和Location使用</title> </head> <body> <input type="button" value="返回" onclick="history.back();" /> </body> </html> DOM 解析模型，将文档加载到 内存，形成一个树形结构 <html> 就是根节点，每个标签会成为
核心内容概述 1.JavaScript加强，涉及到ECMAScript语法、BOM对象、DOM对象以及事件。 2.Ajax传统编程。 3.jQuery框架，九种选择器为核心学习内容 4.JQuery UI插件 5.jQuery Ajax编程 6.jQuery第三方插件 7.反向Ajax编程(彗星) 一、JavaScript基础加强 JavaScript是在浏览器内容运行，无需编译、解释执行动态脚本语言，是一种弱类型语言，所有变量使用var定义。 JavaScript的3个组成部分分别为：核心(ECMAScr
我之前一直使用的React，最近到了新公司，需要使用Vue，虽然之前自己写过一些小demo，但是缺乏系统的学习，且之前自己看的vue1.x的内容，好多都过时了，现在补充一下vue2.x的相关知识。
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。
组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素，封装可重用的代 组件注册 全局注册 Vue.component(‘组件名称’, { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 组件基础用 <my-component></my-component> <script>
学习条件 了解 JS 的基础写法。 学习目标 知道什么是DOM。 知道如何选择元素。 知道如何遍历元素。 知道如何新建和复制元素。 知道如何插入元素。插入元素会有四个位置：元素的前面和后面；元素的第一个子元素或最后一个子元素。 知道如何删除元素。 知道如何获取元素的属性。 知道如何获取和设置元素的文本内容和HTML内容。知道文本内容和HTML内容的区别。 知道如何获取和设置表单元素的值。 知道如何获取和设置元素的宽高。 知道如何获取和设置元素的样式。 事件 知道有哪些事件。 知道如何给元素绑定事件。 知道事
学习jQuery的时候，很快过了一遍，发现好多知识点不清晰。看来还是要写出来加深印象，平时多练习！ jQuery是一个Javascript函数库，轻量级，“写得少，做的多！”，它有以下功能： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities（实用工具） 很多大公司都在使用jQuery:Google,Microsoft,IBM等。jQuery兼容所有主流浏览器，包括IE6（不失为解决兼容性的一种方法）。
如果不包含在数组中,则返回 -1,若是包含，则返回对应元素所在数组中的下标值，该值从0开始;
使用jQuery时， $ 是访问jQuery的标志，但是如果有其他方法与jQuery中的 $冲突时，可以释放$的使用权 ，还可以自定义一个符号来代替 $使用。
jQuery 是一个 JavaScript 库，jQuery 极大地简化了 JavaScript 编程，我们常用jQuery来处理Dom\事件\动画\AJAX
创建元素 createElement ，创建内容 createTextNode ，添加元素 appendChild
工作中我们经常会遇到B页面需要A页面内的部分或全部数据；C页面内的一个函数执行完之后需要改变B页面内的显示样式；也或者是A和B两个页面用到了同样的网络数据，在其中一个页面做出修改后另一个页面也要随之改变以保证回传服务器时数据的准确性，等等诸如此类的页面间数据传递的问题。
jQuery函数位于一个document ready函数中，我们需要在js中加载该函数文档
渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
