随笔分类 - 2、JavaScript
摘要：用菜鸟教程模拟的 菜鸟对应链接 https://www.runoob.com/try/try-cdnjs.php?filename=tryhtml5_canvas_tut_img <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>
阅读全文
摘要：export function getUserAgent() { let agent = window.navigator.userAgent let systemMac = agent.indexOf("Mac") let systemPho = agent.indexOf("Pho") let
阅读全文
摘要：bind方法，顾名思义，就是绑定的意思，到底是怎么绑定然后怎么用呢，下面就来说说我对这个方法的理解。 语法 fun.bind(this,arg1,arg2,...) bind()方法会创建一个新的函数，称为绑定函数,fun方法在this环境下调用 该方法可传入两个参数，第一个参数作为this，第二个
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建节点及其属性</title></head><style> #listShow>li ul{ display: none; } #listShow>li>a{ b
阅读全文
摘要：DOM 是一个树形结构，操作一个DOM节点，实际上就是这几个操作：更新、删除、添加、遍历 在操作DOM节点之前，需要通过各种方式先拿到这个DOM节点，常用的方法有： 一、通过元素类型的方法来操作： document.getElementById();//id名，在实际开发中较少使用，选择器中多用cl
阅读全文
摘要：实例 一个新的数组的方法，将数组值转为大写： Array.prototype.myUcase=function() { for (i=0;i<this.length;i++){ this[i]=this[i].toUpperCase(); } } 创建一个数组，然后调用 myUcase 方法： va
阅读全文
摘要：1、概述 localStorage和sessionStorage统称为Web Storage，它使得网页可以在浏览器端储存数据。 sessionStorage保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；localStorage保存的数据长期存在，下一次访问该网站的时候
阅读全文
摘要：前言 这两天在家中帮朋友做项目，项目中使用了数组的indexOf 方法，找到了一篇文章，感觉非常不错，顺便整理下以防链接丢失。 相信说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用，正则不熟练同学的利器。这篇文章就最近遇到的一个问题，用实例再说说说indexOf方法。本文是小
阅读全文
摘要：开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看 js实现整个页面禁止滚动： passive是干吗用的呢，设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿。等待监听器的执行是耗时的，有些甚至耗时很明显，这样就会导致页面卡顿。即便监听器是个
阅读全文
摘要：https://www.jianshu.com/p/25bac399849d
阅读全文
摘要：1，设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 2，设置或获取整个 URL 为字符串。 alert(window.location.href); 3，设置或获取与 URL 关联的端口号码。 alert(window.location.port)
阅读全文
摘要：filter filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。 和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。
阅读全文
摘要：1.不要使用隐式类型转换 JavaScript是一种松散类型的语言。如果使用得当，这是一个好处，因为它给你带来了灵活性。 大多数运算符 +-*/==(不包括 )在处理不同类型的操作数时会进行隐式转换。 语句 if（condition）{...}， while（condition）{...}隐式地将条
阅读全文
摘要：js将字符串转数值的方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数： js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是Na
阅读全文
摘要：1.Math.round()：根据“round”的字面意思“附近、周围”，可以猜测该函数是求一个附近的整数，看下面几个例子就明白。 小数点后第一位<5 正数：Math.round(11.46)=11 负数：Math.round(-11.46)=-11 小数点后第一位>5 正数：Math.round(
阅读全文
摘要：break： 用break语句可以使流程跳出switch语句体，也可以用break语句在循环结构终止本层循环体，从而提前结束本层循环。 （1）结束当前整个循环，执行当前循环下边的语句。忽略循环体中任何其它语句和循环条件测试。 （2）只能跳出一层循环，如果你的循环是嵌套循环，那么你需要按照你嵌套的层次
阅读全文
摘要：ES6中新增了箭头函数 下面是在javaScript ES6和之前声明函数的对比，在返回的东西只需要一行或者说比较少的时候用箭头函数更为优雅； 在之前中我们声明函数如下 var fn = function(a,b){ return a + b;};fn(1,2);//3ES6声明函数如下 //其中a
阅读全文
摘要：hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性，但是不会去查找它的原型链。 示例 var obj = { a: 1, fn: function(){ }, c:{ d: 5 }};console.log(obj.hasOwnProperty('a')); //
阅读全文
摘要：如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。 此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。 我们来举个浅拷贝例子： 嗯
阅读全文
摘要：为何使用解构功能 在ES5及早期版本中，开发者们为了从对象和数组中获取特定数据并赋值给变量，编写了许多看起来同质化的代码，如下： let options = { repeat:true, save:false};//从对象中取数据let repeat = options.repeat, save =
阅读全文
浙公网安备 33010602011771号