白雾茫茫丶

前言2022-07-11，天气晴，外面的 ☀️ 太阳公公炙烤着大地，散发的余热让街道上匆匆的行人 🚶 大汉淋漓。 我在办公室正常办公，睡了一个好不舒服的午觉，朦胧的双眼透露着一股不满足的气息。今天又是和甲方的需求评审会议，我像往常一样认真地分析需求，并在需要的时候发表自己的一些看法，突然微信弹出了一个语音通话，一看是上级领导，一种不详的征兆涌上心头，特别是在我刚过半年转正的这个敏感的时间点。因为在我看来，领导找你无非两个原因，一个是你工作做得不好，找你谈话，一个就是大环境下的裁员。(我的工作安排在华南地区有主管安排，一般总监不会直接找你) 大概意思如下：领导：’明伟，公司这两个季度业绩亏损状态，你在裁员名单里面，本来可以提前叫你走的，但考虑到转正可以赔偿n+1，所以现在才跟你说，这也是我尽可能做的了，还希望理解。‘我：’好吧，谢谢。‘ 我也明白这个不是领导能决定的，我也表示很理解，但突然袭来的裁员让我措手不及，一下就打乱了我的计划。本来我想这公司福利和业务都算不错，现在大环境求职也不好，好好的在这呆个几年，沉淀一下。 这下好了，本来简历都不怎么好的，现在又加了一条半年的裁员经历，感觉 ...

我们使用第三方库 @craco/craco 配置别名 教程 安装 @craco/craco 1npm i -D @craco/craco 在项目根目录下创建配置文件 path.tsconfig.json: 12345678910{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } }} 修改 package.json 中的脚本命令 123456"scripts": { "start": "craco start", "build": "craco build", &quo ...

本文转载自 前端Vuer，请收下这份《Vue3中使用JSX简明语法》，如何侵权，请联系作者删除，本文仅当学习使用 各位 Vuer，Vue3 现在已经成为默认版本，今天我们来熟悉一下在 Vue3 中如何使用 JSX 的基本语法 文本插值Vue 中的文本插值默认是使用双大括号: 1<h1>{{msg}}</h1> 在 JSX 中变成了单大括号: 12const name = 'World'const element = <h1>Hello, { name }</h1> 和在 Vue 模板语法中的文本插值一样，大括号内支持任何有效的 JavaScript表达式,比如：2 + 2，user.firstName，formatName(user)等。 条件渲染 使用 if/else 1234567const element = (name) => { if (name) { return <h1>Hello,  ...

你有构建完组件库后，因为不知道如何发布到 npm 的烦恼吗？本教程手把手教你用 Vite 构建组件库发布到 npm 使用 vue-cli 创建 vue3+vite 项目123456## 安装或升级脚手架yarn install -g @vue/cli## 确保 vue-cli 版本在 4.5.0 以上vue -V## 创建项目vue create Hellow-World 这里以我的项目 vue3-xmw-table 为例 调整目录结构 首先需要创建一个 packages 目录，用来存放组件 将 src 目录改为 examples 用作示例 启动项目的时候，默认入口文件是 src/main.js，将 src 目录改为 examples 之后，就需要重新配置入口文件，在根目录下创建一个 vue.config.js 文件 1234567891011121314// vue.config.jsmodule.exports = { // 将 examples 目录添加为新的页面 pages: { index: { // page 的 ...

当博客有了一定流量或者有一定文章篇数的时候，我们就可以考虑使用 Echarts 图表统计，为我们的博客提供更好的用户体验，而且能更直观地看到数据交互。 引进 Echarts这里有两种方式可以选择： 引进 Echarts npm 安装 hexo-butterfly-charts 这里我们选择第一种方式，可以自定义 Echarts 配置项。 引进 echart.jsnpm 安装 在 [Blogroot]\_config.butterfly.yml\ 配置项引进 Echarts:123inject: head: - <script data-pjax src="https://cyan-blog.oss-cn-shenzhen.aliyuncs.com/cdn/js/echarts.min.js"></script> 这里要注意 Echarts 的版本，这里我使用的是 V5.3.2 的，如果版本不一致，可能出现图表渲染失败。 在 [Blogroot]\ 根目录下执行命令 npm i hexo-butterfly-charts ...