我有一个小目标

原创 解决前端html2canvas生成图片慢问题

解决前端html2canvas生成图片慢问题

原创 any-hover

通过css判断设备是否支持鼠标经过行为，间接判断是否是触摸设备。none: 没有什么输入装置可以实现hover悬停，即没有鼠标输入设备hover: 一个或多个输入装置可以触发元素的hover悬停交互，即支持鼠标设备例如：要实现pc端鼠标移过显示滚动条，但要支持触控屏能直接滑动：（以下是scss）.scroll-div { overflow: auto; @media (any-hover: hover) { overflow: hidden; &:hove

原创 Vue多项目共用组件&多项目合并一个项目中分开打包发布

背景需求：pc端可以编辑保存在移动端上显示的界面，pc端上可以预览移动端上的显示。（上述pc端及移动端都是Vue项目）这样看来，这个pc端预览界面及移动端上的显示，肯定是要用同一套组件了。以前做过类似的项目是用iframe嵌套移动端界面实现的，但是后来非常后悔：1、数据传输是个问题，无论postmessage还是借助服务端，都非常麻烦。2、不灵活现在打算做一套公用组件，给两端使用，但是又不想在git上维护3个项目（3个项目包括：pc，移动，共用组件），因此有了本文：Vue多项目共用组件，并且

原创 一张图读懂js原型链

转载 从JS事件循环(Event Loop)机制到vue.nextTick的实现

来源：https://www.jianshu.com/p/7fe2cb3ea2e9前言众所周知，为了与浏览器进行交互，Javascript是一门非阻塞单线程脚本语言。 为何单线程？ 因为如果在DOM操作中，有两个线程一个添加节点，一个删除节点，浏览器并不知道以哪个为准，所以只能选择一个主线程来执行代码，以防止冲突。虽然如今添加了webworker等新技术，但其依然只是主线程的子线程，并不能执行诸如I/O类的操作。长期来看，JS将一直是单线程。 为何非阻塞？因为单线程意味着任.

转载 JavaScript ES2021 最值得期待的 5 个新特性解析

文章来自：https://mp.weixin.qq.com/s/rB6Fm9hlv-mYeQCY_NAMEw在写本文时，本文提到的新的 JavaScript 提案功能已进入第 4 阶段，并且几乎肯定会包含在 ES2021 中。你已经可以开始在 最新版本的浏览器，Node.js 和 Babel 中使用。注意：ECMAScript 是 JavaScript 所基于的标准，由 TC39 委员会管理。ECMAScript 始终是一个不需要的名称，这会使一切都对初学者感到困惑。人们经常谈论 JavaScrip

原创 JavaScript Math 对象方法汇总

Math 对象属性属性 描述 E 返回算术常量 e，即自然对数的底数（约等于2.718）。 LN2 返回 2 的自然对数（约等于0.693）。 LN10 返回 10 的自然对数（约等于2.302）。 LOG2E 返回以 2 为底的 e 的对数（约等于 1.4426950408889634）。 LOG10E 返回以 10 为底的 e 的对数（约等于0.434）。 PI 返回圆周率（约等于3.14159）。 SQRT1_2 返回 2

原创 JavaScript Number 对象方法汇总

Number 对象属性属性 描述 constructor 返回对创建此对象的 Number 函数的引用。 EPSILON 表示 1 与大于 1 的最小浮点数之间的差。es6 MIN_SAFE_INTEGER 表示在 JavaScript中最小的安全整数 (-(253- 1))。es6 MAX_SAFE_INTEGER 表示在 JavaScript 中最大的安全整数（253- 1）。es6 MAX_VALUE 可表示的最大的数。 MIN_VA..

原创 JavaScript String 对象方法汇总

String 对象属性属性 描述 constructor 对创建该对象的函数的引用 length 字符串的长度 prototype 允许您向对象添加属性和方法 String 对象方法方法 是否改变原数组 参数，[选填参数] 描述 anchor() 否 name 创建 HTML 锚。String HTML 包装方法 big() 否 无 用大号字体显示字符串。String HTML 包装方法 bli

原创 add(1)(2)，add(1,2)(3)随意长度随意组合的完美解决

add(1)(2)，add(1,2)(3)随意长度组合的完美解决知识点：柯里化，toStringfunction add () { let args=[...arguments] function sum() { // 使用闭包 args.push(...arguments); // 累加 return sum; } sum.toString = function() { // 重写toSting() 方法 return a...

原创 JavaScript Array 对象方法汇总

JavaScript Array 对象方法汇总数组属性属性 描述 constructor 返回创建数组对象的原型函数。 length 设置或返回数组元素的个数。 prototype 允许你向数组对象添加属性或方法。 Array 对象方法方法 描述 concat() 连接两个或更多的数组，并返回结果。 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。 entries() 返回数组的可迭代对象。

转载 call、bind、apply

obj.myFun.call(db,'成都','上海')；　　　　 // 德玛 年龄 99 来自 成都去往上海obj.myFun.apply(db,['成都','上海']); // 德玛 年龄 99 来自 成都去往上海 obj.myFun.bind(db,'成都','上海')(); // 德玛 年龄 99 来自 成都去往上海原文地址：https://www.cnblogs.com/Shd-Study/p/6560808.html...