Nuxt 是一个基于 Vue 的服务端渲染框架，它的用法与直接使用 Vue 构建单页面应用有很大的不同。主要体现在： 可以编写后台中间件 文件目录决定路由 添加了特有的生命周期，数据获取可以在服务...

Typescript 的类型声明可以扩展全局和第三方库的现有类型。第三方库自己拥有类型说明或在 @types 包中有类型说明，但有时第三方库没有提供累心声明或者类型不满足我们的要求，就需要我们自己...

从ES6开始，我们可以使用import和export来使用模块系统，更好的组织代码。但在使用过程中，我们难免遇到一些问题，本篇文章就其中一些问题进行研究。 声明：本文研究的内容都针对于原初的ESM...

Webpack 的 sass-loader 是没有处理资源（比如图片和字体）的相对路径的。在项目代码中这一点也许不是问题，但是对于 node_modules 中的资源文件就不是那么回事了。 https://webpack.docsch...

Web 从后台获取数据的时候，如果参数和结果都相同，那我们可以将请求缓存起来以节约流量。 Lodash 就提供了相关的函数 memoize，它是以函数为操作单位的。 异步缓存 如果我们希望对缓存进行更...

IntersectionObserver 是用于检测元素之间相互交叉重叠的 API，经常用来监听元素的出现和消失。 MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver 虽然 MDN 中描...

APP中的付费项目通常会用原生的支付宝和微信支付，支付完成后回到web页面。 如果页面通过调桥来进行跳转付款界面，理想情况下有个回调让页面知道用户付款成功了，以对页面进行响应的更新。还...

前端和后端都有RSA加密库，但是通常不能通用，即浏览器的RSA库不能用在Node，Node的RSA库不能用在浏览器。在前后端之间进行RSA加密通信时，需要两端的库的配置相匹配。 本文以前端的 jsencr...

在之前的一篇文章中提到了封装Vue组件库的方法，包括webpackage和vue-cli的方法。 但是这两个方法都有缺点： 无法打包ES模块 无法生成Typescript类型声明文件 生成包体积大 所以我决定重新研...

Jest是单元测试的利器，它方便易用，最简单的用法就是其一些列的验证函数，比如toBe和toEqual。它们通常和expect函数一起用，来验证变量是否满足条件。 https://jestjs.io/docs/expect#not ...

Vue3 推出了Composition API的新特性，相信大家都已经学习过了，官方文档上的教程写的也很详细。 https://v3.cn.vuejs.org/guide/composition-api-introduction.html 但是有些官方文档中没有...

Web可以通过设置viewport的width来指定视口逻辑像素数量，我们通常设置为device-width来达到最佳的显示效果。 但这个device-width在不同色设备上数值不同，差异可能很大，我们需要了解一些常...

与使用JavaScript不同的是，用Typescript写Vue程序要需要了解Vue的相关类型。Vue核心的类型，大部分写在@vue/runtime-core包中。 Component Vue页面是由一个个组件组成的，组件在Vue中的类是...

浏览器 宏任务和微任务 Javascript 引擎单线程运行，有宏任务队列和微任务队列控制程序执行顺序。 Javascript 先按顺序执行宏任务队列，期间产生的新宏任务添加到新一个宏任务队列，产生的微...

选集（selection）是D3的基础，它用于选择元素，并支持编辑、绑定数据等操作。为了自己的巩固和分享，写了这篇解析D3选集的文章。 阅读本文，需要您学习过D3的基础。如果错误，感谢指正。 解...

Chrome控制台的命令和console对象方法总结。 Chrome Devtool Console 控制台中的预置命令有很多有用的功能。 历史变量 控制台中的一些预置变量保存了元素访问的历史和控制台输出历史： $0-4...

树图是很常用的图表，它有结点和子节点的结构。如果一个结点的子节点太多，我们通常会把它们先隐藏起来，在点击父节点的时候展开显示。为了美观和流畅，我们可以加上展开收起的动画。 用 D3...

在之前的文章（标记本次浏览的第一个页面）中提到vue-router会在history.state中存放一个字符串来标识路由，这一点在文档中没有明说它的原理，我们在利用history.state来标记第一层路由的时候...

打字效果是常见的动画，它靠 CSS 和等宽字体就可以实现。 原理 这个技巧主要使用了 CSS 属性 animation steps 来控制文本容器的宽度，使宽度以一定速度突变，就便表现出打字的效果。核心代码...

CSS 新特性实验笔记。 aspect-ratio aspect-ratio 设定块级元素的长宽比。 语法 aspect-ratio: auto | ; 示例：