- 博客(16)
- 收藏
- 关注
RSS订阅原创 虚拟 DOM &DOM diff
虚拟 DOM 是什么 一个能代表DOM树的对象，通常含有标签名、标签上的属性、事件监听、子元素，以及他们的属性 虚拟 DOM 的优点 减少不必要的DOM操作 虚拟DOM可将多次操作合并成一次完成，比如：当需要添加1000个节点时，真实DOM需要一个一个的添加，但是虚拟DOM比如vue可以将多个节点放在一个页面一次性添加。 虚拟DOM可以借助DOM diff将多余的操作省掉，比如需要添加1000个节点，但是只有10个节点是新增的，虚拟DOM可以通过diff算法，实现只对新增的10个节点进行添加，其他节点
2021-05-12 12:07:02
85
原创 MVC
MVC的含义 MVC是Model、View、Controller这三个单词的缩写 M（数据模型）: 负责操作所有的数据 V（视图）: 负责所有的UI界面 C（控制器）: 负责其他 用MVC实现加减乘除的功能 数据相关： const m = { data: { n: parseInt(localStorage.getItem("n")) }, create() {}, delete() {}, update(data) { Object.assign(m.data,
2021-05-11 17:13:53
84
原创 Dom事件模型与事件委托
DOM事件 DOM事件模型分为捕获和冒泡。事件发生后，会在子元素和父元素之间传播（propagation） 传播分成三个阶段： 捕获阶段：事件从window对象自上而下向目标节点传播的阶段； 目标阶段：真正的目标节点正在处理事件的阶段； 冒泡阶段：事件从目标节点自下而上向window对象传播的阶段。 addEventListener() 方法可以指定 “useCapture” 参数来设置传递类型：默认值为 false, 即冒泡传递，当值为 true 时, 事件使用捕获传递 在 冒泡 中，内
2021-04-22 12:45:21
79
转载 jQuery
jQuery 如何获取元素 将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。 选择表达式可以是CSS选择器： $(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myClass的div元素 $('input[name=first]') // 选择name属性等于first的input元素 • 也可以是jQuery特有的表达式： $('a:first') //选择网页中
2021-04-19 21:31:42
77
原创 JS数组
JS数组是非典型的数组 典型的数组 JS数组 元素的数据类型相同 元素数据类型可以不同 使用连续内存存储 内存不一定连续（对象是随机存储） 通过数字下标获取元素 通过字符串下标获取，所以数组可以有任意key 新建数组 let arr = [1,2,3]; let arr = new Array(1,2,3); //标准写法 let arr = new Array(3) //创建一个length为3的数组，如果数组里只有一个元素，元素的值为数组的长度 let arr
2021-04-12 17:51:37
59
原创 Git入门-仓库
git 六行配置 git config --global user.name 你的英文名 git config --global user.email 你的邮箱 git config --global push.default simple git config --global core.quotepath false git config --global core.editor "code --wait" git config --global core.autocrlf input 基本操作 m
2021-04-09 16:14:48
62
原创 Git入门-命令行
Git基础 基本的Git工作流程：(1)、在工作目录中修改某些文件；(2)、对这些修改了的文件作快照，并保存到暂存区域；(3)、提交更新，将保存在暂存区域的文件快照转储到git目录中。对于任何一个文件，在Git内都只有这三种状态：已修改(modified)、已暂存(staged)和已提交(committed)。 Git基本配置 $ git config --global user.name “Spring” $ git config --global user.email Spring@163.com Gi
2021-04-08 22:23:48
48
原创 JS函数的执行
JavaScript语言是一门“单线程”的语言，就像一条流水线，要么加工，要么包装，不能同时进行多个任务和流程，同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。 同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务 异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。 具体来说，异步运行机制如下： （1）所有同步任务都在主线程上执行，形成一个执行栈（execut
2021-04-08 10:03:14
279
原创 JS对象
对象的定义：1)无序的数据集合；2)键值对的集合。 如何声明对象（属性名key，属性值value）： let obj={'name':'najia','age':18} //简洁写法 let obj = new Object({'name': 'nadia'}) //标准写法 console.log({'name': 'vangie','age': 18}) //匿名对象 引号可以省略，省略之后可以写标识符，但是省略后，键名也还是字符串；如果想要k
2021-04-04 10:11:46
61
原创 JS数据类型&字符编码
数据为什么需要类型？ 数字和字符串的区别：功能和存储方式不同 数字可以加减乘除，字符串不行；字符串可以表示电话号码，数字不行（例如：0开头的电话号码）。 JS中，数字是用 64 位浮点数的形式存储的，字符串是用类似 UTF8 形式存储的。 如何存数字？ 十进制转二进制存储，可用十六进制/八进制表示二进制。 如何存字符串？ 字符编码的历史 1、ASCII码 上个世纪60年代，美国制定了一套字符编码，对英语字符与二进制位之间的关系，做了统一规定。这被称为ASCII码，一直沿用至今。 ASCII码一共规定了1
2021-04-03 11:35:15
559
原创 JavaScript基本语法
一、表达式与语句的区别 表达式是由运算符构成，并运算产生结果的语法结构。 每个表达式都会产生一个值,它可以放在任何需要一个值的地方。例如： 1+2表达式的值为3 add（1，2）表达式的值为函数的返回值，只有函数有返回值。 console.log表达式的值为函数本身，console.log(3)表达式的值为不存在 语句则是由“；（分号）”分隔的句子或命令。如果在表达式后面加上一个“；”分隔符，这就被称为“表达式语句”。它表明“只有表达式，而没有其他语法元素的语句”。例如： var a = (5 + 6
2021-04-02 13:31:18
50
原创 Javascript的诞生
1995年，JavaScript问世。当时，他的主要用途是代替perl等服务器端语言输入验证。在此之前，要验证某个字段是否填写，需要与服务器之间往返通信，缓慢的网速使得大量的往返通信成为用户的痛点。 历史回顾 1995年网景公司一名叫Brendan Eich的工程师，开发了一个叫Mocha(后改名为LiveScript)的脚本语言，为了赶上发布时间网景与sun公司结为开发联盟，并且为和java捆绑宣传，网景把LiveScript改名为JavaScript JavaScript的缺陷 由于设计过程过于
2021-03-30 11:14:51
87
原创 CSS总结
一、浏览器如何渲染网页 浏览器渲染一共有五步 处理 HTML 并构建 DOM 树。 处理 CSS构建 CSSOM 树。 将 DOM 与 CSSOM 合并成一个渲染树。 根据渲染树来布局，计算每个节点的位置。 调用 GPU 绘制，合成图层，显示在屏幕上 二、创建动画 transition: property duration timing-function delay; 值 描述 transition-property 指定CSS属性的name，transition效果 trans
2021-03-23 15:03:29
52
原创 URL
URL（Uniform Resource Locator） 一、统一资源定位器，其基本构成如下： scheme:[//[user[:password]@]host[:port]][/path][?query][#fragment] 举例如下： http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument http://为协议名,标明了请求需要使用的协议,通常使用的是HTTP
2021-03-18 16:11:21
156
原创 HTML入门笔记2
HTML重难点 a标签 属性 href 取值 网址 路径 伪协议 什么都不做的标签 target 指定在哪个窗口打开超链接 download 下载网页 rel=noopener
2021-01-23 18:38:34
159
1
原创 HTML入门笔记1
HTML学习笔记(一) HTML 的发明者 是“万维网之父” 提姆·博纳斯·李 Tim Berners-Lee， HTML （HyperText Mark-up Language），即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 1、HTML起手式 <!DOCTYPE html> 规定文档类型 <html lang="zh-CN"> 语言zh-CN为中文 如果以英文为主，就写成lang='e
2020-12-10 23:43:48
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人