再读 pinia 官方文档

安装

用你喜欢的包管理器安装 pinia

1
2
3
yarn add pinia
# 或者使用 npm
npm install pinia

如果你的应用使用的 Vue 版本低于 2.7,你还需要安装组合式 API 包:@vue/composition-api

创建一个 pinia 实例

阅读更多

vue3 相关存档

你以为的你已经很了解了,每次读官方文档,都会发现有不一样的感悟,让你眼前一亮的感觉。

vue3

Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。

提供了 选项式 API 和 组合式 API 两种编程模型

阅读更多

volta -> n -> nvm -> node 版本管理工具

做为 NVM/N 的忠实用户,无意中在网上看到了更方便的管理 node 版本的工具 volta。本来觉得没啥东西,无非就是 nvm 的仿品或者替代品而已,既然我已经可以随意切换我的 node 了,为什么还要换个工具去管理我的开发环境,没甚意思。但是当我细细探究之时才发现,这个东西将来必然会取代 nvm 的地位,成为包管理的主流,设想一个场景, 在维护一个旧的项目,比如用node@12.3.0可以跑的项目,使用node@16.0.0就跑不起来,会报错。但这时手上还有其他的新项目,例如使用的是 node@18,突然需要把公司这个旧项目跑起来(node@12.3.0),当前电脑所在环境为 node@18,这时启动旧项目,突然显示报错,唉,原来忘了切换 node 环境,手动切换 nvm use xxxxxx 后,才把项目起起来,这时又需要启动新项目的环境,噢噢,尴尬,起不起来了,这时我们就可以使用 volta
volta 和 nvm 都是跨平台支持的,这里我介绍下 volta 在 mac 和 win 上的安装方法。

volta

volta 安装

1、mac 安装 nvm 和 volta 都很简单,这里直接使用官方的安装方法。

1
curl https://get.volta.sh | bash

阅读更多

vue 兼容ueditor,图片上传,不依靠后端配合

找了很多写过的文章,也具体试验过都写的不太完整,这款编辑器借用Vue提供的语法糖实现了数据的双向绑定,不用你自己去getContent或setContent。

对比其他的富文本编辑器,Ueditor的功能相对来说是最强的,对于在Vue中集成Ueditor想必还是有这个需求的。

下面具体说下如何在Vue中集成Ueditor以及在后端如何进行配置提供上传功能。

阅读更多

Vue预渲染prerender-spa-plugin+vue-meta-info

vue设计之初就是单页面应用,他对于有SEO需求的项目并不友好,因为搜索引擎爬虫并不会执行js,所以vue项目在搜索引擎中的排名并不理想,为了解决这个问题,我们可以使用预渲染的方式,将vue项目中的页面渲染成静态页面,这样搜索引擎爬虫就可以爬取到这些静态页面,从而提高项目的排名。

预渲染的方式有很多种,比如使用prerender-spa-plugin插件,或者使用vue-meta-info插件,本文将介绍这两种方式的使用方法。

阅读更多

猿猴宝宝项目一期上线

系统介绍

系统主要功能是为 失业人员 找到工作的时候,可以搜索查找心仪的公司,查看相关公司的信息和相关的评论。另外提供了提问题的入口,包括单不限于调侃,发表意见等,可以和公司或者其他人进行互动。另外,还提供了积分商城,用户可以通过积分兑换商品。

项目系统架构

阅读更多

大厂使用框架的分析

大厂使用框架的分析

1. 框架的对比

1.1. Vue

  • Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。它允许开发者使用简单的语法和声明式模板来构建复杂的单页应用程序(SPA)。
  • Vue.js 的核心特性包括响应式数据绑定、组件化开发、虚拟 DOM 等。它还提供了丰富的生态系统,包括 Vue Router(路由管理)、Vuex(状态管理)等工具。

1.2. React

  • React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发和维护。它使用组件化的方式来构建用户界面,并提供了丰富的生态系统,包括 React Router(路由管理)、Redux(状态管理)等工具。
  • React 的核心特性包括虚拟 DOM、JSX 语法、组件化开发等。它还提供了丰富的生态系统,包括 React Router(路由管理)、Redux(状态管理)等工具。

阅读更多

github 访问要求 2次验证的问题

github现在登录,需要要求用户进行2次验证。这个验证,需要用户在手机上安装一个app,然后使用手机app扫描github的二维码,才能完成登录。

这个验证,对于用户来说,是一个麻烦的事情。但是,对于github来说,这是一个安全措施。因为,如果用户没有安装手机app,那么就无法完成登录,这样就避免了用户账号被恶意登录的风险。

阅读更多