什么情况需要前端控制并发请求，在需要多次才能请求完所需数据的时候。比如接口一次返回，数据很多，让浏览器渲染卡顿甚至崩溃，这时候我们可以分批同时发出6个请求，这样就可以避免卡顿或者崩溃。

vue3 watch 最佳实践项目中在监听数据变化，有时候不生效，又去翻阅文档，watch 和 watchEffect 如何选择才比较好？这些问题，都挺关键的，现在总结一下比较好的做法。watchwatch 的第一个参数是监听的数据源，有四种形式：ref：ref、computed;reactive；getter: 返回一值的函数；以上三种组成的数组。监听 ref 和 shall...

命名为 hook:hookName ，前面的 hook: 是固定写法，比如 hook:mounted 、 hook:beforeDestroy 。

为了更好地展示地球上的数据，需要将地球投影到一个平面上。地图投影是一个数学问题，按照一定的几何关系，将地球上的经纬度坐标映射到一个平面上的坐标。地球投影有很多种，每种投影都有自己的优缺点。本文介绍一些常用的地球投影。

前端项目如何规范文件命名ls-lint 是一个非常快的文件和目录名称 linter，可方便约束项目目录和文件的命名。特点：快速依赖少适用所有文件配置简单安装依赖 {代码...} 在 husky 加入 git hook: {代码...} 没有安装 husky ，需要安装。安装 4.3.8，5 以上版本有问题。配置命名规则项目根目录下，新建 .ls-lint.yml ，内容...

pics图片链接 {代码...}

做前端开发的经常遇到它。像素是图像的最小单位，是一个点，单个像素没有具体的尺寸，但是具备亮度和色彩变化。相同屏幕，像素越多，屏幕越清晰，反之越模糊。

文章图床leafletleaflet 核心类ol初始化到贵阳

最近阅读了《编写可读代码的艺术》一书，感觉很有收获，现在结合自己的理解再来总结编写可读性代码的技巧，会用 js 举例，并且针对日常开发中常见的代码异味给出改我的进建议。

如何优雅地封装 axios工作中接手他人的项目，看到一些 axios 封装很是复杂，难用，现在来总结一下 axios 封装 xhr 的问题。在 vue 项目中使用，希望达到下面的效果：引用方便，在组件中，通过 this.$http[method] 使用；兼容 REST 风格封装，使用 JSON 进行交互，提供常用的四种方法；不同请求方法，参数格式一致，this....

指令vue 内置了一些指令，也提供了自定义指令的接口。指令的作用：可把一些可复用的逻辑封装成指令，以实现逻辑复用。指令按照使用范围看，分为全局指令和局部指令（在某个组件内部使用的）。指令和组件一样，具有一些在特定时期执行的函数，就是通过它们定义指令的。使用方式有一个v-test指令。 {代码...} :之后的是指...

如何优雅地在本地测试 npm 包需要发布my-npm，想在my-project项目内测试my-npmmy-npm 是 npm 的名字，不一定和项目名字相同，为了方便，开发 my-npm 的项目名字也叫 my-npm。三种方法yalc 模拟仓库全局安装 npm i yalc -gmy-npm build 后， 执行 yalc public， my-project yalc add my-npm推荐这种方式，更加简单透明。n...

前面的文章有提到，vue 官网给出的 render 函数的例子只能体现 render 函数的优雅的一方面，却不能看出其扩展性，今天就来封装一个体现其扩展性的组件。

函数式组件函数式组件（functional component）是一个不持有状态data、实例this和生命周期的组件。函数式组件没有 data、生命周期和this，函数式组件又叫无状态组件（stateless component）。模板定义： {代码...} render 函数定义 {代码...} 不能这样定义： {代码...} 使用 render 函数定义输入框MyInput.jsx {代码...}...

在 vue 的项目入口文件中，下面的代码新建一个 vue 的根组件，并默认命名为 Root，并将其挂载在 HTML 模板 #app div 上，它的模板在哪？

github + hexo 搭建博客 大学时搭建过 github 博客，但是后来没怎么弄了。感觉有点折腾，就没有继续维护了，今天再来重新搭建一个博客。本文记录搭建操作。 预备知识： npm 命令； git 命令 github 常见操作 环境要求： node git 我的环境： {代码...} 安装 hexo {代码...} 在某个文件夹内初始化 hexo 博客所需要的文件 ...

为了在软件版本号中包含更多意义，反映代码所做的修改，产生了语义化版本，软件的使用者能从版本号中推测软件做的修改。npm 包使用语义化版控制，我们可安装一定版本范围的 npm 包，npm 会选择和你指定的版本相匹配 的 (latest)最新版本安装。npm 的版本号由三部分组成：主版本号、次版本号、补丁版本号。变更不同的版本...

在ES6引入 TypeArray 之前，JS没有能读取和操作二进制数据流的机制，Buffer 作为 Node API 引入，以便能和 TCP 网络流、文件流等进行交互。 目前 ES6 中有 TypeArray 了，Buffer 类以更加优化和适用的于 Node 操作的方式实现了 Unit8Array API。总之，Buffer 就是用来操作二进制数据的，位于全局变量中，无需引入即可使...