松山有雪

1. 安装Jest 2. 配置babel 项目在node环境执行单测，不支持es6，需要使用babel转换es6语法=>es5。需安装babel-jest、@babel/c...

Vue3 使用provide/inject或者config.globalProperties，代替了Vue.prototype 1. provide/inject (适用于...

参考：JavaScript编程语言—类—Mixin模式 mixin是一个包含可被其他类使用而无需继承的方法的类。 mixin提供了实现特定行为的方法，但是我们不单独使用它，...

如何判定元素展现 部分展现：元素有一部分出现在视口，就算作展现 完全展现：整个元素出现在视口 实现 1. 获取视口大小 宽度window.innerWidth; 高度win...

背景 基于vue框架的单页面应用，仅有一个入口，在对js包进行一系列拆分后，css成为阻塞加载的瓶颈。因为各路由下的所有css均被提取到一个css文件中，导致产出包中css...

啥也不说，先上效果图 原文地址在这里 实现背景 产品： 我们需要一个弹幕滚动效果，类似于微博热搜那种实时评论，但是我们的数据是固定的20条，你让他一直循环滚动 我 好的（o...

Node.js升级背景 当前node版本 12，官方已不再维护。详见Node.js发布计划 活跃版本发布时间表(截止2014.01.23) 已终止维护版本(截止2014.0...

devDependencies、dependencies、peerDependencies区别 包版本语义化标准 ^ ~ . x >= <=等各种声明包版本的区别...

升级node版本到18后，启动项目，以下错误，当前plyr版本 3.7.8 解决方案 方法来源：https://github.com/sampotts/plyr/issue...

JavaScript 语言诞生至今，模块规范化之路在曲折中前进。前端社区先后出现了各种解决方案： AMD、CMD、CommonJS 等，而后 ESM的横空出世终于有了官方的...

最近在背面试题时，时常会看见浏览器缓存的作用和重要性，可是没有代码实操过，现在开始实操浏览器强缓存、协商缓存。...

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。...

本文将结合一个标准的git工作流，以及具体的例子，来引出何种条件，会触发 git revert 的失败。通过本文，你讲学到 出现问题能够放心大胆并以正确的姿势来 rever...

背景 面对需要文本溢出截断的场景，通常我们为容器设置固定宽度，再设置文本溢出省略号截断来达成目的 考虑一种特殊场景，flex容器中包含一个默认填充整体区域的元素，该子元素自...

Vue源码中，用于创建Vue的是一个构造方法 new Vue({...})创建Vue实例，若是直接执行Vue({...})会报错缺少new。 实际就是构造方法如何使用，此处...

在上面的文章中，我们依此了解到，CORS ，JSONP 两种方式实现跨域请求。 这两种方法，都需要 前后端进行配合 才能够正确地处理跨域问题。 今天介绍一种方法，不需要前后...

npm run是npm CLI提供的一个命令，实例化一个shell并执行项目的package.json中提供的命令。 例如package.json中配置如下， 执行npm ...