随笔分类 - JS
摘要：效果预览 Shadow DOM Web components 的一个重要属性是封装——可以将标记结构、样式和行为隐藏起来，并与页面上的其他代码相隔离，保证不同的部分不会混在一起，可使代码更加干净、整洁。其中， Shadow DOM 接口是关键所在，它可以将一个隐藏的、独立的 DOM 附加到一个元素上
阅读全文
摘要：阅读时间约 7 分钟，复现时间约 15 分钟 （更新）不用读了，开源万岁，你一定在找这个：https://github.com/localsend/localsend 由于之前一直在用的扩展 QPush 停止服务了，苦于一人凑齐了 Window, Android, Mac, ios 四种系统的设备，
阅读全文
摘要：Web API - event.preventDefault( ) Event 接口的 preventDefault( ) 方法，告诉 user agent ：如果此事件没有被显式处理，它默认的动作也不应该照常执行。此事件还是继续传播，除非碰到事件侦听器调用 stopPropagation( ) 或
阅读全文
摘要：概述 同源策略 是一个重要的安全策略，它用于限制一个 origin 的文档或者它加载得脚本如何能与另一个源的资源进行交互。它能帮助阻挡恶意文档，减少可能被攻击的媒介 [ MDN ] . 同源策略 是为了保护用户信息，用户信息分为两种： 存在用户本地的信息，如cookie； 存在服务器数据库的用户信息
阅读全文
摘要：Array.prototype.map() map( ) 方法创建一个 新数组 *，其结果是该数组中的每个元素是调用一次提供的 函数后的返回值 *。[ MDN / RUNOOB ] * map 添加在第5版的 ECMA-262 标准中，我们可以通过 polyfill 在 ES2015 之前的标准中实
阅读全文
摘要：导出效果 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table id="table" border="1"> <tr styl
阅读全文
摘要：在控制台调试toFixed()丢失精度的问题时，踩了一个意料之外情理之中的小坑。 点常量 & 点运算符 浏览器傻傻分不清 // => "1.10" 1.1.toFixed(2); // Uncaught SyntaxError: Invalid or unexpected token 1.toFix
阅读全文
摘要：浏览器已更改toFixed的标准，下文仅代表toFixed函数在2021.06的具体表现。 语法 - Number.prototype.toFixed( ) // toFixed()方法 使用定点表示法来格式化一个数值。 numObj.toFixed(digits) 参数 描述 digits 小数点
阅读全文
摘要：当业务场景需要用变量存储html标签，包含类名和其他一些属性，再动态地将其渲染到页面上。 看下普通的存储方式： initHtml: function () { var me = this; // var _html = ['<div class="mykb-box" id="mykeyboard'
阅读全文
摘要：身份证格式 六位数字地址码 + 八位数字出生日期码 + 三位数字顺序码 + 一位数字校验码 checkIdCard.js checkIdCard: function (idCard){ //15位和18位身份证号码的正则表达式 var regIdCard=/^(^[1-9]\d{7}((0\d)|(
阅读全文
摘要：MDN - 三元运算符 语法 Condition ? exprIfTrue : exprIfFalse 用例： function getFee(isMember) { return(isMember ? '$2.00' : '$10.00') } getFee(true) // expected o
阅读全文
摘要：两层for循环 这种函数的优点是兼容性好比较通用，缺点是时空复杂度都很直观的为O(n2)，不利于维护和性能。 var array = [1,1,'1','1'] function unique(array) { var res = [] for (var i=0,arrlen=array.lengt
阅读全文
摘要：业务场景 从列表跳转详情页，通过操作返回列表页时，滚动条仍然处于跳转前的高度，并加上 ease-out 的过渡动画。 由于sessionStorage是随页面即关即消的，所以比起VUEX、localStorage、cookie更适合此应用场景 跳转页面标签执行事件 JSON.stringify(Se
阅读全文
摘要：今天的主角： Operator Description 一元正值符 " + "(MDN) 一元运算符, 如果操作数在之前不是number，试图将其转换为number。 圆括号运算符 " () "(MDN) 圆括号运算符由一对圆括号组成，包裹表达式和子表达式用来覆盖常规的运算符优先级(MDN)，达到低
阅读全文
摘要：一个很常见的语法问题，但专注实现需求时经常会忘记去避免，导致最终问题的出现，再花时间排查。为此专门整理一篇解决方法的博客，也加强一下自己的记忆。 TAG： JSON.parse() JSON.stringify() Array.prototype.concat() 扩展运算符 Object.assi
阅读全文
摘要：在开发过程中我们经常会用到空间去替代时间复杂度的写法，所以当临时变量数量较多时，整体代码会变得冗余。 let a = [] let b = [] let c = [] a.push(1) // dosomeThing 于是可以使用一些方法解决这一问题： let a, b, c a = b = c =
阅读全文
摘要：TAG: Array.length Array.prototype.reverse() Array.prototype.slice() Array.prototype.pop() Array对象 - pop( ) pop() 方法用于删除数组的最后一个元素并返回删除的元素，要点 - 获取并删除。 l
阅读全文
摘要：全局 1 window.addEventListener('scroll', () => { 2 console.log(' ') 3 console.log(document.documentElement.scrollTop, document.body.scrollTop, window.pa
阅读全文
摘要：在开发过程中难免会碰到省市区级联的操作，一般后端人员是不愿意将中文储存在数据库的。 由于应用页面较多，我们在通过区域Code写查字典函数时应该注意函数的 时间复杂度 / 空间复杂度。 如果用三层for循环遍历省市区列表，很容易就把函数的复杂度堆上立方阶或者指数阶。 addressFilter(res
阅读全文
摘要：在vue项目根目录下“ public ” 文件夹中的index.html，也就是根节点所在的文件引入JS，vue项目中静态文件需要在这里引入，用 script 标签规避跨域 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 由于
阅读全文
浙公网安备 33010602011771号