常用js
关注
分享
扫一扫
文章平均质量分 54
Endless Daydream233
一步一步往上爬
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端基础学习之防抖（debounce）和节流（throttle）
1.防抖（debounce）例如在实现移动端的列表条件查询时，文本框中如果每输入一个字符都去后台查询一次，即短时间内大量触发同一事件，非常影响性能。解决办法：在第一次触发事件时，不立即执行查询，设置一个延迟执行的时间限制，若在这时间范围内再次触发，则清除当前的定时器，开启新的延迟执行查询，以此类推，直到这段时间范围内不再触发事件，执行查询函数。防抖函数： （其实就是返回一个延时定时器，在下一次调用时看是否有值，有则清空开启下一个，直到没有了，顺利执行延迟器中的函数）let debounce=fu原创 2021-04-12 13:15:12 · 458 阅读 · 0 评论 -
使用vue+weixin-js-sdk实现公众号页面的扫码功能
vue+barcode 实现app端的扫码功能同样的，详细的api文档描述可以看微信官方文档，这里就简单列一下用到的点。1.引入weixin-js-sdk 依赖 vue全局使用npm install weixin-js-sdkimport wx from "weixin-js-sdk";Vue.prototype.wx = wx;2.通过config接口注入权限验证配置此处的appId、timestamp、nonceStr、signature都是从后端接口获得。(大部分调试时间都原创 2021-03-22 11:22:04 · 1101 阅读 · 0 评论 -
使用vue+barcode 实现app端的扫码功能
开年事情有些多，最近刚好在用vue写app和公众号的移动端，两者都有扫码的功能，在这记录一下子。Barcode模块管理条码（一维码和二维码）扫描识别，支持常见的一维码（如EAN13码）及二维码（如QR码）。通过调用设备的摄像头对条码进行扫描识别，扫描到条码后进行解码并返回码数据内容及码类型。Barcode模块可使得Web开发人员能快速方便调用设备的摄像头进行条码扫描识别，而不需要安装额外的扫描插件。规范建议条码识别引擎的支持规范定义的所有条码常量类型。app端使用的是h5+的api barcode原创 2021-03-22 10:26:01 · 3720 阅读 · 11 评论 -
前端-请求获取图片流下载图片、展示图片
请求时要设置responseType为"arraybuffer"； httpService.accessAPI({ apiObj:apiUrl.getQrCodePicture, responseType:"arraybuffer", query:{ qrCodeName:this.chooseItems[0]..原创 2020-12-14 11:18:16 · 2783 阅读 · 0 评论 -
前端基础学习之js-正则表达式基本语法及练习
正则表达式:也叫规则表达式,按照一定的规则组成的一个表达式,这个表达式的作用主要是匹配字符串的.正则表达式的作用:匹配字符串的在大多数编程语言中都可以使用正则表达式的组成:是由元字符或者是限定符组成的一个式子(一) 元字符1.元字符 .. 表示任意一个除了\n以外的字符2.元字符 [][]表示任意的单个字符。[0] 就是0[0-9] 表示0-9之间的任意一个数字[a-z] 表示二十六个小写字母中任意一个字母[a-zA-Z] 表示二十六个大小写字母中的任意一个字母[0-9..原创 2020-09-15 14:56:12 · 649 阅读 · 0 评论 -
前端基础学习之js高级-函数（高阶函数、闭包、沙箱、递归）
(一) 创建函数的两种方式1.函数声明f1();//可以调用//函数声明function f1() { console.log("我是f1的函数内容");}2.函数表达式 f2();//报错//函数表达式 let f2=function () { console.log("我是f2的函数内容"); }因为预解析的原因，用函数声明的方式创建函数，在函数声明前也可以调用，而用函数表达式的时候则会报错。 if(true){ function f2() { console.l原创 2020-09-11 15:33:55 · 301 阅读 · 0 评论 -
前端基础学习之js高级-apply()、call()、bind()使用
1.函数简要说明首先简单说一下，对象中都有__ptoto__属性，而函数中也有__proto__，因此函数也是对象。函数其实是Function构造函数的实例对象。即：如下的addFun1的调用效果和addFun2的调用效果是一样的。addFun1:function add(num1,num2) { return num1+num2;}console.log(add(20,30))addFun2let f2=new Function("num1","num2","return num1+nu原创 2020-09-11 09:52:43 · 387 阅读 · 0 评论 -
前端基础学习之js高级-面向对象-实现继承的几种方式
首先简单说一下构造函数、实例对象、原型对象之间的关系：通过构造函数可以创建实例对象。构造函数中有一个prototype属性，这个属性指向构造函数的原型对象。通过构造函数创建的实例对象中有一个__proto__属性，这个属性指向这个实力对象对应的构造函数的原型对象。构造函数的原型对象中有一个constructor构造器属性，这个属性指向这个原型对象所在的构造函数。原型对象中的属性和方法可以被实例对象共享原型对象的作用：实现数据共享，节省内存空间；实现继承，节省内存空间构造函数的原型对象(pro原创 2020-09-10 15:51:55 · 281 阅读 · 0 评论 -
vue cli3-项目打包页面浏览器缓存的问题
const Timestamp = new Date().getTime();module.exports = { // 将部署应用程序的基本URL // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。 publicPath: './', configureWebpack: { output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 filename: `static/js/[原创 2020-09-08 17:48:31 · 1298 阅读 · 0 评论 -
前端基础学习之js-setInterval（定时器）、setTimeout（一次性定时器）
1.setInterval()和clearInterval()setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。setInterval(code,millisec[,“lang”])clearInterval(id_of_setinterval)2.setTimeout()和clearTimeout()setTimeout() 方原创 2020-08-31 13:40:57 · 810 阅读 · 0 评论 -
前端基础学习之js-DOM（节点node、元素element、事件event相关操作）
1.DOM概念文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。DOM又称为文档树模型：文档：一个网页可以称为文档节点：网页中的所有内容都是节点（标签、属性、文本、注释等）元素：网页中的标签属性：标签的属性DOM经常进行的操作：获取元素对元素进行操作(设置其属性或调用其方法)动态创建元素事件(什么时机做原创 2020-08-26 18:45:38 · 539 阅读 · 0 评论 -
前端基础学习之js-函数练习案例汇总
1.求圆的面积 function getArea(r){ return Math.PI*r*r; } console.log(getArea(2));2.求2个数中的最大值function getMax(a,b){ return a>b?a:b; }console.log(getMax(10,20));3.求3个数中的最大值 function getMaxT(a,b,c){ return a>b?(a>c?a:c):(b>c?b:c); } co原创 2020-08-18 10:50:14 · 1456 阅读 · 0 评论 -
前端基础学习之js-创建对象（工厂模式、构造函数、原型模式、字面量）
创建对象的三种方式使用系统的构造函数创建对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script>//练习:有一个黄色的小狗,叫大黄,今年已经三岁了,250斤的重量每次走路都很慢,喜欢吃大骨头var dog=new Obj原创 2020-08-07 10:20:13 · 222 阅读 · 0 评论 -
前端学习基础之js-for循环打印直角三角形、等腰三角形、菱形
打印五行五角星//*****//*****//*****//*****//*****for(let i=0;i<5;i++){ for(let j=0;j<5;j++){ document.write("*"); } document.write("<br/>");}document.write(" ");打印直角三角形//*//**//***//****//*****for(let i=1;i<=5;i++){.原创 2020-08-03 16:02:13 · 5326 阅读 · 0 评论 -
前端-js-常用正则表达式
1.仅字数限制//例：必输且小于20位/^.{1,20}$///区分中英文字符长度的话，可以先将双字节的长度转为单字节,再校验长度 转换如下：str.replace(/[^\x00-\xff]/g, "00");2.数字、大小写英文字母 20位/^[a-zA-Z0-9]{1,20}$/3.数字、大写英文字母 18位/^[A-Z0-9]{1,18}$/4.手机号码/^1[3456789]\d{9}$/5.邮箱/^[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]@[a原创 2020-07-16 17:45:26 · 486 阅读 · 0 评论 -
JavaScript 常用日期(Date)转换
整理一些比较常用的日期格式转换function1.日期格式化（转年月日时分秒） //日期格式化（转年月日时分秒） dateFormat:function(datetime){ let date = new Date(datetime); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let hour = date.getHour原创 2020-05-24 17:42:44 · 674 阅读 · 0 评论