js
一个假的前端男
一个 迷迷糊糊的前端
展开
-
js 网格卡片交换动画
js 网格卡片交换动画js 网格卡片交换动画js 网格卡片交换动画js 网格卡片交换动画js 网格卡片交换动画原创 2022-12-06 16:36:17 · 399 阅读 · 1 评论 -
后台项目 扫码登录
思路 :通过后端接口拿到你需要的二维码地址 websocket链接的服务器地址 和 订阅地址 并进行长链接,通过扫描二维码会进入一个是否确定登录的页面注:这个页面是由前端完成 后端通过扫码重定向至该页面 并带有用户的openId 和key 通过点击确定这个时候呢 后端会给你一个确定登录的接口 如果你确定了长连接会返回给你一个token 通过toke实现用户的登录前端自己完成 后端重定向 带有openid和key的页面 具体看自己后端的返回具体实现第一步 通过后端接口 获得 下列参数 实现原创 2022-01-19 18:12:14 · 1358 阅读 · 0 评论 -
闭包
var add1 = (function() { let count = 0; return function() { console.log("count", count); return count += 1; } })(); console.log(add1()); console.log(add1()); console.log(add1());闭包:一个嵌套...原创 2020-10-21 17:45:38 · 78 阅读 · 0 评论 -
js日期处理
使用方法第一个参数为毫秒级别的时间戳第二个参数为YYYY-mm-dd HH:MM:SS 按照自己的方法来定eg:YYYY年mm月dd日 或 mm月dd日export function dateFormat(date,fmt ) { let ret; const opt = { "Y+": new Date (date).getFullYear().toString(), // 年 "m+": (new Date (date).getMonth() +原创 2021-05-07 21:27:43 · 135 阅读 · 0 评论 -
下载
后端请求 返回数据请求头中content-disposition 存放有fileName 用于a 标签的download属性也可以让后端 在请求投中专门加一个fileName 存放(带后缀的文件名)前端1、发请求时需带上请求头,responseType:设置为arraybuffer 或者blob请求设置export function downLoadFile(url){ const _header ={}; _header['Content-Type'] = _header['Co原创 2021-02-03 11:59:39 · 245 阅读 · 0 评论 -
封装日期格式化函数
const date = new Date('2021-1-20 21:05:12') function formartDate(date, formart = 'YYYY年MM月DD日 HH:mm:ss') { // 第二个参数为默认参数 也可传自己想要的格式 const config = { YYYY: date.getFullYear(), MM: date.getMonth(), DD: d...原创 2021-01-20 21:14:48 · 271 阅读 · 0 评论 -
js 中typeof的返回值
返回值 主要有 number string boolean object function undefinenumber : 对于数字类型的操作数 或者一些特殊值如下列特殊值Infinity 表示无穷大NaN 特殊的非数字值Number.MAX_VALUE 表示最大数字Number.MIN_Value 表示最小数字Number.NaN 特殊的非数字值Number.POSITIVE_INFINITY 表示正无穷大的特殊值Number.NEGATIVE_INF原创 2021-01-06 22:41:02 · 296 阅读 · 0 评论 -
js对象的访问方式
访问对象的方式对象的访问有两种方式1、通过对象.属性名2、通过对象['属性名'] 双引号和单引号都可以 方法通用区别方法一、通过.访问:编写简单 有时不能用属性名不能包含特殊字符,及变量方法二、通过['']访问:编写相对复杂 通用属性名可以包含特殊字符,及变量实例1、特殊字符2、属性名是一个变量的使用...原创 2020-12-23 21:51:14 · 1086 阅读 · 0 评论 -
js引用类型的赋值、深浅拷贝
赋值:当我把一个对象赋值给一个新的变量时,赋的其实时该对象的在栈中的地址,而不是在堆中的数据,也就是说两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,因此,两个对象是联动的。具体实现:浅拷贝: 重新在堆中创建内存,拷贝前后对象的基本数据类型互不影响,但拷贝前后对象的引用类型因共享同一块内存,会相互印象。浅拷贝实现方式:Object.assign()lodash里面的_.clone…展开运算符Array.prototype.concatAr.原创 2020-12-22 21:50:58 · 91 阅读 · 0 评论 -
获取本地视频流
思想:获取本地视频流1、navigator 提供视频流注册的一些活动2、mediaDevices:提供访问连接媒体输入的设备(相机、麦克风、视频。。。)3、getUserMedia 得到用户的设备,使用户开启设备权限 constraints 流的触发的参数,得到用户许可的参数4、得到用户的视频流(媒体流)输出到videohtml代码<video style="width: 200px;height: 200px;"></video>js代码原创 2020-11-10 11:42:41 · 973 阅读 · 0 评论 -
节流
节流:(规定时间内只出发一次,规定时间内再次触发则无效代码实现:通过鼠标移入事件 num++ let num = 0 let content = document.getElementById('box') function count() { content.innerHTML = num++ }//节流// 两种 第一种 setTimeout function throttle(func,delay) { let ti原创 2020-10-27 22:00:27 · 178 阅读 · 0 评论 -
防抖的两种操作
防抖:当事件被触发时,设定一个周期延迟执行动作,若期间又被触发,则重新设定周期,直到周期结束,执行动作实现 通过鼠标移动事件、改变num的值 let num = 0 let content = document.getElementById('box') function count() { content.innerHTML = num++ }//过两秒后执行 (延时执行) // function debounce(func, del原创 2020-10-27 21:32:19 · 550 阅读 · 0 评论 -
获取dom元素
<el-input ref="caozuo" @click='get()'></el-input>get(){ this.$nextTick(() => { this.$refs.caozuo[0].focus(); });}原创 2020-09-02 17:22:49 · 159 阅读 · 1 评论 -
js 判断字符串为空格或者多个空格
str.match(/^[ ]*$/) //有返回值 返回它匹配的值转载 2020-08-07 15:37:58 · 1445 阅读 · 0 评论 -
搜索框 弹出数据及 实时搜索
课堂笔记1、搜索框样式<van-search v-model="value" show-action placeholder="请输入搜索关键词" >2、弹出层数据获取 <div class="pop1" v-if="show"> <div v-for="(item,index) in searchList" :key="index" style="margin-top:10px"> <div @click="$getid1(原创 2020-07-30 15:00:23 · 477 阅读 · 0 评论 -
正则表示式判断中文
var str ='我' ;//用户输入if(/^[\u4e00-\u9fa5]+$/i.test(str)){alert('全是中文’);}原创 2020-08-03 16:10:03 · 143 阅读 · 0 评论