- 博客(60)
- 收藏
- 关注
RSS订阅原创 正则表达式的方法
正则表达式常见的表达法有五种：test()test() 用于测试指定字符串和正则表达式之间是否匹配，接受一个字符串作为其参数，并根据是否匹配返回 true 或 falsevar reg = /\.*/console.log(reg.test('ab')) //truematch()match() 与字符串一起使用以检查字符串和正则表达式 regex 之间的匹配，以正则表达式为参数const strText = "Hello China";const regex = /[
2022-04-29 16:58:28
207
原创 ES6新特性
let && constletlet所声明的变量，只在let所在的代码块内有效。for(let i = 0; i < 5; i++){ console.log(i);}console.log("循环外：" + i);constconst声明的变量是常量，不能被修改；const PI = 3.1415;PI // 3.1415PI = 3;强行对其进行重新赋值会报错。iterable类型为了统一集合类型，ES6标准引
2022-04-29 00:16:37
92
原创 router 的name属性，重定向，传参
name属性绑定组件通过name属性，为一个页面中不同的router-view渲染不同的组件,如：将上面代码的Hello渲染在 name为Hello的router-view中，将text渲染在name为text的router-view中。不设置name的将为默认的渲染组件。<router-view name="Hello"></router-view> //将渲染Hello组件<router-view name="text"></router-v
2022-04-27 23:46:03
566
原创 正则表达式
我们在写用户注册表单时，只允许用户名包含字符、数字、下划线和连接字符 -，并设置用户名的长度，我们就可以使用以下正则表达式来设定。在我们的学习和工作常常会出现类似的场景需要用到正则表达式，可见正则表达式的重要型，但是掌握并不牢固，所以就整理了一下正则表达式什么是正则表达式正则表达式是一组由字母和负号组成的特殊文本，他可以用来找出满足你想要的格式的句子基本使用123 => abc123ABCabc => ...
2022-04-27 00:50:36
487
原创 vue组件传值
vue的组件传值分为三种方式父传子 子传父 非父子组件传值父传子父组件通过 prop 给子组件下发数据父传子的实现方式就是通过props属性，子组件通过props属性接收从父组件传过来的值，而父组件传值的时候使用v-bind 将子组件中预留的变量名绑定为data里面的数据即可子组件<template> <div id="container"> {{msg}} </div></template>.
2022-04-26 20:58:08
269
原创 回顾防抖和节流
防抖（debounce）当事件被触发时，设定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作。节流（throttle）在固定周期内，只执行一次动作，若有新事件触发，不执行，周期结束后，又有事件触发，开始新的周期。即：高频事件触发,但是在n秒内只会执行一次,会稀释函数的执行频率区别节流不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的事件处理函数，而防抖只是在最后一次事件后才触发一次函数。使用场景防抖：当程序只需要处理最后一次触发
2022-04-25 16:36:55
108
原创 nextTick()方法的使用
定义在下次 DOM 更新循环结束之后执行延迟回调。为了在修改数据之后获取更新后的 DOM，就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；可以理解为：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，用法将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。全局方法 Vue.nex
2022-04-25 15:58:32
4430
原创 $refs的用法
在Vue中，当我们要获取dom节点，元素绑定ref之后，直接通过this.$refs可以直接拿到节点，这样可以帮助方便快捷的拿到节点refref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件 通俗的讲，ref特性就是为元素或子组件赋予一个ID引用,通过this.$refs.refName来访问元素或子组件的实例注：ref要在挂载之后才能使用，所以需要在mou
2022-04-25 15:17:49
2561
原创 css中常见单位的区别(px,em,rem..)
在css中的单位，比较常见的有px、em、rem、vw、vh、%、vmin、vmax，虽然但是比较基础的单位，但是他们之间代表的意义各不相同，接下来我们来看一下，他们之间的区别。像素(Px)长度单位，相对于显示器屏幕分辨率而言，通常在不定义显示缩放比例的情况下，1px对应显示器屏幕上的一个像素点。 早年的pc端展示的页面基本都用这个单位。 有些人会把px认为是相对长度，原因在于在移动端中存在设备像素比，px实际显示的大小是不确定的百分比(%)相对长度单位，指占用的父元素宽度/高度.
2022-04-18 22:19:18
346
原创 this的指向问题
js 中的 this 指向十分重要，在我们的工作和面试中也会时常遇到，倒是对this，总是不太了解，今天我来带大家系统的了解和学习一下。一、this的指向this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境；this的指向大体分为以下几种情况：1、全局作用域和普通函数调用，此时 this 指向 window当函数不作为对象的属性被调用，而是以普通函数的方式，this总是指向全局对象（在浏览器中，通常是Window对象
2022-04-13 17:21:18
4379
1
原创 垃圾回收机制
众所周知，应用程序在运行过程中需要占用一定的内存空间，且在运行过后就必须将不再用到的内存释放掉，否则就会出现内存的占用持续升高的情况，一方面会影响程序的运行速度，另一方面严重的话则会导致整个程序的崩溃。所以就需要清理内存，这就出现了垃圾回收机制。...
2022-04-12 18:37:01
683
原创 怎么理解闭包？
在讲解闭包之前，我们先来了解一下闭包是用来干嘛的，和闭包的由来：由来：我们都知道，js的作用域分两种，全局和局部，基于我们所熟悉的作用域链相关知识，我们知道在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函数作用域中也是不能相互访问彼此变量的，而我们想在一个函数内部也有限权访问另一个函数内部的变量，这就产生了闭包作用：可以访问其
2022-04-12 15:21:14
1397
原创 回流和重绘
在详细讲解回流和重绘之前，我们了解一下回流和重绘是什么，什么情况下会触发回流和重绘？回流当render tree中的一部分或全部，因为元素的大小、布局、隐藏或显示等发生改变时，浏览器就会重新渲染部分DOM或全部DOM的过程，叫做回流。也可以理解为当盒子的大小、布局、隐藏或显示等发生改变时，浏览器就会重新渲染部分DOM或全部DOM的过程，叫做回流。重绘当元素样式改变，但不影响元素在文档流中的位置时，比如：background-color，border-color，visibility等，浏
2022-04-09 17:22:40
446
原创 浏览器渲染过程
当我在浏览器的地址栏里输入一个完整的URL连接，在按下回车直至页面加载完成，整个过程发生了什么？大致分为六步：DNS 域名解析 建立 TCP 连接 发送 HTTP 请求 处理请求返回的 HTTP 响应 页面渲染 关闭 TCP 连接接下来我们就来详细看一下这个过程第一步：输入URL输入URL连接，在点击确认第二步：DNS域名解析——浏览器查找域名的IP地址浏览器会把输入的域名解析成对应的IP，其过程如下：查找浏览器缓存：因为浏览器一般会缓存DNS记录一段时间，不
2022-04-09 16:39:18
131
转载 原型和原型链
一、原型在学习原型链之前，我们首先得了解原型是什么：所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 所有的引用类型都有一个’_ _ proto_ _'属性(也叫隐式原型，它是一个普通的对象)。 所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 所有引用类型，它的’_ _ proto_ _'属性指向它的构造函数的’prototype’属性。 当试图得到一个对象的属性时，如果这个对象本身不存在这个属性，那么就会去它的’_ _ prot
2022-04-09 15:02:09
74
原创 JS的数据类型
JS数据类型分为两种：基本数据类型：Number、String、Boolean、Null、 Undefined、Symbol、（BIgint ）引用数据类型：Object一、六种基本数据类型基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间大小可以分配，它们是直接按值存放的，所以可以直接按值访问Number类型Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一个数字）两种值数值类型的转换：Number()：可以用于任何的数
2022-04-08 16:47:34
145
原创 盒子水平垂直居中方法
<div class="box"> <div class="container"></div> </div>方法一：div使用绝对布局，设置margin:auto;并设置top、left、right、bottom的值相等即可，不一定要都是0。.container{ margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;.
2022-04-08 16:20:42
1120
原创 BFC是什么
BFC是什么？相信很多人看到这个名词都会很疑惑，BFC到底是什么东西，其实很简单，BFC在某种程度上，就是一个盒子。为什么这么说呢？BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 换句话说BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。BFC的规则：内部的Box会在垂直
2022-04-08 16:03:02
97
原创 样式优先级
一、样式优先级优先级怎么计算：样式的优先级是根据权重来计算的 权重从左向有依次比较，谁的权重较大，谁的优先级就更高优先级：！import > 行内样式 > ID选择器 > 类选择器=伪类选择器=属性选择器 > 标签选择器=伪元素选择器选择器 权重 行内样式 1，0，0，0 ID选择器 0，1，0，0 类选择器，伪类选择器，属性选择器 0，0，1，0 标签选择器，伪元素选择器 0，0，0，1 其他选择器...
2022-04-08 15:49:39
2040
原创 浮动是什么？怎么清除浮动？
一、浮动是什么通过浮动可使一个元素向其父元素的左侧或右侧移动 float:left; 左侧移动，对齐 float:right; 右侧移动，对齐 注：设置浮动之后会脱离文档流，不再在文档中占用位置 二、清除浮动1.为什么要清除浮动清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题注：如果我们清除了浮动，父元素自动检测子盒子最高的高度，然后与其同高2.怎么清除浮动清除浮动常用的方法有四种：额外标签法 父级..
2022-04-08 15:32:41
230
原创 盒子模型（就是这么简单）
一、盒子模型有哪些W3C盒子模型（标准盒子模型） iE盒子模型（怪异盒子模型）二、W3C盒子模型（标准盒子模型）标准模式下，一个块的宽度 = width+padding(内边距)+border(边框)+margin(外边距)；W3C模型中： CSS中的宽（width）=内容（content）的宽 CSS中的高（height）=内容（content）的高三、iE盒子（怪异盒子模型）怪异模式下，一个块的宽度 = width+margin(外边距)
2022-04-08 15:06:12
146
原创 HTML语义化
一、什么是HTML语义化什么的HTML语义化，顾名思义，HTML语义化就是可以不通过了解HTML的内容，就可以知道这个部分所代表的的意义。HTML语义化的意义：在使用HTML标签构建页面时，避免大篇幅的使用无语义的标签。二、什么是HTML语义化标签语义化标签比较容易理解：简单举一个例子就很容易理解：<p></p> //代表这是一行文字语义化标签优势：利于页面内容结构化、利于无CSS页面可读、利于seo、利于代码可读三、常见语义化标签<
2022-04-08 14:36:48
4080
原创 Vscode生成vue模板
1.打开vscode，在文件--》首选项--》用户片段中找到 vue.json2.将vue.json中的内容替换成下面的内容{ "vh": { "prefix": "vh", // 触发的关键字 输入vh按下tab键,可以是任何关键字 "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>", "</te
2022-03-07 12:05:12
256
原创 无线网络技术学习总结
目录一、计算机网络1.计算机网络技术概述2.计算机网络组成二、无线通信和网络仿真技术基础1.调制(1)、概述(2)、常用方式(3)、经典数字调制技术2.扩频3.MIMO三、无线局域网1.概述2.组成、拓扑结构与服务(1)、组成(2)、拓扑结构(3)、服务3.IEEE 802.11 协议技术标准的MAC子层规范4.实测实验四、蜂窝移动通信概述五、卫星网络1.概述2.应用六、MANET路由协议七、无线传感器网络.
2021-11-20 14:27:15
13500
原创 获取节点或者元素
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>获取节点或者元素</title> </head> <body> <ul id="ul"> <li>第1个</li> <li>第2个</li> <li>第3个</li>.
2021-11-13 00:10:52
932
原创 前端辅助软件，插件
收藏猫一款不可多得的插件安装软件，在上面你可以选择你想安装的插件包括：谷歌翻译，github树，json等高质量插件下载地址：收藏猫-Chrome插件下载-收藏猫插件Snipaste截图贴图软件下载地址：Snipaste - 截图 + 贴图有新的推荐再进行添加...
2021-11-05 16:02:48
135
原创 Vuex学习总结
目录一、Vuex概述1.Vuex 是什么？2.什么是“状态管理模式”？3.Vuex的组成结构4.安装二、Vuex核心1.store(1)、创建store(2)、在 Vue 组件中获得 Vuex 状态(3)、mapState辅助函数(4)、对象扩展运算符2.getters(1)、通过属性访问(2)、通过方法访问(3)、mapGetters辅助函数3.Mutation(1)、提交载荷（Payload）(2)、在组件中提交 Mutati...
2021-11-05 15:07:17
214
原创 防抖(debounce) 和 节流(throttling)
防抖和节流对于我们前端的性能优化上来说是一个必不可少的部分，也是我们笔试和面试过程中常常遇到的一个问题，因此，掌握防抖和节流对于我们来说十分的必要。首先，我们需要了解一下防抖和节流是什么？用来做什么的？防抖和节流的概述防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 如果事件的
2021-11-04 18:36:56
21585
原创 Vue生命周期详解
在学习生命周期函数之前，首先我们得对生命周期有一个大致的了解 每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。生命周期图：过程大概就是：new Vue()new Vue()实例化一个vue实例，然后init初始化event 和 lifecycle， 其实这个过程中分别调用了3个初始化函数（initLifecycle(), initEvents(),...
2021-11-04 16:04:06
662
原创 js中字符串常考
首字母大写function titleCase(str){ var a = str.toLowerCase().split(' '); var b = a.map(function(val){return val.replace(val.charAt(0),val.charAt(0).toUpperCase())})return b.join(' ');}console.log(titleCase('i am a little boy'))找到匹配字符串所在的各个位置
2021-11-03 12:40:03
93
原创 js中字符串常用方法
charAt()查找返回指定位置的字符charcodeAt()查找返回指定位置字符的unicdoe码concat()连接一个或者多个字符串Array.slice(start,end)从start开始，end之前结束，不到end；如果不给end值，从start开始到数组结束。start可以给负值，-1表示数组最后位置，-2表示倒数第二个，以此类推，顾前不顾后。splice(index,howmany,arr1,arr2...)删除元素并添加元素从index.
2021-11-02 16:46:01
165
原创 js常用数组方法
Array.push()向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变Array.pop()删除并返回数组的最后一个元素，若该数组为空，则返回undefined。原数组改变。Array.unshift()向数组的开头添加一个或多个元素，并返回新的数组长度。原数组改变Array.shift()删除数组的第一项，并返回第一个元素的值。若该数组为空，则返回undefined。原数组改变。Array.concat(arr1,arr2...)合并两个或多个数
2021-11-02 16:19:01
62
原创 JaveScript异步执行
一、JS的执行顺序先同步后异步 异步中执行顺序是 先微任务microtask队列，再宏任务macrotask队列这里需要我们重点记住要先微任务队列，再宏任务队列，并且都是队列，先进先出二、JS的异步执行顺序1.宏任务和微任务要先弄清楚异步执行顺序是怎样的，首先我们得弄清楚什么宏任务队列和微任务队列是什么常见的宏任务：script setTimeout setInterval setImmediate I/O UI rendering Ajax DOM事件
2021-11-02 15:48:39
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人