南歌子

摘要： 前言 vue3中使用了全新的组合式API： https://v3.cn.vuejs.org/ vuex从4.x版本开始也对应的提供了适配vue3的api：https://vuex.vuejs.org/zh/ pinia是新出现的状态管理工具，相对于vuex更加精简： https://pinia.vu 阅读全文

摘要： 前言 关于dayjs: https://dayjs.fenxianglu.cn/category/#typescript 关于模糊时间、精确时间 模糊时间、精确时间 模糊时间需求： | 时间区间 | 区间 | 时间显示格式 | 举例 | | | | | | | < 1min | [0, 1m] | 阅读全文

摘要： 前言 父子组件的值传递，在vue2中直接使用 props、this.$emit('xxx')即可，在Vue3中有较大的变化，父组件传递的值，只有在子组件使用 defineProps、defineEmits接收才可以使用 父子组件值传递 需要将父组件的参数使用defineProps，defineEmi 阅读全文

摘要： 先上代码 <router-view v-slot="{ Component }"> <keep-alive> <component :key="$route.name" :is="Component" v-if="$route.meta.keepAlive" /> </keep-alive> <co 阅读全文

摘要： 前言： 截止2022-03 vue-cli 脚手架还未集成 vite 打包工具，当前仍然是 webpack，所以本文简述下vite创建vue3项目的流程 创建 vite + vue3 项目的命令流程： // 初始化项目，并命名 npm init @vitejs/app test-vue3 // 选择 阅读全文

摘要： vue2中axois的使用 import Vue from 'vue'; import axios from 'axios'; Vue.prototype.$ajax = axios; 或者，使用Vue.use(httpRequest, config)实现引入 // main.js import h 阅读全文

摘要： 前言 react-router-dom 是react中通用的路由组件，随着新版本的更新，尤其是为了配合 react hook 的 v6版本，已经在使用上有了较大的变化，本文旨在对比旧版本（v5），以及介绍新版本的使用 react-router-dom 的版本介绍 v5文档： https://v5.r 阅读全文

摘要： 前言 在 react 的 16.8 版本中 引入了 hook 概念，这是一次翻天覆地的改变，是一次理念的改变，也可以说是推到重建 本文的目的 在开始写本文之前，一直在考虑要不要对比旧版本的react，也就是 class component（hook 被称为 function component）。因 阅读全文

摘要： scrollIntoView: https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView 背景 笔者想要实现一个页面，该页面包括如下功能： 顶部Tab -需要置顶； -超出则左右可滑动； -点击时将选中Tab高亮， 阅读全文

摘要： 前言： 我们访问的网站通常都是 https开头的， 如果是 http 协议的网址，访问时会显示不安全（以chrome为例） 另外 http 还会影响我们网站的SEO排名（google、baidu） 所以接下来我们来说下http 和 https，以及https的证书获取流程 http 和 https的 阅读全文

摘要： 关于域名备案 .com相对宽松点，注册后就能用。不过最近听说有部分注册商也开始要求备案了 .cn备案主要分2部分 1.CNNIC审核。注册域名时，提供申请机构的机构代码证及负责人身份证给注册商审核，然后CNNIC会与你电话核实信息。 2.网站ICP备案。域名注册后，尽快在工信部网站申请网站ICP备案 阅读全文

摘要： 原因排查： ping ip 查看是否能够连接 执行 ping 127.0.0.1 查看连接是否顺畅（此处使用127.0.0.1代替云服务器的ip，自己尝试时记得替换为自己的ip） （如果能够连接，则执行下一步操作，否则表示云服务器ip已经有问题） telnet ip port 查看指定端口是否连接（ 阅读全文

摘要： 执行： `firewall-cmd --zone=public --add-port=8081/tcp --permanent` 时，提示如下错误 `FirewallD is not running` 原因是防火墙未开启 解决： 1. 查看firewall状态： 执行 `systemctl stat 阅读全文

摘要： [prerender-spa-plugin] Unable to prerender all routes! 内网打包报错 查看错误详情： \node_modules\prerender-spa-plugin\es6\index.js在Line 144 添加 console.log('err', e 阅读全文

摘要： package.json文件 "scripts": { "serve": "vue-cli-service serve --mode development", "build:intranet": "vue-cli-service build --mode intranet", "build:tes 阅读全文

摘要： whistle介绍 简介： 基于Node实现的跨平台web调试代理工具 同类工具： Fiddler 作用： 主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用 whistle官网：http://wproxy.org/whistle/ 安装whis 阅读全文

摘要： ###问题 在javascript使用小数点 +-*/ 运算会出现误差，比如： 0.1 + 0.2 == 0.30000000000000004 0.2 + 0.4 == 0.6000000000000001 19.9 * 100 == 1989.9999999999998 其实，不仅仅只有java 阅读全文

摘要： 场景：下拉弹框显示时，想要点击其他地方即隐藏（不使用蒙板，下拉弹框定位到点击显示的位置） tabindex可以使得相应的节点具有 focus 和 blur 事件 tabindex=负值 (通常是tabindex='-1')，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用JS做页面小组件内 阅读全文

摘要： 版本： echarts@5.0.2 测试使用案例： https://echarts.apache.org/examples/zh/editor.html?c=candlestick-sh 折线hover后的加粗如何取消 解决方法： 同时设置 lineStyle 和 emphasis.lineStyl 阅读全文

摘要： 本文基于： vue-cli@4.5.13 vue@2.6.11 vue create 和 init 的区别 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。 vue 阅读全文