Vue之keep-alive注意事项
很多业务场景中，我们需要做大量的页面切换，最典型的一种情况就是列表页跳转到详情页，详情页返回列表页切换到其他详情页。如果我们每次从详情页返回列表页重新刷新列表页，需要处理数据更新+滚动位置等问题，而且用户体验也是非常的差，而 VUE 则非常贴心的为我们准备了 keep-alive 组件。keep-a
...
Vue之computed实现原理
发表于
|
分类于
Vue
computed 和 watch很多时候我们使用 computed 时往往会与 Vue 中另一个 API 也就是侦听器 watch 相比较，因为在某些方面它们是一致的，都是以 Vue 的依赖追踪机制为基础，当某个依赖数据发生变化时，所有依赖这个数据的相关数据或函数都会自动发生变化或调用。
虽然计算
...
Vue之模板渲染过程
发表于
|
分类于
Vue
借用网上找的图
new Vue
合并配置，初始化生命周期，初始化事件，初始化 render，初始化 methods
初始化 data,初始化 data 后调用 observer双向绑定
observe 会通过 defineReactive 对 data 中的对象进行双向绑定，最终通过 Objec
...
开发一个Vue组件库
发表于
|
分类于
Vue
其实早在 2018 年的项目中，我就已经开发了 Vue 组件库，在过去的几年里也新写了各种各样的组件库，比如 vue 组件库、react 组件库，包括 taro 组件库。在过去的一年里，我荒废了不少，好在及时反省，也认识到需要对技术保持热情。基于此，从过去收集的书签中进行整理。
Nginx图片压缩及防盗链
发表于
|
分类于
Nginx
背景前段时间搞了一个Midjourney中文代理的项目，因为接口什么的都是对接第三方的，相对来说还是比较顺利。由于是通过第三方对接的Midjourney，导致图片都是源站的（虽然Midjourney已经上了CDN，但是由于GFW的原因并不能直接访问），在这种情况下我们又加了一台香港的代理服务器用于代
...
React组件生命周期
发表于
|
分类于
React
借用网上找的图
生命周期钩子函数constructor在类组件创建实例时调用，初始化的时候执行一次，可以在组件进行初始化时候控制组件。不定义 constructor，React 会自动为组件创建一个默认的 constructor。在这个阶段通常会做一下操作：
初始化 state ，获取路由中的参数，
...
Vue3和Vue2差异
发表于
|
分类于
Vue
从官方文档看起来Vue3相对Vue2来说有较多的变化。
Typescript的引入Vue 3 的代码库已经全面采用 TypeScript 重写，提供了更好的类型推断和类型提示。提供了更多的内置类型声明，使得开发时更容易发现代码错误和调试。
响应式系统Vue2通过Object.definedPrope
...
Vue组件生命周期
发表于
|
分类于
Vue
借用网上找的图
beforeCreate | setup(创建前)在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。
created | se
...
非常规单点登录架构回顾
发表于
|
分类于
JavaScript
这是 20 年 7 月左右的事了，当时解决了这个问题就想将它记录下来，但是那段时间实在是太忙了。
Vue.nextTick原理
发表于
|
分类于
Vue
看着书签越来越多，是时候该整理一下了。如果知道 JS 的事件循环机制，那么 Vue.nextTick 的原理也就清楚了。
JS 的事件循环机制回头看了过去的博文，居然没有 JS 事件循环机制的一点点内容。这里简单描述一下：
JS 是单线程（Node 支持多线程），也就是说同一时刻 JS 引擎只能做
...