为什么我不是神经病-优快云博客

原创 Git Pull 报错处理记录：untracked working tree files would be overwritten by merge

本地手动创建的文件如果与远程仓库已有文件重名，在首次 pull 时可能造成冲突。建议新项目开始前，先 pull 下远程内容再添加本地文件，或者避免命名重复。可以通过mv备份冲突文件，再安全地完成合并。

2025-07-12 22:45:27 497

原创 Tailwind CSS 设置和问题解决指南

在 React + Vite + TypeScript 项目中，Tailwind CSS 不生效，等属性没有效果。

2025-07-12 21:25:51 711

通信方式适用场景优点缺点props父子组件简单直观、可控性强层层传递繁琐状态提升兄弟组件结构清晰父组件易臃肿Context跨层级祖孙组件解决深层传递问题不适合频繁变化的状态事件总线不相关组件通信解耦灵活不可追踪，易出 bug全局状态管理大型项目，复杂数据共享状态集中、调试方便引入成本高，小项目不推荐组件通信方式没有好坏，只有适不适合你的业务场景。小项目用 props + context 足够，大型项目配合 Zustand/Redux 更高效。

2025-07-04 19:20:14 591

原创利用 TypeScript 高级类型封装动态表单组件（附完整示例）

/ 表单字段定义// 类型映射：根据字段值类型推导出控件类型?'input'?'number'?// 生成控件类型映射表// 推导示例/*Result 为：*/这个映射类型UIMap<T>可以在我的表单组件内部自动推导字段所对应的控件类型，避免手动定义字段配置。

2025-07-04 19:09:27 310

原创闭包到底是什么？进来看看

场景是否推荐说明私有变量封装✅高内聚，数据安全工厂函数/记忆函数✅强可复用性高频 DOM 事件闭包❌易泄漏大量闭包动态创建⚠️谨慎使用。

2025-07-04 18:06:02 444

原创 React is not defined其他处理方法都试过了还是不行

如果代码编译没有问题，但是浏览器就是打不开项目，并且控制台报错React is not defined，那么！用其他浏览器打开试试，如果可以的话，那大概率就是你的这个浏览器缓存过期了！清理一下缓存就好了，根本不用把依赖删来删去安来安去呜呜呜。

2024-06-28 15:08:48 865

原创 react基础-安装到开发

一、安装（win10系统）1.安装node.js2.安装reactwin+r打开cmd，按顺序输入npm install -g create-react-appcreate-react-app检查是否安装好，如下图3.输入cmd进一个你想建项目的文件夹4.输入 create-react-app react-demo ，然后等，下图是安装好了5.输入 cd react-demo 进入项目包，再输入 npm run start，出现下面界面就成功了3.项目目录结构参考：https

2021-05-25 10:32:16 195

原创模仿ctrl+f全局循环搜索

<div class="search_input"><input v-model="searchitem" @keyup.enter="searchSubmit" @input="searchitemClear" placeholder="搜索会议内容" /></div>data中定义 searchhead// 搜索内容把对应内容变为红色 changeColor(item) { let searchitem = this.searchitem; //获

2021-05-07 12:52:40 315

原创前端vue二维码生成组件qrcode.js

安装依赖npm install --save qrcode父组件结构：<QRcode :url='url' />数据：<script> import QRcode from '@/components/QRcode' export default { components: { QRcode }, data() { return { url: "", } }, }&l

2021-03-23 15:55:17 324

原创 AES前端加密ECB模式和CBC模式vue

区别ECB：是一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。CBC：是一种循环模式，前一个分组的密文和当前分组的明文异或或操作后再加密，这样做的目的是增强破解难度。（不容易主动攻击，安全性好于ECB，是SSL、IPSec的标准）1.加密先安装依赖npm install crypto-js --save-dev2.引入 import AES from '../common/AES' // 需要封装的，AES.js封装文件在后面

2021-03-23 15:41:49 1328 1

原创 js前端图片转base64

图片转base64将图片转成base64显示在页面上，好处是可以实现网页图片在网速不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担var canvas = document.createElement('canvas')var ctx = canvas.getContext('2d'); // quality值越小，所绘制出的图像越模糊var base64 = canvas.toDataURL('image/jpeg',quality);...

2021-03-23 15:19:12 618

原创 vue+element el-pagination后端分页bug

bug描述当搜索结果总页数小于当前所在页码，会显示“暂无数据”，实际上有数据产生原因：我们搜索的时候向接口查询数据，传的currentpage是当前的，但是想搜索的数据并没有那么多页，所以会无法显示数据解决思路他搜索的时候，重新渲染页面，页码传1过去解决方法定义pageshow，默认为true，search的时候让他变成false，再重新渲染页面，改变currentpage，再让pageshow变成true，pageshow绑定在分页上步骤（从上至下）：1.搜索处： @chang.

2021-03-23 10:51:53 649

原创 element可手指滑动走马灯，轮播图

1.定义一个ref<el-carousel type="card" :autoplay="false" arrow="never" ref="slideCarousel" @change="setActiveItem"> <el-carousel-item v-for="item in imgList" :key="item.id"> <img class="element-img" alt="暂无" :src="item.url" @click="upl

2021-03-23 10:38:35 3591 1

原创 vue前端上传图片预览

前端上传图片在浏览器上预览，不调接口，刷新后图片就会没有<div class="btn"> <button>上传背景图片<input id="fileToUpload" style="position: absolute; top: 0; bottom: 0; left: 0;right: 0; opacity: 0;" type="file" accept="image/jpg,image/png" name="fileToUpload" @c

2021-03-17 18:22:59 406

原创设置接口响应时间

1.axios全局设置axios.js中：或者直接写：axios.defaults.timeout = 30 * 1000; // 30s2.单独对某一个请求设置3.webpack的dev的proxyTable的超时时间设置 dev: { // Paths assetsSubDirectory: 'static', // 静态资源文件夹 assetsPublicPath: '/', // 发布路径 // 代理配置表，在这里可以配置特定的请求代理到对应的API接

2021-03-17 18:16:18 4393

原创 css3设置背景图始终平铺

直接复制代码到背景的div上<div class="bgimg"></div>/* 设置背景 */.bgimg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 1200px; z-index: -10; zoom: 1; background-color: #dfc9d4; background: url('../../assets/im

2021-03-17 18:11:27 233

原创 filter+include实现动态按钮切换动态按钮

需求5个模式按钮，8个控制按钮，通过点击模式按钮来显示不同的控制按钮。难点因为这些按钮都是通过动态渲染出来的，所以不好控制显示，一开始想的是通过type传参，然后用switch选择，判断这个模式显示什么按钮，再去修改渲染控制按钮的数组，从而实现控制按钮的变化。解决思路1.模式按钮数组modelList：在每个模式按钮中定义一个参数type，用来分辨选择的模式；2.控制按钮数组handleList：显示所有按钮，然后在每个控制按钮中定义一个type，存储这个按钮在哪些模式中显示；（一开始的控制ty

2021-03-17 17:54:50 325

原创 vue项目onerror显示默认图片

当图片404时，要显示一个默认图片就这样写：:onerror = serverLogoDgefaultrequire引入图片的问题用require引入图片找不到，run的时候会报错，解决办法是把图片路径拼接起来写serverLogoDgefault: "this.onerror=''; this.src='" + require('@/assets/img/'+'re.png') + "'",如果这样还不行，就按照编辑器的提示把本地的完整路径补全，让图片可以显示，再改成上述写法，就不会报错了，

2020-10-31 17:52:48 578 2

qq_42655697的博客

原创预加载和懒加载的区别和使用