前言2022-07-11,天气晴,外面的 ☀️ 太阳公公炙烤着大地,散发的余热让街道上匆匆的行人 🚶 大汉淋漓。 我在办公室正常办公,睡了一个好不舒服的午觉,朦胧的双眼透露着一股不满足的气息。今天又是和甲方的需求评审会议,我像往常一样认真地分析需求,并在需要的时候发表自己的一些看法,突然微信弹出了一个语音通话,一看是上级领导,一种不详的征兆涌上心头,特别是在我刚过半年转正的这个敏感的时间点。因为在我看来,领导找你无非两个原因,一个是你工作做得不好,找你谈话,一个就是大环境下的裁员。(我的工作安排在华南地区有主管安排,一般总监不会直接找你) 大概意思如下:领导:’明伟,公司这两个季度业绩亏损状态,你在裁员名单里面,本来可以提前叫你走的,但考虑到转正可以赔偿n+1,所以现在才跟你说,这也是我尽可能做的了,还希望理解。‘我:’好吧,谢谢。‘ 我也明白这个不是领导能决定的,我也表示很理解,但突然袭来的裁员让我措手不及,一下就打乱了我的计划。本来我想这公司福利和业务都算不错,现在大环境求职也不好,好好的在这呆个几年,沉淀一下。 这下好了,本来简历都不怎么好的,现在又加了一条半年的裁员经历,感觉 ...
教程 在项目 src 目录下创建 setupProxy.js: 1234567891011121314151617181920const { createProxyMiddleware } = require('http-proxy-middleware')module.exports = function (app) { app.use( createProxyMiddleware('/api', { // 遇到/api1前缀的请求,就会触发该代理配置 // 转发给谁 target: 'http://localhost:5001', // 让服务器知道从哪发出的 控制服务器收到的请求头的Host字段的值 changeOrigin: true, // 把api1 替换成空格。去除请求前缀,保证交给后台服务器是正常请求地址 pathRewr ...
我们使用第三方库 @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 ...
用了几年 Vue,但对于 React 还处在懵懂的状态,趁着最近工作不忙,赶紧把 React 的知识补上 强烈推荐哔哩哔哩上的张天禹老师的教程:尚硅谷React教程(2022加更,B站超火react教程) 有 vue 基础的上手特别快,有需要学习 React 的伙伴可以观看一下 什么是 ReactReact 是一个简单的 javascript UI 库,用于构建高效、快速的用户界面。它是一个轻量级库,因此很受欢迎。它遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效。它使用 虚拟DOM 来有效地操作 DOM。它遵循从高阶组件到低阶组件的单向数据流。 React 和 Vue 的区别核心思想不同 Vue 的核心思想是尽可能的降低前端开发的门槛,是一个灵活易用的渐进式双向绑定的 MVVM 框架。 React 的核心思想是声明式渲染和组件化、单向数据流,React 既不属于 MVC 也不属于 MVVM 架构。声明式是什么意思?声明式与之相对应的是命令式,命令式指的是通过DOM操作一步步把网页变成想要的样子,而声明式则是只需要通过状态去形容最后的网页长什么样子即可 ...
本文转载自 前端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, ...
之前的 Cherry 樱花雨背景特效 感觉太花里胡哨了,自己整了个渐变星空背景,效果看着还不错,有兴趣的伙伴可以观摩一下。 教程 [Blogroot]\_config.butterfly.yml 找到 index_img 设置为空: 12# The banner image of home pageindex_img: [Blogroot]\_config.butterfly.yml 找到 background 设置渐变色: 1234# Website Background (設置網站背景)# can set it to color or image (可設置圖片 或者 顔色)# The formal of image: url(http://xxxxxx.com/xxx.jpg)background: 'linear-gradient(to right top, #009fff, #ec2f4b)' [Blogroot]\themes\butterfly\source\css\_global\index.styl 找到 #web_bg 设置渐变动画: 12 ...
你有构建完组件库后,因为不知道如何发布到 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 的 ...
Vue-Admin-Xmw-Pro 项目简介 vue-admin-xmw-pro 是一个后台管理系统解决方案,采用前后端分离技术开发。它使用了最新的技术栈,提供了丰富的功能组件,希望本项目可以帮助到您。 🎯 前端技术栈: vue.js、ant-design-vue、axios、g2plot 🔗 前端传送门: Xmw_web 🎯 后端技术栈: egg.js、jsonwebtoken、sequelize、redis 😝 线上预览: http://vue2.xmwpro.com 🔑 用户名:admin,密码:123456 🚀 github 仓库地址 🚀 码云仓库地址 📄 文档地址:正在编写中! ❤️ star:如果可以的话,请顺手给个star,表示对作者的鼓励,万分感谢! 😝 Vue3+Typescript版本: vue3-xmw-admin-pro 环境和依赖 node yarn webpack @vue/cli 推荐本项目使用 Yarn 包管理工具 项目运行 拉取项目代码 123456git clone https://github ...
当博客有了一定流量或者有一定文章篇数的时候,我们就可以考虑使用 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 ...
右键菜单教程借鉴了站长Akilar の糖果屋的文章 GalMenu,加上自己的改动,有兴趣的伙伴可以在此教程上改进 具体步骤 在 [Blogroot]\themes\butterfly\layout\includes\third-party\ 目录下新建 galmenu.pug 文件,注意缩进。 12345678#rightMenu each MenuItem,index in theme.GalMenu.MenuGuoup .rightMenu-group each item in MenuItem.MenuItem a.rightMenu-item.faa-parent.animated-hover(href=url_for(item.link),title=item.name,id=item.id) i.fa.faa-tada(class=item.icon) if index != 0 span.rightMenu-name=item.name 修改 [Blogroot]\themes ...
avatar
Cyan
记录学习、生活和有趣的事
引导站
公告
好好吃饭🍣 好好睡觉💤 敲敲代码💻 谈谈恋爱💑