huangzhin的博客

18 个重要的 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(

e.target 和 e.currentTarget 的区别

一、防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法 缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟//防抖debounce代码：function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { // 每当用户输入的时候

在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.0 起我们重新引入了 .sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。示例代.

话不多说直接上代码function idCardNoValidate(card){ var vcity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: .

前言：JS变量都存放在内存中，而内存给变量开辟了两块区域，分别为栈区域和堆区域栈像个容器，容量小速度快堆像个房间，容量较大先说说基本数据类型和引用数据类型我们知道在js中的数据类型可以分为基本类型和引用类型。基本类型是存在栈内存中的，引用类型是存在堆内存中的，但是引用类型的引用还是存在栈内存中的。常见的基本数据类型：Number、String 、Boolean、Null和Undefined常见的引用数据类型：Object 、Array 、Function 、Data等..

最近写h5项目时初始进入项目时发现van-tabbar的默认选中会失效（全部均未选中），如下图所示相关代码：<template> <div id="app"> <router-view /> <van-tabbar v-model="active" route v-show="routerName=='study'||routerName=='message'||routerName=='my'"> <va.

1、问题描述3个tab页签切换时，调用不同接口，在某一个tab只要翻页到>=2的情况，当它再点击到另一个tab的时候，另外一个tab就会连续调用两次查询接口，有可能第二次查询的数据先于第一次查询返回，这时两次数据concat后顺序就不对了（第二次查到的数据在前，第一次在后）原因分析因为它不仅触发了created还触发了onload事件：且顺序为：进入created调用查询接口，在.then之前，异步查询还未返回的时候，又会去触发onload事件，在current+=1之后再次进行查询.

一、效果图二、代码plateNumKeyboard.wxml<view class="pages"> <view class="box"> <view class='box-top'> <text>请输入车牌号:</text> </view> <view class="plate-input-body"> <view class="plat

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..

别忘了写wx.stopPullDownRefresh()噢onPullDownRefresh:function(){ //...... wx.stopPullDownRefresh(); //停止下拉刷新 },

思路：1）获取所有不通过校验的元素（观察到不通过校验的元素都有一个class：is-error）2）第一个不通过校验的元素获得焦点实现：this.$refs[formName].validate((valid) => { if (valid) { } else { setTimeout(()=>{ var isError= document.getElementsByClassName("is-error

element踩坑记录1——el-table表格表头与内容对不齐解决方法：在全局样式中写入以下样式.el-table th.gutter{ display: table-cell!important;}

下载多文件时，将需要下载的文件的地址放到一个数组内，代码如下：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

一、statestate的介绍state是组件对象最重要的属性, 值是对象(可以包含多个数据)，组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)state的使用初始化指定constructor() { super() this.state = { stateName1 : stateValue1, ...

1.methods方法：控制台打印：当修改其中一个属性时，其他属性的值都没改变，但会发现methods里的方法都被执行2.computed计算属性控制台打印：会发现当修改其中一个值的时候，只会执行于其相关的方法。3.总结：1).methods方法和computed计算属性，两种方式的最终结果确实是完全相同2).不同的是计算属性是基于它...

computed：通过属性计算而得来的属性　1、computed内部的函数在调用时不加()。即vm.属性名，如vm.reversedMessage2、computed是依赖vm中data的属性变化而变化的，也就是说，当data中的属性发生改变的时候，当前函数才会执行，data中的属性没有改变的时候，当前函数不会执行。3、computed中的函数必须用return返回。4、...

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 ...