随笔分类 - js
this is about js
摘要：今天做了一下打印的一个功能，有一些需要注意的地方记录一下，方便以后使用 1，打印背景色丢失的问题 chrome浏览器下： style中添加 -webkit-print-color-adjust: exact; firefox下： print-color-adjust: exact; color-ad
阅读全文
摘要：高阶函数（HOC） js中函数可以被赋值、当作参数进行传递、被其他函数返回，在js中函数就是一等公民。 高阶函数： 接收函数、返回函数 // 数组的筛选 const arr = [1,2,3,4,5] // 一般实现 let newArr = [] for (let i = 0; i < arr.l
阅读全文
摘要：this.windowHeight = document.documentElement.offsetHeight const self = this const u = navigator.userAgent const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU
阅读全文
摘要：使当前滚动元素滚动到选中的元素区域 function scrollIntoView(container, selected) { if (!selected) { container.scrollTop = 0; return; } const offsetParents = []; let poi
阅读全文
摘要：<style media="print" type="text/css"> @("@")page { size: auto; margin: 0mm; } </style> <style media="print" type="text/css"> .noprint { display:none }
阅读全文
摘要：var stopScrollThrough = { pos: { x: 0, y: 0 }, stopEvent: function (e) { e.preventDefault() e.stopPropagation() }, startPosition: function (e) { stopS
阅读全文
摘要：1，vue的列表组件为什么要加key？ 增加diff算法的同级比较效率， key是唯一索引，可以一目了然的看到同一级的是否变化，如果没有key， 那就只能一个个的去进行比较了。 2， ['1', '2', '3'].map(parseInt)结果是多少？ [1, NaN, NaN]; map函数的默
阅读全文
摘要：generator作为一个用来操作异步的状态机， 遇到yield停止， 通过调用next（）来继续操作。 今天就用generator来举例两个实际开发中的应用。 1，抽奖 这样通过 每次点击按钮就调用一次next 来实现次数的递减，当然抽奖的逻辑每次都会执行， 当然你也可以在每次执行逻辑的时候， 让
阅读全文
摘要：二叉树的特点： 像一颗树一样，从顶端往下延伸，最顶端的为根节点，每个节点下面子节点的数不超过两个，没有任何子节点的节点被称为叶子节点， 除了根节点和叶子节点的被称为中间节点。 二叉查找树： 每个节点的左子节点比 自身的值小， 又子节点比自身的值大。
阅读全文
摘要：在读jquery的事件机制时， 发现了一个addEvent的库，jquery也是借鉴了这个库。 这位大佬是真滴牛逼呀， 必须要膜拜一下， 膜拜大佬 好了， 该拜的也拜了， 言归正传， 下面来看看这位大佬是怎么实现addEvent的 经典永不落幕！
阅读全文
摘要：1，字面量字符和元字符 大部分字符在正则表达式中，就是字面的含义，比如 /a/ 匹配 a， /b/ 匹配b。这种只表示它字面量含义的被称为字面量字符。 除了字面量，还有一些字符有特殊含义，不代表字面意思，被称为元字符 1，点字符（.） 点字符匹配除回车（\r）、换行（\n）、行分隔符（\u2028）
阅读全文
摘要：1，简单讲解下http2的多路复用 在http1中，每次请求都会建立TCP连接，也就是3次握手四次挥手，这在请求过程中占用了很长的时间，即使开启了keep-alive，解决了多次连接的问题，但依然还有效率上的问题。 http2采用了二进制格式传输，取代了http1的文本格式，效率更高。多路复用代替了
阅读全文
摘要：css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见页面布局 8、响应式布局 9、css预处理，后处理 10、css3新特性 animation和transiton的相关属性 animate和translate 11、display哪些取
阅读全文
摘要：点击穿透： 一般都是touch和click混用导致的， touch是立马触发的，touchend还会触发一次click，导致上层元素touchend触发的click会影响到下层元素。 解决办法： 只用touch 或者 只用click ； 使用fastclick 等一些自定义tap事件， 移除touc
阅读全文
摘要：一， class和自定义类型的区别： 1，类声明不会被提升。 2，类声明的代码自动运行在严格模式。 3，类的所有方法都是不可枚举的，而自定的方法必须使用Object.defineProperty来设置。 4，类的所有方法都没有[[Construct]]，因此用new来调用会报错。 5，调用类构造器不
阅读全文
摘要：1， 简介 fetch方法是 Fetch API的一个方法，提供了一种简单、合理的方式来跨网络异步获取资源。 与原来的XMLHttpRequest比较，fetch更容易与其他的技术结合：比如service workers。还提供了单个逻辑位置来定义其他HTTP相关概念，例如CORS和HTTP的扩展。
阅读全文
摘要：bug： 我在flex布局的元素中使用了elementui的table组件，饿了么的table上会被加一个动态的宽度， 当第一次改变flex元素宽度的时候。table的动态宽度会变化，第二次和以后就不会变化了。 解决方法： 给使用flex的元素加上 overflow-x：hidden
阅读全文
摘要：今天遇到了一个需求，需要获取用户当前的内网ip， 找了半天终于找到了方法，遂将找到的方法记录下来，留给需要的人。也可以获取本地ip。 新： 最新的方法，可以查看这位老哥的库 webrtc-ip，好用的话记得给这个老哥点星 进不了github的可以看下面 Demo // 引入生产版js或者开发版js
阅读全文
摘要：今天在群里看到一个人发的面试题： fetch 函数返回的是一个promise，promise对象在实例化的时候就已经开始执行了。
阅读全文
浙公网安备 33010602011771号