随笔分类 - js
摘要：1. 计算距离下次生日还有多少天 注意这里借助 moment 实现 getBirthdayFun(){ // 首先要获取到今年的生日 let birthdayTime = moment().format('YYYY-') + '12-19' // 通过时间戳 去判断当前的时间戳是否大于今年生日的时间
阅读全文
摘要：npm 和 yarn 的缺点: 1. npm1 和 npm2 嵌套结构 问题: 依赖层级太深，会导致文件路径过长的问题，尤其在 window 系统下。 大量重复的包被安装，文件体积超级大 2. npm3 开始 和 yarn 扁平化依赖的方式来解决这个问题 扁平化依赖问题: 依赖结构的不确定性。 扁平
阅读全文
摘要：
最近组内经常进行CodeReview，于是参考一些大厂规范以及一些开源的优秀源码，整理了一些前端代码规范，帮助我们后续可以写出更好维护的代码。有什么不对的地方，欢迎大家指出，一起学习进步！ 先来看下下面这张思维导图： 下面会就几个方面展开来说。 命名规范 驼峰式命名法介绍 Pascal Case大驼
阅读全文
最近组内经常进行CodeReview，于是参考一些大厂规范以及一些开源的优秀源码，整理了一些前端代码规范，帮助我们后续可以写出更好维护的代码。有什么不对的地方，欢迎大家指出，一起学习进步！ 先来看下下面这张思维导图： 下面会就几个方面展开来说。 命名规范 驼峰式命名法介绍 Pascal Case大驼
阅读全文
摘要：
报错方式: yarn create v1.22.19 [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... [4/4] Building fresh packages... succe
阅读全文
报错方式: yarn create v1.22.19 [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... [4/4] Building fresh packages... succe
阅读全文
摘要：阮一峰 RestFul-API 详解链接： http://www.ruanyifeng.com/blog/2014/05/restful_api.html 举例，传统api设计： 举例，RestFul-api设计： Restful API风格的优点 (一) 优点: 它是面向资源的(名词) 通过URL
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>封装防抖debounce</title> </head> <body> <input type="text" id="input1"> </body> </html> <scrip
阅读全文
摘要：ES6，Array.fill()函数的用法 ES6为Array增加了fill()函数，使用制定的元素填充数组，其实就是用默认内容初始化数组。 该函数有三个参数。 arr.fill(value, start, end) value：填充值。 start：填充起始位置，可以省略。 end：填充结束位置，
阅读全文
摘要：网上的代码杂七杂八, 我搞个简单明了的!! 你们直接复制粘贴, 手机上 电脑上 可以直接测试!!! 上图: 上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa
阅读全文
摘要：Proxy: 在 ES6 标准中新增的一个非常强大的功能是 Proxy，它可以自定义一些常用行为如查找、赋值、枚举、函数调用等。通过 Proxy 这个名称也可以看出来它包含了“代理”的含义，只要有“代理”的诉求都可以考虑使用 Proxy 来实现。 基本语法 语法 let p = new Proxy(
阅读全文
摘要：Reflect.has({x: 0}, 'x'); // true Reflect.has({x: 0}, 'y'); // false // returns true for properties in the prototype chain Reflect.has({x: 0}, 'toStri
阅读全文
摘要：http://172.16.20.218:8080/m/MGU20201126001-001/index.html?username=admin&password=123#/write 浏览器输入这个链接,这个url中location的属性如下： hash: "#/write" host: "172
阅读全文
摘要：思路: 监听用户离开页面的事件就行!!!! 离开的时间减去进入的时间, 就是用户停留时间, 埋点 问题: 怎么监听 用户里离开页面!!!! 1.网上大多数都是 beforeunload 和 unload 还有 vue的生命周期 destroyed, 都试过了, 在移动端 都没有用!!!!! 2.移动
阅读全文
摘要：1.第一种就是base64格式的加密与解密 window.atob() 与window.btoa()可以实现对base64格式的数据进行解码和编码，其兼容性是主流浏览器，IE10及以上。 window.atob(encodedStr)只可以解码用btoa方法编码的字符串。 window.btoa()
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>js中的点击事件（click）的实现方式</title> </head> <body> <!-- 第三种方式--> <button id="btn" oncli
阅读全文
摘要：代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="https://images.homeplus.fun/order_success.png" alt="
阅读全文
摘要：参考链接:https://www.jianshu.com/p/adad39705ced 和 https://blog.csdn.net/weixin_44309374/article/details/103354020 需求: 页面滚动 隐藏某元素, 页面停止滚动再显示 1. 方法一:利用vue中的
阅读全文
摘要：参考地址:https://blog.csdn.net/huang100qi/article/details/89303555?utm_source=app https://www.cnblogs.com/yezi-dream/p/10202593.html w3cschool参考地址: https:
阅读全文
摘要：1.首先 arguments 是一个对应于传递给函数的参数的类数组对象 2. arguments.callee 属性包含当前正在执行的函数。 描述 callee 是 arguments 对象的一个属性。它可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用，例如在没有名称的函
阅读全文
摘要：方式一 !("key" in obj) if("name" in json){//json就是数组，name是你要找的值 console.log("有") }else{ console.log("无") } 方式二 obj.hasOwnProperty("key") //obj为json对象。
阅读全文
摘要：// 页面传值 subStr(url) { var obj = {}; var str = url.split('?')[1]; var str2 = str.split('&'); console.log(str2); for (var k in str2) { var str3 = str2[k
阅读全文
浙公网安备 33010602011771号