前端如何控制并发请求

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

stencil 简介

6 月 26 日
阅读 2 分钟
399
stencil 是一个生成 Web Component 的编译器,但是其具有自己的特殊语法,使用 stencil 生成的组件可跨框架和在 html 中使用。

vue3 watch 最佳实践

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

vue 中监听生命周期事件

6 月 22 日
阅读 7 分钟
740
命名为 hook:hookName ,前面的 hook: 是固定写法,比如 hook:mounted 、 hook:beforeDestroy 。

地图投影

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

前端项目如何规范文件命名

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

测试npm图库

6 月 20 日
阅读 1 分钟
784
pics图片链接 {代码...}

像素、像素密度、位图和矢量图

6 月 20 日
阅读 4 分钟
952
做前端开发的经常遇到它。像素是图像的最小单位,是一个点,单个像素没有具体的尺寸,但是具备亮度和色彩变化。相同屏幕,像素越多,屏幕越清晰,反之越模糊。
封面图

文章图床

2023-09-20
阅读 1 分钟
915
文章图床leafletleaflet 核心类ol初始化到贵阳

编写可读性代码的艺术--万字总结,看到即学到

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

如何优雅地封装 axios

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

vue指令总结----一次帮你学会使用

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

如何优雅地在本地测试 npm 包

2021-09-10
阅读 2 分钟
2.8k
如何优雅地在本地测试 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...
封面图

如何使用 render 函数封装高扩展的组件

2021-06-15
阅读 9 分钟
2.3k
前面的文章有提到,vue 官网给出的 render 函数的例子只能体现 render 函数的优雅的一方面,却不能看出其扩展性,今天就来封装一个体现其扩展性的组件。

vue2 中的函数式组件

2021-06-11
阅读 9 分钟
7.2k
函数式组件函数式组件(functional component)是一个不持有状态data、实例this和生命周期的组件。函数式组件没有 data、生命周期和this,函数式组件又叫无状态组件(stateless component)。模板定义: {代码...} render 函数定义 {代码...} 不能这样定义: {代码...} 使用 render 函数定义输入框MyInput.jsx {代码...}...

vue render 函数使用

2021-06-10
阅读 12 分钟
5.9k
在 vue 的项目入口文件中,下面的代码新建一个 vue 的根组件,并默认命名为 Root,并将其挂载在 HTML 模板 #app div 上,它的模板在哪?

hexo + githubpage 搭建个人博客

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

npm 语义化版本控制

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

node 核心模块学习之 Buffer

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