- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript的重要数组方法
目录1、forEach2、map3、filter4、reduce5、find6、findIndex7、every8、some9、 sort10、flat11、flatMap12、reverse13、includes14、fill15、at16、 concat1、forEach循环遍历数组中的每个元素并执行回调函数。const arr = [1, 2, 3];arr.forEach(num => console.log(
2022-04-29 14:55:09
938
1
转载 节流和防抖的区别，以及如何实现
一、防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法 缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟//防抖debounce代码：function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { // 每当用户输入的时候
2021-09-01 10:39:23
167
原创 深入理解vue 修饰符sync
在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.0 起我们重新引入了 .sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。示例代.
2021-08-19 09:44:02
291
原创 js实现身份证号严格验证
话不多说直接上代码function idCardNoValidate(card){ var vcity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: .
2021-05-21 17:36:46
440
转载 JavaScript 中堆和栈的区别以及深度拷贝的方法
前言：JS变量都存放在内存中，而内存给变量开辟了两块区域，分别为栈区域和堆区域栈像个容器，容量小速度快堆像个房间，容量较大先说说基本数据类型和引用数据类型我们知道在js中的数据类型可以分为基本类型和引用类型。基本类型是存在栈内存中的，引用类型是存在堆内存中的，但是引用类型的引用还是存在栈内存中的。常见的基本数据类型：Number、String 、Boolean、Null和Undefined常见的引用数据类型：Object 、Array 、Function 、Data等..
2021-05-21 15:36:38
155
原创 van-tabbar默认选中失效的问题解决方法
最近写h5项目时初始进入项目时发现van-tabbar的默认选中会失效（全部均未选中），如下图所示相关代码：<template> <div id="app"> <router-view /> <van-tabbar v-model="active" route v-show="routerName=='study'||routerName=='message'||routerName=='my'"> <va.
2021-05-20 17:16:43
4181
转载 vant-list组件触发多次onload事件导致数据乱序的问题解决
1、问题描述3个tab页签切换时，调用不同接口，在某一个tab只要翻页到>=2的情况，当它再点击到另一个tab的时候，另外一个tab就会连续调用两次查询接口，有可能第二次查询的数据先于第一次查询返回，这时两次数据concat后顺序就不对了（第二次查到的数据在前，第一次在后）原因分析因为它不仅触发了created还触发了onload事件：且顺序为：进入created调用查询接口，在.then之前，异步查询还未返回的时候，又会去触发onload事件，在current+=1之后再次进行查询.
2021-05-20 16:21:20
4780
7
原创 微信小程序实现车牌键盘
一、效果图二、代码plateNumKeyboard.wxml<view class="pages"> <view class="box"> <view class='box-top'> <text>请输入车牌号:</text> </view> <view class="plate-input-body"> <view class="plat
2021-04-02 16:42:00
601
原创 微信小程序实现横屏手写签名
1.关键配置："pageOrientation":"landscape" ---- 配置该页面横屏展示2.效果图：3.代码:wxml<view class="container"> <canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bin..
2021-03-26 16:28:21
1876
6
原创 微信小程序下拉刷新在真机上不回缩问题的解决方法
别忘了写wx.stopPullDownRefresh()噢onPullDownRefresh:function(){ //...... wx.stopPullDownRefresh(); //停止下拉刷新 },
2021-03-25 11:54:24
353
原创 element优化---提交表单时焦点跳转至第一个校验不通过处
思路：1）获取所有不通过校验的元素（观察到不通过校验的元素都有一个class：is-error）2）第一个不通过校验的元素获得焦点实现：this.$refs[formName].validate((valid) => { if (valid) { } else { setTimeout(()=>{ var isError= document.getElementsByClassName("is-error
2021-03-23 16:04:23
187
原创 element踩坑记录1——el-table表格表头与内容对不齐
element踩坑记录1——el-table表格表头与内容对不齐解决方法：在全局样式中写入以下样式.el-table th.gutter{ display: table-cell!important;}
2021-03-23 15:53:36
1169
原创 vue项目中一次下载多个文件的js实现
下载多文件时，将需要下载的文件的地址放到一个数组内，代码如下：allLoad() { for(let i=0;i<this.fileList.length;i++){ const iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height = 0; // 防止影响页面 iframe.src = this.fi
2021-03-09 17:16:59
1765
1
原创 react 组件的三大属性----state、props、refs
一、statestate的介绍state是组件对象最重要的属性, 值是对象(可以包含多个数据)，组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)state的使用初始化指定constructor() { super() this.state = { stateName1 : stateValue1, ...
2020-03-18 13:36:51
230
1
原创 vue计算属性和方法的区别
1.methods方法：控制台打印：当修改其中一个属性时，其他属性的值都没改变，但会发现methods里的方法都被执行2.computed计算属性控制台打印：会发现当修改其中一个值的时候，只会执行于其相关的方法。3.总结：1).methods方法和computed计算属性，两种方式的最终结果确实是完全相同2).不同的是计算属性是基于它...
2020-02-07 13:38:34
6378
原创 vue2.0的计算属性computed和watch的区别以及各自使用场景
computed：通过属性计算而得来的属性 1、computed内部的函数在调用时不加()。即vm.属性名，如vm.reversedMessage2、computed是依赖vm中data的属性变化而变化的，也就是说，当data中的属性发生改变的时候，当前函数才会执行，data中的属性没有改变的时候，当前函数不会执行。3、computed中的函数必须用return返回。4、...
2020-02-07 13:27:24
942
原创 npx create-react-app命令卡死/不成功，更改成淘宝镜像
1、查看npm的镜像源 npm config get registry// 默认是：https://registry.npmjs.org/ 2、修改成淘宝的镜像源 npm config set registry https://registry.npm.taobao.org 3、create-react-app创建项目 npx create-react-app ...
2020-02-06 22:01:01
3763
1
原创 理解 CSS 布局和 BFC
前言CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语，但是如果你曾经用CSS做过布局，你可能知道它是什么，理解什么是BFC，怎么工作以及如何创建 BFC 非常有用，这些可以帮助你理解CSS中的布局是如何工作的。在本文中，通过熟悉的示例来解释什么是 BFC。然后说明display的一个新值，...
2019-12-09 16:59:10
118
原创 axios是如何封装 HTTP 请求的？
概述前端开发中，经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本，提高开发效率。axios 就是这样一个 HTTP 请求库，近年来非常热门。目前，它在 GitHub 上拥有超过 40,000 的 Star，许多权威人士都推荐使用它。因此，我们有必要了解下 axios 是如何设计，以及如何实现 HTTP 请求库封装的。撰写本文时，axios 当...
2019-12-06 17:45:43
231
原创 Javascript异步编程的4种方法
前言：Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Jav...
2019-12-06 14:59:32
87
原创 TCP为啥要3次握手和4次挥手？握两次手不行吗？
TCP有6种标识：SYN(建立联机)ACK(确认)PSH(传送)FIN(结束)RST(重置)URG(紧急)一、TCP三次握手第一次握手客户端向服务器发出连接请求报文，这时报文首部中的同部位SYN=1，同时随机生成初始序列号 seq=x此时，TCP客户端进程进入了 SYN-SENT（同步已发送状态）状态。TCP规定，SYN报文段（SYN=1的报文段）不能携带数据，但...
2019-12-03 15:26:29
1504
1
原创 Promise原理及手写Promise
一、Promise原理：Promise 原理围绕以下三个问题进行解决：（有任何一步不了解的话请先往下看手写Promise，会一步步剖析原理，看完后再继续回顾这里！！）1. 怎么实现异步？Promise内部then函数注册后续需要执行的函数，resolve函数执行。需要保证函数在执行前都已注册好，解決：resolve内部执行函数的代码需要加入延时机制setTimeout...
2019-11-29 11:24:34
611
原创 什么时候不使用箭头函数
前言这些年来，ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。但每个事务都有两面。通常，新特性会带来一些混乱，其中之一就是箭头函数被误导了。本文将介绍一些场景，在这些场景中，你应该绕过箭头函数，转而使用良好的旧函数表达式或较新的简写语法。并且要注意缩短代码，因为这会影响代码...
2019-11-28 17:46:31
252
原创 微信小程序 父子组件传值通信
一、父组件传值给子组件1. 在父组件中引用子组件1.1 在父组件json中导入子组件1.2 在子组件的json中，把自己定义为子组件2. 在父组件中，子组件的引用处，绑定一个属性( text )，并传递想要给子组件的值( parentParam )3. 在子组件中的js中使用 properties 获取值，这样就可以在子组件中用 this.data.text ...
2019-11-28 15:20:57
341
原创 Vue 之keep-alive的使用，实现页面缓存
什么是keep-alive有时候我们不希望组件被重新渲染影响使用体验；或者出于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。官网释义：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive&g...
2019-11-28 10:27:35
354
原创 git 使用 push 提交到远程仓库出现 The requested URL returned error: 403 错误
摘要：记录了使用push提交到远程仓库出现 The requested URL returned error: 403 错误的解决方法。问题描述电脑已经注册过一个 github 帐号，一直在本机使用，配置过 SSH。 新建另一个 github 帐号，本地建立好项目之后，使用命令：$ git push -u origin master时出现以下错误：问题原因...
2019-11-27 22:47:09
6463
3
原创 解读HTTP/2与HTTP/3 的新特性
前言HTTP/2 相比于 HTTP/1.1，可以说是大幅度提高了网页的性能，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。虽然 HTTP/2 提高了网页的性能，但是并不代表它已经是完美的了，HTTP/3 就是为了解决 HTTP/2 所存在的一些问题而被推出来的。一、HTTP/1.1发明以来发生了哪些变化？如果...
2019-11-16 17:05:30
177
原创 js判断一个字符串是以某个字符串开头
方法1--substr() 方法substr() 方法可在字符串中抽取从start下标开始的指定数目的字符。if("123".substr(0, 2) == "12"){ console.log(true);}方法2--substring() 方法substring() 方法用于提取字符串中介于两个指定下标之间的字符。if("123".substring(0...
2019-11-12 15:45:44
14469
1
原创 微信小程序页面跳转如何传递对象参数
前情：首先我们有这么一种需求，就是我在一个列表中点击了某个item，跳转到详情界面，那么我就需要把item的实体数据从列表页面传递到详情页面，那么我们来看看微信小程序给我们提供的API:先看api:这里大家可以清楚看到api中说到的如何传递参数，其实它这里指的参数仅仅是一些普通的数据类型具体分析：这里我们要传递的实体是object类型，那么我们需要先把实体转...
2019-11-12 15:34:31
5658
2
原创 十分钟学会JS正则表达式
正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。常用的正则字符1.\: 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\' 匹配 "" 而 "\(" ...
2019-11-06 22:33:46
237
原创 微信小程序生命周期、页面生命周期、组件生命周期
1. 生命周期 App（全局）位置：项目根目录app.js文件App({ onLaunch (options) { // console.log('小程序初始化') }, onShow(options) { console.log('监听小程序启动或切前台') }, onHide() { console.log('监听小程序切后台'...
2019-11-06 15:40:06
3186
原创 javascript中关于类型判断的一些疑惑小结
javascript中关于类型判断的一些疑惑小结这篇文章主要给大家介绍了关于javascript中关于类型判断的一些疑惑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧前言类型判断是我们在日常工作中经常会遇到的一个功能，本文将给大家详细介绍关于javascript类型判断的相关内容，下面话不多说了，来一起看看详细的介...
2019-11-05 11:48:45
127
原创 js的各种数据类型判断的介绍
js的各种数据类型判断的介绍今天小编就为大家分享一篇关于js的各种数据类型判断的介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧1.typeoftypeof 用来判断各种数据类型,有两种写法：type of xxx ， typeof(xxx)例如：console.log(typeof 2) //输出 number conso...
2019-11-05 11:12:03
139
原创 搜索功能的实现----微信小程序
一、搜索功能的需求描述：数据：教师名字列表的数组1、搜索文本为空时，展示所有教师列表2、输入搜索文本，展示与搜索文本匹配的教师列表二、搜索功能的算法描述：1、声明一个数组存放搜索结果，2、判断搜索文本是否为空，为空则直接设置结果数组赋值为全部教师列表的数组3、若搜索文本不为空，先将搜索结果数组设置为空数组，遍历教师列表数组，利用indexOf函数判断每...
2019-11-03 15:18:04
1101
1
原创 TCP是通过什么方式来提供可靠传输的
TCP是通过什么方式来提供可靠传输的（简述）1、合理截断数据包2、超时重发3、校验4、失序重新排序5、能够丢弃重复数据6、TCP可以进行流量控制TCP通过下列方式来提供可靠性：（具体）1、将数据截断为合理的长度-------应用数据被分割成TCP认为最适合发送的数据块。这和UDP完全不同，应用程序产生的数据报长度将保持不变。 ...
2019-11-03 15:02:21
5851
原创 js数组方法-改变原数组和不改变原数组的方法整理
改变原数组：pop():删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不 改变数组，并返回 undefined 值。arrayObject.pop()push():push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组，...
2019-10-14 16:38:30
21188
3
原创 JS实现两个大数相加
对两个超大的整数进行加法运算，但又想输出一般形式，使用+是无法达到的，因为一旦结果值超过Number.MAX_SAFE_INTEGER就会被转换成科学计数法，并且数字精度相比之前将会有误差。此时需要自己写一套加法算法，原理就是小学学习加减法时候的算法，相应位数字相加，满十进一。function addBigNum(a, b){ //将a,b两个数转换为数组，并且将数组倒叙。 ...
2019-10-11 09:49:23
2286
原创 8种常见数据结构及其Javascript实现
前言 做前端的同学不少都是自学成才或者半路出家，计算机基础的知识比较薄弱，尤其是数据结构和算法这块，所以今天整理了一下常见的数据结构和对应的Javascript的实现，希望能帮助大家完善这方面的知识体系。1. Stack（栈）Stack的特点是后进先出（last in first out）。生活中常见的Stack的例子比如一摞书，你最后放上去的那本你之后会最先拿走...
2019-10-09 16:55:27
113
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人