自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 JS的节流、防抖及使用场景

1、基本概念函数防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。函数节流:规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。2、函数防抖函数防抖只是在最后一次事件后才触发一次函数。上图中可以看出:如果我在触发事件后的 1 秒内又触发了事件,则会重新计算函数执行时间,1秒后才执行。2.1应用场景1.search搜索联想,用户在不断输入值时,用防抖来节约请求资源。2.window触发resize的时候,不断的调整浏览器窗口大小

2021-12-16 10:10:17 1699

原创 微信小程序swiper轮播图缩放效果

微信小程序swiper轮播图缩放效果话不多说请看代码:主要是借助了swiper的previous-margin、next-margin、以及css动画。wxml:<swiper class="carousel" indicator-dots="{{true}}" interval="{{2000}}" duration="{{1000}}" previous-margin="50px" next-margin="50px" bindchange="swiperChange">

2021-11-10 16:12:15 1473

原创 PowerShell中创建vue项目提示无法加载文件

PowerShell中创建vue项目提示无法加载文件创建Vue项目出错,提示vue :无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go.microsoft.com/fwlink/?LinkID=135170解决方法以管理员身份运行PowerShell执行:get-ExecutionPolicy,如果显示Restricted,表示状态是禁止的执行:set-ExecutionPol

2021-08-09 10:36:43 95

转载 Vue防止多次点击,重复请求

Vue防止多次点击,重复请求1.添加自定义文件 preventReClick.js2.在main.js中引用3.实现方式。在按钮上添加v-preventReClick1.添加自定义文件 preventReClick.jsimport Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListen

2021-04-26 18:03:52 965

原创 简单的全局过滤器

const filters = { currency(v,n=2){// currency 过滤器的名字 // 第一个参数是你要过滤的值.其它参数是使用该过滤器时额外传递的参数。 console.log(v,n); return "$"+v.toFixed(n);// 返回的内容,即是你过滤以后的结果 }, date(v){...

2019-07-29 19:12:35 694

原创 生命周期分为三个阶段

1.挂载阶段:挂载阶段里又分别触发四个钩子函数,该阶段当中的钩子只执行一次beforeCreate:创建之前created:创建完成beforeMount:挂载之前mounted:完成挂载看以下代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2019-07-03 13:53:49 3342

原创 fs模块

1、异步读取  fs.readFile( url , code , callback);2、同步读取  fs.readFileSync( url , code ); 1 var fs = require('fs'); 2 // 异步读取 3 fs.readFile('input.txt', function (err, data) { 4 if (err) return...

2019-06-22 13:25:15 379

原创 js中const,var,let区别与用法

今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值4 // b = 5;5 // ...

2019-06-17 14:05:39 135

原创 JS数组去重的几种常见方法

最简单数组去重法新建一新数组,遍历传入数组,值不在新数组就push进该新数组中IE8以下不支持数组的indexOf方法function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){ if(temp.indexOf(array[i]) == -...

2019-06-15 08:56:51 256

原创 闭包

深入了解js中的闭包定义:当内部函数 在定义它的作用域 的外部 被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.闭包的两大好处:1.可以读取到其他函数内部的变量 2.可以将变量保存在内存中 让我们说的更透彻一些。所谓“闭包”,就是在构造函数体内定义另外的函数作为目标对象的方法函数,而这个对象...

2019-06-06 16:00:26 103

原创 数组中常用的几种方法

push:向数组的末尾增加一项 返回值是数组的新长度unshift:向数组开头增加一项 返回值是数组的新长度pop:删除数组的末尾项 返回值是删除的数组项shift:删除数组开头项 返回被删除的开头项目splice:删除数组中的任意项 返回值是被删除的数组项slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项拼接:concat:把一个数组和另一个数组拼接...

2019-06-06 15:47:42 124

原创 GET请求和POST请求的优缺点,以及误区

Get和Post在面试中一般都会问到,一般的区别:(1)post更安全(不会作为url的一部分,不会被缓存、保存在服务器日志、以及浏览器浏览记录中)(2)post发送的数据更大(get有url长度限制)(3)post能发送更多的数据类型(get只能发送ASCII字符)(4)post比get慢(5)post用于修改和写入数据,get一般用于搜索排序和筛选之类的操作(淘宝,支付宝的搜索查询都...

2019-05-27 19:51:15 438

原创 MySQL教程

MySQL 入门教程MySQL 安装MySQL 管理MySQL PHP语法MySQL 连接MySQL 创建数据库MySQL 删除数据库MySQL 选择数据库MySQL 数据类型MySQL 创建数据表MySQL 删除数据表MySQL 插入数据MySQL 查询数据 MySQL where 子句MySQL UPDATE 查询MySQL DELETE 语句MySQL L...

2019-05-20 11:57:45 2363

转载 JSON 核心教程

目录:Core Json – JSON概述Core Json – JSON模型Core Json – 浏览器中的JSONCore Json – JSON和AjaxCore Json – JSON和JavaCore Json – JSON和RubyCore Json – JSON 和 Ruby on RailsCore Json – JSON SchemaCore Json – 总...

2019-05-17 15:13:41 1215

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除