- 博客(12)
- 收藏
- 关注
原创 any-hover
通过css判断设备是否支持鼠标经过行为,间接判断是否是触摸设备。none: 没有什么输入装置可以实现hover悬停,即没有鼠标输入设备hover: 一个或多个输入装置可以触发元素的hover悬停交互,即支持鼠标设备例如:要实现pc端鼠标移过显示滚动条,但要支持触控屏能直接滑动:(以下是scss).scroll-div { overflow: auto; @media (any-hover: hover) { overflow: hidden; &:hove
2021-12-02 09:30:08 643
原创 Vue多项目共用组件&多项目合并一个项目中分开打包发布
背景需求:pc端可以编辑保存在移动端上显示的界面,pc端上可以预览移动端上的显示。(上述pc端及移动端都是Vue项目)这样看来,这个pc端预览界面及移动端上的显示,肯定是要用同一套组件了。以前做过类似的项目是用iframe嵌套移动端界面实现的,但是后来非常后悔:1、数据传输是个问题,无论postmessage还是借助服务端,都非常麻烦。2、不灵活现在打算做一套公用组件,给两端使用,但是又不想在git上维护3个项目(3个项目包括:pc,移动,共用组件),因此有了本文:Vue多项目共用组件,并且
2021-08-04 17:45:57 8707 1
转载 从JS事件循环(Event Loop)机制到vue.nextTick的实现
来源:https://www.jianshu.com/p/7fe2cb3ea2e9前言众所周知,为了与浏览器进行交互,Javascript是一门非阻塞单线程脚本语言。 为何单线程? 因为如果在DOM操作中,有两个线程一个添加节点,一个删除节点,浏览器并不知道以哪个为准,所以只能选择一个主线程来执行代码,以防止冲突。虽然如今添加了webworker等新技术,但其依然只是主线程的子线程,并不能执行诸如I/O类的操作。长期来看,JS将一直是单线程。 为何非阻塞?因为单线程意味着任.
2021-04-09 14:47:11 142
转载 JavaScript ES2021 最值得期待的 5 个新特性解析
文章来自:https://mp.weixin.qq.com/s/rB6Fm9hlv-mYeQCY_NAMEw在写本文时,本文提到的新的 JavaScript 提案功能已进入第 4 阶段,并且几乎肯定会包含在 ES2021 中。你已经可以开始在 最新版本的浏览器,Node.js 和 Babel 中使用。注意:ECMAScript 是 JavaScript 所基于的标准,由 TC39 委员会管理。ECMAScript 始终是一个不需要的名称,这会使一切都对初学者感到困惑。人们经常谈论 JavaScrip
2021-04-09 11:31:20 193
原创 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
2021-04-09 11:26:05 102
原创 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..
2021-04-09 10:38:10 138 1
原创 JavaScript String 对象方法汇总
String 对象属性属性 描述 constructor 对创建该对象的函数的引用 length 字符串的长度 prototype 允许您向对象添加属性和方法 String 对象方法方法 是否改变原数组 参数,[选填参数] 描述 anchor() 否 name 创建 HTML 锚。String HTML 包装方法 big() 否 无 用大号字体显示字符串。String HTML 包装方法 bli
2021-04-01 16:07:30 96
原创 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...
2021-03-31 10:04:55 424 2
原创 JavaScript Array 对象方法汇总
JavaScript Array 对象方法汇总数组属性属性 描述 constructor 返回创建数组对象的原型函数。 length 设置或返回数组元素的个数。 prototype 允许你向数组对象添加属性或方法。 Array 对象方法方法 描述 concat() 连接两个或更多的数组,并返回结果。 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。 entries() 返回数组的可迭代对象。
2021-03-26 21:30:57 249 2
转载 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...
2021-03-26 20:59:10 97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人