文章图床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 就是用来操作二进制数据的，位于全局变量中，无需引入即可使...