- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 事件捕获（快速理解）
先看一个例子点击box2结果如下：是不是很疑惑，自己明明点击的是box2，打印的数据却是“点击box1 点击box2”？？？？其实这就是事件捕获。事件捕获从最不具体的元素到最具体的元素（由外向内）在捕获的过程中，最外层（根）元素的事件先被触发，然后依次向内执行，直到触发最里面的元素（事件源）事件监听：addEventListener('事件', function(){ }, flase/true)；用于监听某个事件，当监听到这个事件时去执行某个方法addEvent..
2020-11-23 17:05:38
6832
2
原创 事件冒泡（快速理解）
先看个例子：点击box2结果如下：点击box2结果如下：方法二：判断event.target 和 event.currentTarget是否相等event.target：指真正触发事件的元素event.currentTarget：指绑定了事件监听的元素（触发事件元素的父级元素）这时判断两者相等，则执行相应的处理函数；当事件冒泡到上一级时，event.currentTarget变成 了上一级元素，这时候判断二者不相等，则就不作响应处理逻辑。修改第一个例子：...
2020-11-23 15:28:18
24288
2
原创 正则表达式（RegExp)——快速理解
正则表达式（RegExp)什么是正则表达式？根据制定的规则去匹配字符串，进行字符串的提取或替换等方法在JavaScript中，正则表达式也是对象通常被用来检索、替换那些符合某个模式（规则）的文本还常用于过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等正则表达式里面不需要加引号，不管是数字型还是字符串型创建正则表达式1.通过调用RegExp对象的构造函数创建var 变量名 = new RegExp(/表达式/);2.通过字面量创建
2020-11-16 17:23:51
1115
原创 树和二叉树（知识整理）
1、树型结构是一类非常重要的非线性结构， 树型结构为：分支结构、一对多、层次结构2、树(tree)是n(n>=0)个结点的有限集合T，若n=0时称为空树，否则： （1）有且只有一个特殊的称为树的根（root）结点；根是入口 （2）若n>1时，其余的结点被分为m(m>0)个互不相交的子集T1,T2,T3..,其中每个子集本身又是一棵树，称其为根的子树3、树的定义：树的递归定义，即用树来定义树，而只有一个结点的树必定仅由根组成（树只有一个根，根是树的入口）4...
2020-10-24 15:01:35
2887
原创 数据结构之栈（知识整理）
1.栈：来自线性表数据结构，都是“操作受限、存储受限”的线性表2.栈方式： 硬堆栈：利用寄存器实现，堆栈容量有限，但速度快 软堆栈：在内存中实现，堆栈容量可以达到很大，速度慢3.栈（stack）：是限制在表的一端进行插入和删除操作的线性表，又称为先入后出线性表 栈顶（top）：允许进行插入、删除操作的一端，称为表尾。用栈顶指针（top）来指示栈顶元素 栈底（bottom）：是固定端，又称表头 空栈：当表中没有元素时称为空栈4.栈的顺序存储： 用一维数组来存储栈...
2020-10-24 11:37:37
4010
原创 路由的认识（后端、前端、vue-router）
1.路由是一个网络工程中的术语2.路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动---维基百科3.路由器提供了两种机制：路由和转送 路由：决定数据包从来源到目的地的路径 转送：将输入端的数据转移到合适的输出端4.路由中有一个非常重要的概念---路由表 路由表本质上是一个映射表，决定了数据包的指向5.后端路由：后端处理URL和页面之间的映射关系 处理步骤：页面URL发送--》服务器--》对URL进行匹配--》交给controller处...
2020-10-17 16:10:06
715
2
原创 箭头函数及箭头函数中this的使用
箭头函数：一种定义函数的方式1.定义函数的方式：function const aaa = function () { }2.对象字面量中定义函数 const obj = { bbb () { } }3.ES6中的箭头函数 const ccc =(参数列表)=>{ } 3.1 有一个参数：(括号可省略) const sum = num1 =>{ return n...
2020-10-17 10:20:41
588
原创 runtime+compiler和runtime-only的区别（面试题）
1.runtime+compiler的vue程序运行过程： template---------->ast------------->render------------>vdom-------------->UI (模板) 解析 (抽象语法数) 编译 (render函数) 形成 (虚拟DOM) 转成 (真实DOM) 2.runtime-only的vue程序运行过程： render----...
2020-10-16 17:55:18
335
原创 webpack的介绍（快速了解）
1.什么是Webpack? 从本质上讲，Webpack是一个前端模块化打包工具 重点词：模块和打包2.Webpack模块化的概念： 在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具使我们可以进行模块化开发 并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包 而Webpack其中的一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系 不仅仅是JavaScript文件，我们的CSS、...
2020-10-11 22:45:26
287
原创 ES6的模块化导入导出
1.常见的模块化规范：CommonJS、AMD、CMD、也有ES6的Modules2.模块化的两个核心：导入、导出3.ES6的Modules首先，我们需要在HTML代码中引入js文件，并且类型需要设置为module如：<script src="aaa.js" type="module"></script><script src="bbb.js" type="module"></script>(import)导...
2020-10-11 20:27:43
169
原创 Web前端知识复习（HTML，CSS，JavaScript）
HTML一、HTML概述1、HTML是一种描述性标记语言，用来描述页面内容的显示方式，如：文字、视频、音频程序等复杂元素。2、HTML文件是一种纯文本文件，以“.html”或“.htm”为后缀。3、HTML的基本组成单位是元素。4、HTML文档结构是由<html>、<head>和<body>这三大元素组成：1）<html>元素...
2020-02-24 20:46:10
1320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人