更新记录 2022年7月19日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html DOM操作-节点管理-增加 添加子节点 element.appendChild ( el, [returnDom] ) : Ext.dom.Element/HTMLElement 说明： 参数el可以是String/HTML
JS的组成 JavaSript基础 ECMAScript 基本语法，为页面交互打基础。 Web APIs DOM BOM 是W3C组织的标准，是js的应用，为js独有的部分。 DOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言（HTML/XHTML）的标准编程接口。 W3C定义了一系列DOM接口，通过这些接口可以改变网页的内容
实现全选和反选 <head> <meta charset="utf-8" /> <title>8.13-Laoshanshan</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> <script src="js/index.js" type
v-for的基本使用 v-for指令： 1. 用于展示列表数据 2. 语法 ：v-for="(item,index) in XXX" :key="YYY" 3. 可以遍历 ：数组，对象，字符串（用的少），指定次数（用的少） <body> <div id="root"> <!-- 遍历数组 -->
条件渲染： 1. v-if 写法： v-if="表达式" v-else-if="表达式" v-else="表达式" 适用于：切换频率较低的场景 特点：不展示的DOM元素直接移除
1. 在DOM标签中增加ref属性，可以用来调用该标签的内容 2. 将ref加入到组件标签属性中，可以用来获取整个组件实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g
现在VUE3已经有一段时间了，也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码，毕竟VUE2也不会突然就没了是吧，且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的，还使用了Flow进行静态类型检测(该库使
自定义指令： directives: { 'loadmore': { inserted(el, binding) { const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap'); SELECTWRAP_DOM.addEventListener('scroll', function()
什么是DOM操作 文档对象模型 DOM 是document object model 它是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口 把文档中的代码翻译成一个对象模型 在这个模型中 所有相关的标签属性注释文本等等12种数据 都翻译为一种类型的对象 统称节点对象 这些对象之间在文档模
DOM DOM是英文document object model 的缩写，是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口。 节点对象 把文档中的代码翻译成一个对象模型，在这个模型中，所有相关的标签属性注释文本等等12种数据都翻译为一种类型的对象，统称节点对象。 节点对象事项 1.只有一个根节
一、获取元素的几种方法 getElementById、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll document.body、document.documentElement 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset=&quo
文档对象模型 document object model 我们又通常称为dom树（IE） 接口的集合 节点 元素节点 文本节点 属性节点 注释节点 document：整个文档节点，页面中编写的所有内容都在document下 document.doctype 文档声明 document.doctype.name 获取文档类型的名称，不管什么文档都是html
document.documentElement对应的是html元素； document.body对应的是body元素； document.head对应的是head元素； 一.节点图 和 元素图 节点 1.节点类型 : 文本节点 : 3 元素节点 : 1 注释节点 : 8 2.节点的属性 :
2022-07-13 第10组 蒋萍 JS笔记整理 “于是我们相爱，手心湿得像海” 哈哈哈哈哈，这话出自李诞的《笑场》
------------恢复内容开始------------ 一、JS概述 1.JS组成 核心（ECMAScript） 文档对象模型（DOM，Document Object Model）：让JS有能力与网页进行对话 浏览器对象模型（BOM，Browser Object Model）：让JS有能力与浏览器进行对话 2.特点 解释型语言 弱类型语言：由数据来决定数据类型4 面向对象
dom结构 css 效果
VUE是什么？ 一套用于构建用户界面的渐进式JS框架 渐进式：Vue可以自底向上逐层的应用 简单应用：只需一个轻量小巧的核心库 复杂应用：可以引入各式各样的Vue插件 Vue的特点 采用组件化模式，提高代码复用率，且让代码更好维护 声明式编码，让编码人员无需直接操作DOM（文档对象），提高开发效率
首先，我们看一下官方解释 避免 v-if 和 v-for 用在一起 为什么？ 当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级。 哪怕我们只渲染出一小部分用户的元素，也得在每次重渲染的时候遍历整个列表，不论活跃用户是否发生了变化。 假如有一个列表，循环了10次的数据，每一次，都需要进行v-if的
DOM结构 DOM 采用的是“树形结构”，用“树节点”的形式来表示页面中的每一个元素。我们先看下面的一个例子。 <html> <head> <title><title> <meta charset="utf-8" /> </head> <body> <h1>C语言中文网</h1> <p>C语言中文网一个……</p>
1. 使用插件 vue-seamless-scroll 网址：https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default 配置参数： defaultOption () { return { step: 0.2, // 数值越大速度滚动越快 limitM
作者：极客小俊 公众号:同名 我们今天来使用纯javascript来实现一个简易的三级联动效果，不使用任何框架以及插件!
操作DOM对象（重点） 核心 浏览器网页就是一个DOM树形结构！ 更新：更新DOM节点 遍历DOM节点：得到DOM节点 删除：删除一个DOM节点 添加：添加一个新的节点 要操作一个DOM节点，就必须要先获得这个DOM节点 获得DOM节点 //对应css选择器 let h1 = document.getElementsByTagNam
js auto selector dom by providing id All In One there’s a global variable named by id that references the element <button id="btn">Subscribe</button> <script> // auto selector by id ✅ btn.addEventListener('click
ref 的妙用 1、引用 dom 元素 <h1 ref="myh1">引用 dom 元素</h1> <script> methods:{ show(){ this.$refs.myh1.stylt.color="red" //获取 dom 元素，使用 ref } } </script> 2、引用组件 点击父组件的按钮，调用子组件的实例
js parser HTML template string to DOM element All In One DOMParser
