- 博客(69)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 shadcn 使用步骤与注意点
为何选择它？因为它是一个基于 Tailwind CSS + Radix UI 的组件集合，它不像传统组件库（比如 AntD 或 MUI）那样是一个 npm 包，而是 提供组件代码让你复制到项目中，你拥有完全的控制权——没错，控制权！这样我就会节省很多时间去开发一套常见又琐碎的组件，我可以专注与根据设计稿还原界面。而且我确实更喜欢使用工具，我对 react 还不是很熟练，正好可以学习别人的代码是一套怎样的规范逻辑。
2025-04-08 14:33:33
503
原创 tailwindcss 4 使用的一些注意点
tailwindcss 4官网地址变更了之前的官网地址是：Tailwind CSS 中文网现在的官网地址是：Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.也就是说 版本 4 的地址为com，一定不要搞错了。
2025-04-08 11:26:31
465
原创 react 19+vite+tailwindcss+shadcn
我昨天在搭建一个 react 项目，我使用了 react 19，引入一个 shadcn UI 组件库和tailwindcss，两个文档，都语焉不详……于是开始了一系列踩坑之路。如果升级万万要仔细扒拉文档，并且试错。我的步骤有效，并不能说所有人的都有效，如果还有问题就百度！AI在这种情景下不可信！
2025-04-02 16:43:57
902
原创 React 纯新手搭建后台项目，超简单，无脑粘贴复制！
新建文件夹->创建项目，下载依赖->上传文件夹到代码托管平台下载依赖：路由React Router、代码规范eslint+Prettier、tailwind css、 全局状态管理Redux + Redux Toolkit按需引入，跟着我的目录来吧。
2025-04-02 10:56:39
741
原创 React 的学习记录一：与 Vue 的相同点和区别
React与Vue的特点比较相同点不同点：React不同点：Vue1.组件化设计都是组件构成、可复用、数据驱动UI（view）、并且都有生命周期方法/钩子组件的定义：函数组件、类组件；JSX语法；React 组件必须以大写字母开头而 HTML 标签则必须是小写字母组件的定义：一个单文件（.vue）；三个部分混在一起；命名：不强制要求2.单向数据流都遵循强调数据状态的可追溯、更严格强调响应式；双向绑定3.声明式 UI都遵循4.虚拟 DOM都有。
2024-12-02 19:41:26
938
原创 前端mock了所有……
事情是这样的，老板想要我们写一个demo拿去路演/拉项目，有一些数据，希望前端接一下，写几个表格，画几个图，然后leader们又有其他考量，决定把数据处理完（处理成一群JSON数据）给前端，前端自己写一些列表查询分页，画一些图。上面只是讲了一个简单的例子，关于前端处理列表，其实通过这个，前端可以讲所有的从服务器端获取数据的操作，都通过mock进行拦截，然后自定义返回数据，只是我这里是写一个demo，主要是展示数据，所以对于返回的数据，我并没有做很多处理，只是简单的返回了数据。
2024-09-18 18:57:22
1043
原创 ECMAScript 与JavaScript 的区别 及ECMAScript 新特性
简单来说，两者的区别：ECMAScript 是语言规范，JavaScript 是编程语言。ECMAScript 的新特性：不同的时间有不同的新特性加入，比如ES5、ES6/ES2015、ES7/ES2016、ES2018等等，常被大家熟知的ES6是一个重要的更新，所以这个比较重要。这里主要对ES6以来的一些新特性进行了总结和记录，查漏补缺吧。
2024-09-18 17:50:57
1489
原创 开发适合el-dialog的拉伸拖拽自定义指令和适配自定义的图片查看组件
我之前有开发过一个图片查看的组件，这个组件可在单页面打开，也可以在弹窗里打开，但是弹窗因为是比较固定，所以有一些局限性，只能拖拽，不能改变弹窗大小，于是有了开发【可以拖拽改变大小的弹窗】组件。通过自定义指令，实现弹窗的移动拖拽拉伸等功能动态计算弹窗的位置与尺寸，因为弹窗的位置和尺寸是动态计算的，涉及到鼠标的实时位置和弹窗初始位置之间的关系。代码也贴上去了，仅供参考。
2024-09-05 11:08:38
1894
原创 借助el-steps和el-form实现超长规则配置的功能
最近开发了一个规则类的配置功能，这个功能之前就写过，最近完善了一下，所以将原先的规则变得更多元化，结构也更多了一层，三层分组，添加新功能的时候试着用了ts来写，就有了一些坑，以此记录一下。其实实现的功能看起来不难，只是因为数据结构已经定好了，后端不愿意改，所以在两种情况下前端只能这样处理，并且添加了很多校验和提示，所以显得代码很冗余，但为了响应式，几乎每一个代码只能这样写，我想在处理数据方面，我以后多学一些算法，可能更熟练。
2024-09-05 11:05:58
1153
原创 前端实现【 批量任务调度管理器 】demo优化
我在前文实现过一个【批量任务调度管理器】的 demo，能实现简单的任务批量并发分组，过滤等操作。但是还有很多优化空间，所以查找一些优化的库，主要想优化两个方面，上篇提到的：针对 3，其实可以自己手写一个，也可以依靠 如什么来实现。针对 2，最难的是根据【当前系统负载或网络状况调整并发请求数量】，这必须需要引入一个检测系统的东西。而动态调整数量，我现在的代码其实已经可以满足，我只是无法【获取当前系统负载或网络状况】。对上面的功能主要做了队列并发处理，简单的动态检测系统网络是否连接然后中断请求的处理，算是优化了
2024-07-29 20:18:24
1250
原创 前端基于 axios 实现批量任务调度管理器 demo
这是一个基于 axios 实现的批量任务调度管理器的 demo。它使用了axios、promise 等多种技术和原理来实现批量处理多个异步请求，并确保所有请求都能正确处理并报告其状态。假设有一个场景：有一个任务列表，有单个任务的处理功能，但是用户提出需要增加批量处理任务的需求，那么如果 20 个任务，30 个任务，我们显然可以集成在一次请求里，无非就是服务器处理的压力变大，时间慢一点，但是如果越来越多的任务，用户要等待很久，后端为支持这些，只能改成异步处理，等待时间就很不可控了。
2024-07-29 17:38:39
978
原创 VS Code 前端个人常用扩展分享
这里总结一下 VS Code 里自己开发常用的一些扩展，分三类：基础的，进阶的，工作相关的首先就是代码拼写检查，引入，辅助开发的一些扩展。
2024-04-17 11:22:52
497
原创 vue el-table 前端js实现导出数据为Excel
使用 HTML 表格和 Blob，将数据动态生成为 HTML 表格，然后通过 HTML5 的 Blob 和 URL.createObjectURL 方法来创建一个链接，最后让用户点击链接下载生成的 Excel 文件。虽然不是真正的 Excel 文件，但可以在大多数情况下满足导出需求。
2024-03-20 11:47:17
4145
5
原创 vue相关的一些知识总结
这里会记录一些Vue的学习和实践路上的一些琐碎知识的总结，很多东西不用深入去了解，或者简单记录即可，深入了解可以去搜别的开发者的总结。以上就是本文的所有，后续可能会继续补充。Vue 相关知识：Vite 和 Vue CLI单文件组件和多文件组件prototype 和 Vue.prototypenative修饰符
2024-03-20 11:45:34
932
原创 vue实现水印功能
在页面里添加水印，一种是特定页面加水印，那么本页面加水印功能即可，用CSS/JavaScript都可以实现，另一种是全局都加水印，这种可以考虑某些页面不需要加水印，在路由守卫或者其他地方去掉即可。写在前面，水印的实现原理：创建一个canvas，画一个客户端高x客户端宽的画布，里面画满水印，并将其的层级z-index设置最高，使其一直显示在界面的最上方。
2024-02-28 19:46:07
4835
6
原创 2024年的学习规划和碎碎念
以上是我想学的，2024年总要有个目标吧，我给自己的目标是，自己以2年半的工作经验，知识面和能力达到中级前端的水平，这不知道是不是夸大，目前我觉得自己也还是初级的门里打转，不过要奋斗呀，明年24岁，总要变成不一样的自己，然后才能有更多的选择余地。对于2，我还是挺喜欢算法的，当然是精神好的时候，没有精神的时候，啥都不感兴趣，算法在我工作中也就在处理一些旧项目的旧代码逻辑的时候有用，他们都爱整很复杂的逻辑，数据结构一层又一层，天天for来for去，if来if去…对于1，我其实一直半吊子的状态，一知半解？
2023-12-31 17:51:48
807
1
原创 2023年终回顾
今年大半年的时间都在思考职业的问题。诚然社会经济不好，很多事情都不是那么好下手，刚毕业时，壮志酬酬，但是一毕业就被口罩打败了，只好焦虑的苟着，于是一边思考一边焦虑。焦虑果然是自由的眩晕。我在长达10个月的思考之后，压力过大，导致了身体越发不行。所以身体不好，让我彻底明白：生命的可贵。那些口腹之欲固然很重要，很诱人，但是 生命才是最重要，我要好好活着，快乐地生活。
2023-12-27 19:00:35
1009
原创 vue3 根据用户权限控制左侧菜单和路由拦截
用户权限控制路由表和左侧菜单一般是带权限的系统的通用功能，我认为大可以分成两类：控制访问哪些页面，控制能执行哪些操作。前者要实现用户只能查看有权限的页面，比如，左侧菜单的菜单栏都是根据权限过滤的，跳转路由时要判断权限（路由守卫的工作），后者要做到用户只能操作有权限的功，比如点击新建、修改按钮等。后者实现也很简单，好的方法是加一个权限的指令，哪个地方需要判断权限就调用，这里先只讨论前者的实现。
2023-12-27 17:56:59
2973
原创 vue3 全局配置Axios实例
Axios是一个强大而灵活的工具，可以简化和优化HTTP请求的处理，是前端开发中常用的网络请求库之一，并且当在Vue.js 3项目中使用Axios时，可以通过全局设置来配置Axios实例，以便在整个应用程序中共享相同的请求和响应逻辑，比如500或者401时，系统的一些操作
2023-12-25 19:49:36
4431
原创 vue3 登录页和路由表开发
首先登录功能，需要两个页面，一个登录页，一个登录后跳转到页面，这里叫它首页吧。先在views底下新建两个页面：首页，登录页添加两个页面的路由表，这一步把路由表基础部分做了画登录页和首页的界面登录，需要向服务发送请求=> 做一下请求拦截和封装发送请求响应后存储用户信息，跳转页面开发首页的样式
2023-12-22 19:52:20
1250
原创 在el-tabs中echarts图表宽高设置style=“width: 100%； height: 100%“不起效变成100px的问题
最粗暴的解决办法是给div一个固定的高度，也就是上面三种解决方案的核心，比如你遇到问题时候实时给div一个高宽恒定值，然后看看画出的图尺寸变没有，再去考虑是样式冲突或者组件渲染的问题导致这种情况。
2023-12-22 18:55:42
2787
原创 Vue 复制、下载 图片和文字
实现图片和文本的复制和下载方法应该挺多，而后者如果想要一张图片和文字说明都被下载，那肯定是在一起，下载成一张图片的样子，所以后者的实现方法，我暂时只想到一种：画canvas然后下载。都是需要浏览器的Clipboard 支持，大部分都支持。
2023-12-22 17:33:26
2647
原创 JavaScript 数组/字符串 排序、查找、去重
数组和字符串在空间上都可以看作连续的变量，所以两者的排序应该是一致的吧。就像可以将字符串视为包含字符的数组集合，可以使用数组的一些方法和索引操作来处理字符串。这里记录一些开发中常用到的一些数据排序、查找、去重的方法，之后有时间遇到再更新补充。
2023-11-07 18:48:59
533
原创 动态类型语言与静态类型
动态类型语言（Dynamic Typing）和静态类型语言（Static Typing）是编程语言的两种不同类型系统。它们影响了如何在代码中处理和分配数据类型。每种类型系统有其适用的场景，选择使用哪种类型取决于项目需求和开发团队的偏好。一些语言也提供了混合动态和静态类型的选项，以便在需要时结合两者的优点。
2023-10-30 18:21:56
592
原创 vue3+element-plus 表格全选和跨页勾选，以及全选全部功能
这个功能，需要考虑很多交互的逻辑，因为我写的是【全选全部】是一个checkbox的勾选框，所以要考虑取消勾选的功能，自然就有了上面真正实现时的难点。但是如果这个功能是通过一个按钮控制的，点击按钮就代表全选所有操作，那么自然不用考虑取消勾选和禁用的逻辑，因为全选所有时，就已经走完批量全选的流程了。两种实现方式根据业务具体的调整，这次也是为了记录实现这个功能时遇到的问题和思考。
2023-10-30 11:46:27
15023
原创 工作一年半，我终于明白了这些｜1024有感
虽然现阶段我达不到，我也不必在和平时代里时刻保持，我只要过好自己的人生，保证自己遵循着社会的公序良德，不给社会添麻烦就好啦，我以前还是一个需要社会救助的穷学生呢，长大后不拖累社会就已经很棒啦，况且我是一个出生时的初始值就为负数，起跑线在水平线以下，成长时期又经历大debuff叠加的人。比如，20岁我要好好玩，体验不同的事情，考研，挣得足够自己安居的钱，这就是最棒的我啦！虽然我不懂生产，创造，对于社会的意义，也不明白那些庞大的哲学体系对于我自己人生的意义，但是只要我活着就能促进GDP增长。
2023-10-24 21:06:14
239
原创 vue3+element-plus 高度封装搜索组件，支持多种类型
总的来说，封装搜索组件有助于提高前端应用的开发效率、质量和可维护性，特别是在大型应用中或需要频繁使用搜索功能的情况下，封装搜索组件是一个明智的选择。但是！我写的感觉还是不要高级，很多配置都是在业务堆积的过程中，一点点添加的。希望下次写个可扩展性和维护性高的。
2023-10-19 20:13:01
5530
2
原创 vue3 列表页开发【选择展示列】功能
目前我经常是通过这个方式写【选择展示列】功能，过滤那部分，没怎么考虑最优解，反正数据也不多，直接这样写了，如果有更合适的方式，欢迎分享~
2023-10-17 19:40:57
1830
原创 vue3+element-plus 封装列表页，分页，排序，导出
虽然是简单的业务逻辑，但是封装起来使用更方便，这里是记录这种常见类型的列表页的业务需求实现方式。还有一篇实现，可以筛选的表格列 的实现方式。
2023-10-17 16:49:08
2570
2
原创 解决 vue-router 报错Error: Redirected when going from “/XXX“ to “/XXX“ via a navigation guard.
页面切换试会出现，Error: Redirected when going from "/XXX" to "/XXX" via a navigation guard.
2023-08-29 16:14:18
10454
原创 封装当文字过长时显示省略号和tooltip，以及多行溢出时显示tooltip
项目中很多地方需要显示一些字段信息，比如项目信息，项目说明的字段，总会有需求是显示当字段内容过多的时候，加省略号显示，然后显示tooltip。
2023-06-06 11:57:29
4184
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人