js
关注
分享
扫一扫
qq_38677540
这个作者很懒，什么都没留下…
展开
-
call,apply,bind
【代码】call,apply,bind。原创 2022-10-04 15:28:30 · 142 阅读 · 0 评论 -
js关闭手机键盘
js原创 2022-08-26 13:36:11 · 723 阅读 · 0 评论 -
tab切换，实现圆角效果
tab圆角切换原创 2022-08-17 16:38:14 · 1159 阅读 · 0 评论 -
倒计时仿多多的
countTime(oldtime){ let newtime = new Date() let time=(oldtime-newtime)/1000 let h = parseInt(time / 60 / 60 % 24); h=this.suerNumber(h) let m = parseInt(time / 60 % 60); ...原创 2022-07-08 10:07:10 · 85 阅读 · 0 评论 -
页面使用overflow: scroll在iOS上滑动卡顿
-webkit-overflow-scrolling: touch;，是因为这行代码启用了硬件加速特性，所以滑动很流畅。原创 2021-03-17 13:49:11 · 129 阅读 · 0 评论 -
js中的break,continue和return的用法及区别
相同之处：三个都会将此时进行的语句停止。不同之处：1、break：是立即结束语句，并跳出语句，进行下个语句执行。2、continue：结束本次循环，循环变量继续递增或递减，开始下次循环3、return：停止函数。4、使用的语句环境不一样，break和continue是用在for或switch语句中，return是用在函数语句中breakfor (let i = 1; i < 5; i++) { if (i === 3) break console.log(i)原创 2021-02-22 10:55:58 · 2661 阅读 · 0 评论 -
防止在iOS设备中将数字识别为电话号码
发现iPhone页面中的长数字被识别成了电话号码，点击会提示拨打电话。添加<meta name="format-detection" content="telephone=no" />原创 2021-01-06 10:59:49 · 404 阅读 · 0 评论 -
js实现倒计时
function showTime(){ let time = Number.parseInt(new Date() / 1000) //获取第二天时间 let timeSec = new Date(new Date().setHours(0, 0, 0, 0)) / 1000 + 86400; let a = timeSec - time let timer= setInterval(function(){ ..原创 2020-12-23 11:52:56 · 145 阅读 · 0 评论 -
jsk判断对象中是否有某值
hasOwnProperty() let arr={name:'1',id:'2'} arr.__proto__.sex='女' let b=arr.hasOwnProperty('sex') console.log(b) //返回true false只有自身存在该属性时，才会返回true，如果是原型链上的值会返回false。如果报Do not access Object.prototype method 'hasOwnProperty' from target object，直.原创 2020-12-16 10:17:15 · 464 阅读 · 0 评论 -
vue中实现下载文件
download () { this.$axios.post('链接', {responseType:'blob'}) .then(({data})=>{ let url = window.URL.createObjectURL(new Blob([data],{type: "application/zip"})) let link = document.createElement('a') link.styl..原创 2020-11-26 15:31:06 · 638 阅读 · 1 评论 -
swiper官网
https://swiperjs.com/vue/#installation原创 2020-10-11 17:27:20 · 1462 阅读 · 0 评论 -
实现点击移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box{ width: 200px; height: 200px; border: 1px solid #ccc; position: absolute; t.原创 2020-09-26 19:27:15 · 282 阅读 · 0 评论 -
getBoundingClientRect
https://www.jianshu.com/p/fd6ec6c19492Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。如果是标准盒子模型，元素的尺寸等于width/height+padding+border-width的总和。如果box-sizing: border-box，元素的的尺寸等于width/height。<!DOCTYPE html><html lang="en"><head&...原创 2020-09-19 14:12:43 · 170 阅读 · 0 评论 -
js放大镜特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding: 0; } ...原创 2020-09-13 15:20:27 · 130 阅读 · 0 评论 -
ES6
letES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。let不允许在相...原创 2020-09-05 13:29:40 · 126 阅读 · 0 评论 -
关于export 和export default导出引入的差别
export function aaa() {} 导出的 引入的时候要以 import { aaa } from '...'export default Aaa 导出的 引入的时候要以 import Aaa from '...'// export default 首字符必须大写 不然报错，// export 必须以对象的方式引入进来 可以引入多个{aaa,bbb,ccc} from '....'...原创 2020-06-22 19:32:35 · 766 阅读 · 0 评论 -
四种for循环
for循环let arr = [1,2,3,4];for (var i = 0; i < arr.length; i++) { console.log(arr[i]);}for...in循环let obj = {a:1,b:2}for (let i in obj) { console.log(obj[i]); console.log(i);}//1 a 2 ...原创 2020-04-18 17:18:39 · 2694 阅读 · 0 评论 -
ajax
原生1.创建XMLHttpRequest对象var xhr;if(XMLHttpRequest){ xhr=new XMLHttpRequest()}else{ xhr=new ActiveXObject("Microsoft.XMLHTTP"); //IE6兼容}2.设置请求地址，请求方式，准备发送var param = 'username'+name...原创 2019-03-20 19:03:04 · 82 阅读 · 0 评论 -
使用ajax跨域withCredentials的作用
默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求，会用下面的HTTP头部来响应。Access-Control-Allow-Credentials: true如果发送的是带凭据的请求，但服务器的相应中没有包含这个头部，那么浏览器就不会把相应交给J...转载 2018-10-18 19:05:34 · 511 阅读 · 0 评论 -
js 闭包
转载阮一峰的网络日志，http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Jav...转载 2018-09-10 20:49:30 · 101 阅读 · 0 评论 -
js 作用域链
作用域链function func(){ function a(){ function b(){ console.log("1"); } b(); } a();}// console.log("1");->b()->a()->func()//一级一级向上查找，构成链式结构，称为作用域...原创 2018-09-12 16:36:33 · 159 阅读 · 0 评论 -
js预解析
预解析来源1.编译型语言：C，C++，Java 执行过程：将源代码翻译成计算机可以读懂的二进制数据，然后存储成可执行的文件。提前翻译好，运行时直接得到结果。 优点：运行稳定，速度快2.脚本型：Javascript,SQL 执行过程：读一句代码执行一句 （需要在执行代码之前，代码需要快速通读一遍，称为预解析） 缺点：（没...原创 2018-09-07 11:44:40 · 148 阅读 · 0 评论 -
js 原型 图解
基本关系 function Person(){ }; //构造函数 var p=new Person(); //由构造函数创建的实例p <--p就是那个构造函数Person创建出来的实例， 这个p实例中是没有prototype属性的， 构造函数Person中有 prototype属性, 实例p中有__proto__属性-->构造函数，...原创 2018-08-03 14:30:30 · 1302 阅读 · 1 评论 -
js 构造函数
作者：阮一峰原文：Javascript 面向对象编程（一）：封装Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把”属性”（property）和”方法”（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么...转载 2018-07-30 16:50:29 · 172 阅读 · 0 评论 -
js中的instanceof
instanceof运算符用来判断一个构造函数的prototype属性所指向的对象,是否存在另外一个要检测对象的原型链上function Person(){}var p1=new Person(); // Person的原型属性function Person()Person.prototype={}; //Person的原型属性为{} Person的原型属性改变了//p1...原创 2019-07-13 20:27:19 · 573 阅读 · 0 评论 -
js的location
location介绍location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。注意如果想要获得当前文档的完整url字符串，有四种方式 document.location document.location.href ...原创 2018-09-22 16:15:04 · 844 阅读 · 0 评论 -
DOM节点
一般地，节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。节点类型不同，这三个属性的值也不相同nodeTypenodeType属性返回节点类型的常数值。不同的类型对应不同的常数值，12种类型分别对应1到12的常数值元素节点 Node.ELEMENT_NODE(1)属性节点 Node.ATTRIBU...原创 2019-04-10 20:28:30 · 87 阅读 · 0 评论 -
浏览器同源政策及其规避方法
浏览器安全的基石是”同源政策”（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本文详细介绍”同源政策”的各个方面，以及如何规避它概述1.1含义1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页”同源”。所谓”同源”指的是”三个相同”协议...转载 2019-05-28 18:17:42 · 163 阅读 · 0 评论 -
addEventListener事件监听
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button id="btn">点击</button></...原创 2019-06-21 10:08:02 · 470 阅读 · 0 评论 -
null和undefined的区别
大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？一、相似性在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。var a = undefin...转载 2019-07-12 17:51:11 · 141 阅读 · 0 评论 -
js数据类型
js的数据类型1.基本类型（值类型）：number string boolean2.复合类型（引用类型）：对象（数组、时间类型、函数类型、正则表达式····）3.空类型：Null Underfined注意：如果需要获得基本类型的数据类型，使用typeof; 如果需要获得对象或空类型的数据类型，使用Object.prototype.toString.ap...原创 2018-07-26 19:21:54 · 127 阅读 · 0 评论