原文链接实现了左右，此处就不做代码重复 codepen 中可以发现上面的代码部分可以左右拖动，上下也是可以拖动改变的 image.png 上代码 此处需要注意 codepen有一个 header，我们大概理解高度为 60px 使用了 vue ...

模块并不是对象，模块的使用分为两部分：定义模块和使用模块。它们一般位于不同的文件中，使用模块的文件可以调用定义模块的文件中导出的内容，有点像我们平时在一个页面中导入其他的js文件，但模块调用要比导入js文件更加强大。 模块的基本用法 模块最 ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

react 项目中有时会需要用到ref去获取节点的真实dom对象，在函数组件中官方推荐使用useRef 我在渲染列表时想获取所有li的dom元素，根据官方文档中的demo，我写出了下面的代码，点击button时打印ref的值 import ...

第一部分：编辑器层面的准备工作一、vscode1、插件安装（3个）eslint：让代码不符合约定规范时，能有红线提示prettier：使得开发者使用快捷键（mac: shift+option+f，windows: shift+alt+f）格 ...

在nodejs中，提供了exports 和 require 两个对象，其中 exports 是模块公开的接口，require 用于从外部获取一个模块的接口，即所获取模块的 exports 对象。在我们自己写模块的时候，需要在模块最后写好模块 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

1. 什么是装饰器 Decorator 是 ES7 的一个新语法，他可以对一些对象进行装饰包装然后返回一个被包装过的对象，可以装饰的对象包括：类，属性，方法等。打个比方：你出去玩，出门前戴了一顶帽子，这是帽子就是装饰器，你自己就是被装 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

一、Git 代码版本管理工具 1.常用的git服务器 github | coding.net(码云) 2.git的常用命令 git init [project-name] //新建一个目录，将其初始化为Git代码库 git clone [u ...