js
关注
分享
扫一扫
萌二è招财猫！
忘性大，记性差，所以爱记录～
展开
-
【关于vue-awesome-swiper在ipad中a标签点击事件无效的问题】
关于vue-awesome-swiper在ipad中a标签点击事件无效的问题最近开发项目的时候在swiper-slide中添加了a标签用于跳转其他网址，结果在iPad Pro4 (12.9)里点击a链接无效，其他设备没有问题，一开始以为是排版导致的层级问题，但在其他设备没问题，就排除这个想法，后来觉得是兼容问题，总之搞了好久没成功后来同事通过查api发现，是touchStartPreventDefault的默认值是true,默认阻止touchstart (mousedown)的默认事件，设置为false原创 2021-12-28 11:01:37 · 732 阅读 · 0 评论 -
JS 中 break和continue的区别
话不多少，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &l原创 2020-12-16 18:44:22 · 196 阅读 · 0 评论 -
js原生实现简单的进度条效果
最近室友想实现一个点击按钮时会有一个进度条加载的过程，所以尝试做了一下。具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...原创 2020-03-09 15:35:23 · 149 阅读 · 0 评论 -
es6新的数据类型Symbol
* 学习Symbol * 首先Symbol是什么？它是新的(第七种)原始数据类型 null undefined Object Boolean String Number * 其次Symbol可以用来做什么？ 可以作为对象的属性名，可以保证不会与其他属性名产生冲突 * 特点: * 1. 不能使用new命令 值不是对象 类似于字符...原创 2019-12-09 18:24:59 · 271 阅读 · 0 评论 -
关于for...of for..in和Object.keys()的相同，不同之处
// 一: 遍历对象的方法 let person = { name: "张三", age: 25, address: "深圳", getName: function () { } } Object.keys(person).map((key) => { console.log(person[key]) // 获取到属...原创 2019-12-09 14:20:02 · 201 阅读 · 0 评论 -
实现每隔1s数组中的内容的位置一次前置一次
对数组中的内容进行换位，每隔1s思路：循环 新数组 间隔调用技术：for 循环( 或者你擅长的循环) 函数举例：结果[1, 2, 3, 4, 5, 6, 7]—>[2, 3, 4, 5, 6, 7, 1]—>[3, 4, 5, 6, 7, 1, 2]…js代码如下：let mylist = [1, 2, 3, 4, 5, 6, 7] functi...原创 2019-12-05 17:22:18 · 413 阅读 · 0 评论 -
数组和对象的解构赋值
首先是数组的解构赋值1.这是等号左右类型一样的情况下 数组的元素是按次序排列的，变量的取值由它的位置决定 如下： let [,,b] = [1,2,45] console.log(b) // 45 let [a,,c]= [1,2,3] console.log(a,c) // 1 3 let [d] = [...原创 2019-07-31 16:02:58 · 559 阅读 · 0 评论 -
防抖节流理解
性能优化是前端老生常谈的问题，今天看了下防抖节流这块的东西，觉得挺有意思的就敲了一个小例子首先是防抖个人理解防抖是有一个延时执行 也就是说我现在点击一个事件我有可能让他延迟0.3s触发，如果在者0.3s内又触发了，就不让它触发， 就重新计算周期到规定的时间再触发<button id='btn'>点击</button>防抖 <script&...原创 2019-07-30 17:51:47 · 183 阅读 · 0 评论 -
setInterval实现歌词或者诗句一点点展示出来
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { text-align: center; ...原创 2019-07-30 16:15:12 · 131 阅读 · 0 评论 -
TS
什么是TypeScript?TypeScript是javascript的类型的超集，它可以通过编译工具编译成纯的javascript，并且运行在任何浏览器上。接下来，开始学习typescript,看看它究竟是什么？TypeScript它有一个很特别的地方就是类型系统（其实个人觉得可以看作是对变量或函数 添加了约束的方式）对于变量的类型定义，还有函数的类型定义能让我们一...原创 2019-07-25 14:40:12 · 644 阅读 · 0 评论 -
关于es6中Proxy的学习笔记
Proxy 字面意思是代理在这里指的是 拦截 , 可以理解为一个关卡，每次外界对目标对象进行访问时，都必须拦截一下，它可以对外界的访问进行过滤或者改写Proxy 的语法：var proxy = new Proxy(targetobj,handler)每次用的时候先是实例化一下targetobj 指的是要拦截的目标对象handler 也是一个对象，它主要是用来定制拦截的行为，是读取还是设...原创 2019-07-29 18:03:54 · 209 阅读 · 0 评论 -
js继承
js 继承的几种方式 举例：构造函数 A B function A(name,age){ this.name = name || "婷", this.age = age || '25', this.song ={ sing(str1){ console.log(str1) } } } A...原创 2019-05-20 12:58:51 · 172 阅读 · 0 评论