随笔分类 - JavaScript
摘要：const duffDevice = (items, process) => { let iterations = Math.floor(items.length / 8); let startAt = items.length % 8; let i = 0; do { switch(startAt) { case 0 : process(items[i...
阅读全文
摘要：demo 1. div3 没有 z-index: -1 点击蓝色块（div3） 2. div3 没有 z-index: -1 点击蓝色块（div3） 结论： 1. z-index没有影响DOM结构 2. z-index形成了层叠上下文，导致触发事件的元素不一样，上文的demo来说： div3加上z-
阅读全文
摘要：HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。 传统获取方式 'getAttribute' dataset属性的值是DOMStringMap的一个实例，名值对的映射。每个data-name形式的属
阅读全文
摘要：前言 虽然worker可以将复杂的运算放入单独线程去运算，不阻塞UI线程，但是，由于worker()的构造函数的参数不能读取本地的文件，只能来自网络，所以当在一个项目里想使用本地的模块函数，是一个很麻烦的过程，官方的方法也没有提供方便的做法。 解决方法 将函数转换为blob，然后生成URL对象。 这
阅读全文
摘要：mouseover与mouseenter 1. 触发时机 mouseover在被监听的节点与子节点上都会触发 mouseenter只在被监听的节点上触发 本质上是因为mouseenter不能冒泡 2. 兼容性 mouseenter是IE最初提出的，后续其他浏览器虽然实现了，但是兼容性。。。 mous
阅读全文
摘要：前言 先看一个段代码 目的是为了实现给定数组的乱序。 利用数组的sort方法，判断随机出来的0~1的值与0.5的大小，实现伪排序。 为什么说是伪排序呢？代码的逻辑没毛病啊。 对，从这个层面来看，简单明了，完美的实现了需求，本着凡事往祖坟刨得精神。来看看这段代码的内部实现。 浏览器实现 ECMA Sc
阅读全文
摘要：定义 以下是红宝书的描述 MDN: currentTarget： 当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素，而不是event.target，它标识事件发生的元素。 target：一个触发事件的对象的引用。 结论 emmmm，这说的真晦涩，不自己动手还真看不出有啥差别
阅读全文
摘要：前言 处理时间时，常常要考虑用户的输入是否合法，其中一个很典型的场景就是平闰年的判断，网上其实有很多类似的算法，但是其实不必那么麻烦，下面我讲讲的我的思路。 规则 公元年数可被4整除为闰年,但是整百（个位和十位均为0）的年数必须是可以被400整除的才是闰年（比如1900年不是闰年），其他都是平年。例
阅读全文
摘要：前言 故事发生在与大创的又一次撕逼（日常）中，我方坚定的认为：作为社会主义接班人，节流与消抖的界限是明显的，是不容混肴的，是不可侵犯的！对方辩友坚持地觉得：界限是模糊的，行为是暧昧的，性别是可以忽视的（。。。）。本着凡事要往祖坟上刨的精神，对这两个概念进行了一番深刻的社会主义改造。 定义 节流（th
阅读全文
摘要：前言 最近和大创扯淡时说到了[] == false，从结果上来看我俩都答错了，从气势上来说我俩的歪理都能出书了（恩，程序猿的骄傲），但是这其实背后隐藏了一潭很深的水，对，很深。。。 隐式类型转换 JS的数据类型 首先，回想一下JS的类型都有什么。 原始值（primitives）： undefined
阅读全文
摘要：最近在读JavaScript设计模式这本书，准备搞一个系列来记录所学所想，其实主要原因是方便以后查阅。 第一章主要介绍了JS函数的不同定义与使用方法，用自己的方法去模拟类也是它的独有魅力所在。 首先，由check函数展开，如果用不同的函数去对应功能，会造成过多的全局变量定义，例如 这两种方式都会创建
阅读全文
摘要：最近在研究Js，发现自己对作用域，作用域链，活动对象这几个概念，理解得不是很清楚，所以拜读了@田小计划大神的博客与其他文章，受益匪浅，写这篇随笔算是自己的读书笔记吧~。 作用域 首先明确一个概念，js只有函数作用域（function-based），没有块级作用域，也就是只有函数会有自己的作用域，其他
阅读全文
浙公网安备 33010602011771号