原创 vue3 pinia 和 vuex的對比

前言 vue3中使用了全新的組合式API: https://v3.cn.vuejs.org/ vuex從4.x版本開始也對應的提供了適配vue3的api:https://vuex.vuejs.org/zh/ pinia是新出現的狀態管理工具

原创 dayjs時間轉換,模糊時間、精確時間

前言 關於dayjs: https://dayjs.fenxianglu.cn/category/#typescript 關於模糊時間、精確時間   模糊時間、精確時間   模糊時間需求: 時間區間 區間 時間顯示格式 舉

原创 Vue3 父子組件傳值,defineProps,defineEmits,以及父組件調用子組件的方法 defineExpose

前言 父子組件的值傳遞,在vue2中直接使用 props、this.$emit('xxx')即可,在Vue3中有較大的變化,父組件傳遞的值,只有在子組件使用 defineProps、defineEmits接收纔可以使用   父子組件值傳

原创 vue3的 keep-alive 使用,以及activated鉤子 和 vue-router中的 scrollBehavior的使用

先上代碼 <router-view v-slot="{ Component }"> <keep-alive> <component :key="$route.name" :is="Component" v-if="$route.

原创 vue3 中的axios的使用,使用Vue.prototype 報錯問題

vue2中axois的使用 import Vue from 'vue'; import axios from 'axios'; Vue.prototype.$ajax = axios; 或者,使用Vue.use(httpReque

原创 vite2.x + vue3 的項目創建,vite.comfig.js的配置

前言: 截止2022-03 vue-cli 腳手架還未集成 vite 打包工具,當前仍然是 webpack,所以本文簡述下vite創建vue3項目的流程   創建 vite + vue3 項目的命令流程: // 初始化項目,並命名 np

原创 react-router-dom 在hook中的使用 v6 和 v5的對比

前言 react-router-dom 是react中通用的路由組件,隨着新版本的更新,尤其是爲了配合 react hook 的 v6版本,已經在使用上有了較大的變化,本文旨在對比舊版本(v5),以及介紹新版本的使用   react-r

原创 react hook 的 useEffect 副作用

前言 在 react 的 16.8 版本中 引入了 hook 概念,這是一次翻天覆地的改變,是一次理念的改變,也可以說是推到重建     本文的目的 在開始寫本文之前,一直在考慮要不要對比舊版本的react,也就是 class compo

原创 vue / js scrollIntoView的使用和替代方法(無jquery的滾動動畫效果)

scrollIntoView: https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView 背景 筆者想要實現一個頁面,該頁面包括如下功能: 頂部Tab

原创 阿里雲 配置 https 域名協議,申請SSL證書

前言: 我們訪問的網站通常都是 https開頭的, 如果是 http 協議的網址,訪問時會顯示不安全(以chrome爲例) 另外 http 還會影響我們網站的SEO排名(google、baidu) 所以接下來我們來說下http 和 htt

原创 阿里雲服務器解析域名

.com相對寬鬆點,註冊後就能用。不過最近聽說有部分註冊商也開始要求備案了 .cn備案主要分2部分 1.CNNIC審覈。註冊域名時,提供申請機構的機構代碼證及負責人身份證給註冊商審覈,然後CNNIC會與你電話覈實信息。 2.網站ICP備案

原创 FirewallD is not running 遠程服務器開啓端口報錯

  執行: `firewall-cmd --zone=public --add-port=8081/tcp --permanent` 時,提示如下錯誤 `FirewallD is not running`  原因是防火牆未開啓   解決:

原创 雲服務器通過ip無法訪問

原因排查: ping ip 查看是否能夠連接 執行 ping 127.0.0.1 查看連接是否順暢(此處使用127.0.0.1代替雲服務器的ip,自己嘗試時記得替換爲自己的ip) (如果能夠連接,則執行下一步操作,否則表示雲服務器ip已

原创 [prerender-spa-plugin] Unable to prerender all routes! 內網打包報錯(Navigation Timeout Exceeded)

[prerender-spa-plugin] Unable to prerender all routes! 內網打包報錯 查看錯誤詳情: \node_modules\prerender-spa-plugin\es6\index.js在Li

原创 vue-cli中的 mode模式、env環境文件,以及其中定義的環境變量

package.json文件 "scripts": { "serve": "vue-cli-service serve --mode development", "build:intranet": "vue-cli-serv