- 博客(55)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 VS Code 前端个人常用扩展分享
这里总结一下 VS Code 里自己开发常用的一些扩展，分三类：基础的，进阶的，工作相关的首先就是代码拼写检查，引入，辅助开发的一些扩展。
2024-04-17 11:22:52
328
原创 vue el-table 前端js实现导出数据为Excel
使用 HTML 表格和 Blob，将数据动态生成为 HTML 表格，然后通过 HTML5 的 Blob 和 URL.createObjectURL 方法来创建一个链接，最后让用户点击链接下载生成的 Excel 文件。虽然不是真正的 Excel 文件，但可以在大多数情况下满足导出需求。
2024-03-20 11:47:17
1823
1
原创 vue相关的一些知识总结
这里会记录一些Vue的学习和实践路上的一些琐碎知识的总结，很多东西不用深入去了解，或者简单记录即可，深入了解可以去搜别的开发者的总结。以上就是本文的所有，后续可能会继续补充。Vue 相关知识：Vite 和 Vue CLI单文件组件和多文件组件prototype 和 Vue.prototypenative修饰符
2024-03-20 11:45:34
836
原创 vue实现水印功能
在页面里添加水印，一种是特定页面加水印，那么本页面加水印功能即可，用CSS/JavaScript都可以实现，另一种是全局都加水印，这种可以考虑某些页面不需要加水印，在路由守卫或者其他地方去掉即可。写在前面，水印的实现原理：创建一个canvas，画一个客户端高x客户端宽的画布，里面画满水印，并将其的层级z-index设置最高，使其一直显示在界面的最上方。
2024-02-28 19:46:07
1812
3
原创 2024年的学习规划和碎碎念
以上是我想学的，2024年总要有个目标吧，我给自己的目标是，自己以2年半的工作经验，知识面和能力达到中级前端的水平，这不知道是不是夸大，目前我觉得自己也还是初级的门里打转，不过要奋斗呀，明年24岁，总要变成不一样的自己，然后才能有更多的选择余地。对于2，我还是挺喜欢算法的，当然是精神好的时候，没有精神的时候，啥都不感兴趣，算法在我工作中也就在处理一些旧项目的旧代码逻辑的时候有用，他们都爱整很复杂的逻辑，数据结构一层又一层，天天for来for去，if来if去…对于1，我其实一直半吊子的状态，一知半解？
2023-12-31 17:51:48
719
原创 2023年终回顾
今年大半年的时间都在思考职业的问题。诚然社会经济不好，很多事情都不是那么好下手，刚毕业时，壮志酬酬，但是一毕业就被口罩打败了，只好焦虑的苟着，于是一边思考一边焦虑。焦虑果然是自由的眩晕。我在长达10个月的思考之后，压力过大，导致了身体越发不行。所以身体不好，让我彻底明白：生命的可贵。那些口腹之欲固然很重要，很诱人，但是 生命才是最重要，我要好好活着，快乐地生活。
2023-12-27 19:00:35
922
原创 vue3 根据用户权限控制左侧菜单和路由拦截
用户权限控制路由表和左侧菜单一般是带权限的系统的通用功能，我认为大可以分成两类：控制访问哪些页面，控制能执行哪些操作。前者要实现用户只能查看有权限的页面，比如，左侧菜单的菜单栏都是根据权限过滤的，跳转路由时要判断权限（路由守卫的工作），后者要做到用户只能操作有权限的功，比如点击新建、修改按钮等。后者实现也很简单，好的方法是加一个权限的指令，哪个地方需要判断权限就调用，这里先只讨论前者的实现。
2023-12-27 17:56:59
1886
原创 vue3 全局配置Axios实例
Axios是一个强大而灵活的工具，可以简化和优化HTTP请求的处理，是前端开发中常用的网络请求库之一，并且当在Vue.js 3项目中使用Axios时，可以通过全局设置来配置Axios实例，以便在整个应用程序中共享相同的请求和响应逻辑，比如500或者401时，系统的一些操作
2023-12-25 19:49:36
2648
1
原创 vue3 登录页和路由表开发
首先登录功能，需要两个页面，一个登录页，一个登录后跳转到页面，这里叫它首页吧。先在views底下新建两个页面：首页，登录页添加两个页面的路由表，这一步把路由表基础部分做了画登录页和首页的界面登录，需要向服务发送请求=> 做一下请求拦截和封装发送请求响应后存储用户信息，跳转页面开发首页的样式
2023-12-22 19:52:20
602
原创 在el-tabs中echarts图表宽高设置style=“width: 100%； height: 100%“不起效变成100px的问题
最粗暴的解决办法是给div一个固定的高度，也就是上面三种解决方案的核心，比如你遇到问题时候实时给div一个高宽恒定值，然后看看画出的图尺寸变没有，再去考虑是样式冲突或者组件渲染的问题导致这种情况。
2023-12-22 18:55:42
1345
原创 Vue 复制、下载 图片和文字
实现图片和文本的复制和下载方法应该挺多，而后者如果想要一张图片和文字说明都被下载，那肯定是在一起，下载成一张图片的样子，所以后者的实现方法，我暂时只想到一种：画canvas然后下载。都是需要浏览器的Clipboard 支持，大部分都支持。
2023-12-22 17:33:26
1759
原创 JavaScript 数组/字符串 排序、查找、去重
数组和字符串在空间上都可以看作连续的变量，所以两者的排序应该是一致的吧。就像可以将字符串视为包含字符的数组集合，可以使用数组的一些方法和索引操作来处理字符串。这里记录一些开发中常用到的一些数据排序、查找、去重的方法，之后有时间遇到再更新补充。
2023-11-07 18:48:59
281
原创 动态类型语言与静态类型
动态类型语言（Dynamic Typing）和静态类型语言（Static Typing）是编程语言的两种不同类型系统。它们影响了如何在代码中处理和分配数据类型。每种类型系统有其适用的场景，选择使用哪种类型取决于项目需求和开发团队的偏好。一些语言也提供了混合动态和静态类型的选项，以便在需要时结合两者的优点。
2023-10-30 18:21:56
236
原创 vue3+element-plus 表格全选和跨页勾选，以及全选全部功能
这个功能，需要考虑很多交互的逻辑，因为我写的是【全选全部】是一个checkbox的勾选框，所以要考虑取消勾选的功能，自然就有了上面真正实现时的难点。但是如果这个功能是通过一个按钮控制的，点击按钮就代表全选所有操作，那么自然不用考虑取消勾选和禁用的逻辑，因为全选所有时，就已经走完批量全选的流程了。两种实现方式根据业务具体的调整，这次也是为了记录实现这个功能时遇到的问题和思考。
2023-10-30 11:46:27
8228
原创 工作一年半，我终于明白了这些｜1024有感
虽然现阶段我达不到，我也不必在和平时代里时刻保持，我只要过好自己的人生，保证自己遵循着社会的公序良德，不给社会添麻烦就好啦，我以前还是一个需要社会救助的穷学生呢，长大后不拖累社会就已经很棒啦，况且我是一个出生时的初始值就为负数，起跑线在水平线以下，成长时期又经历大debuff叠加的人。比如，20岁我要好好玩，体验不同的事情，考研，挣得足够自己安居的钱，这就是最棒的我啦！虽然我不懂生产，创造，对于社会的意义，也不明白那些庞大的哲学体系对于我自己人生的意义，但是只要我活着就能促进GDP增长。
2023-10-24 21:06:14
182
原创 vue3+element-plus 高度封装搜索组件，支持多种类型
总的来说，封装搜索组件有助于提高前端应用的开发效率、质量和可维护性，特别是在大型应用中或需要频繁使用搜索功能的情况下，封装搜索组件是一个明智的选择。但是！我写的感觉还是不要高级，很多配置都是在业务堆积的过程中，一点点添加的。希望下次写个可扩展性和维护性高的。
2023-10-19 20:13:01
3027
2
原创 vue3 列表页开发【选择展示列】功能
目前我经常是通过这个方式写【选择展示列】功能，过滤那部分，没怎么考虑最优解，反正数据也不多，直接这样写了，如果有更合适的方式，欢迎分享~
2023-10-17 19:40:57
968
原创 vue3+element-plus 封装列表页，分页，排序，导出
虽然是简单的业务逻辑，但是封装起来使用更方便，这里是记录这种常见类型的列表页的业务需求实现方式。还有一篇实现，可以筛选的表格列 的实现方式。
2023-10-17 16:49:08
1912
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
6069
原创 封装当文字过长时显示省略号和tooltip，以及多行溢出时显示tooltip
项目中很多地方需要显示一些字段信息，比如项目信息，项目说明的字段，总会有需求是显示当字段内容过多的时候，加省略号显示，然后显示tooltip。
2023-06-06 11:57:29
2903
1
原创 vue 全局API
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。Vue中extend基本用法http://t.csdn.cn/ggWXDvue.nextTick()方法的使用详解（简单明了）http://t.csdn.cn/j45aO。
2023-06-01 19:24:02
82
原创 window.open和vue router新开页面
打开新页面，并实现在新开页面中携带参数，可以使用 URLSearchParams 对象，进行参数的拼接和解析，vue router跳转新页面和window.open都可以，三种方式适应于不同场景。以上是几种常在开发中使用的几种跳转和新开页面的方式，关于router，在后续里更深入学习。
2023-05-18 15:46:09
7847
原创 vue的Property
vue的property，经常提到这个词，只知道是类似于data里的属性，其他的不太了解，于是去学习property是什么。这是学习vue中的一个细节的补充，继续学习其他的去啦！t=N3I4t=N3I4t=N3I4VUE2快速入门(六)---实例property(重点)http://t.csdn.cn/8MLlgvue中的attribute 和 property 是什么意思http://t.csdn.cn/2m14d。
2023-05-16 18:59:18
1196
原创 仿照elemenet-image的预览开发图片切换和放大缩小等功能
开发一个看图片录入的页面，可以查看图片并填写表单业务需求是页面里分为两大部分，左侧是图片大图和底部轮播图，右侧是图片的详细信息和表单，表单的内容是根据图片里的信息来填的，那么拿到这个需求，其实前端这部分只需要实现的就是图片放大缩小旋转，底部有一个略缩图可以切换选择图片等，以及填写提交功能。
2023-04-07 21:04:16
775
原创 VUE3 引入富文本插件 CKEditor5
vue3的可选择的富文本插件很多，这次的业务需求只是简单的文字加粗，换行等，不需要图片文件等的功能，所以我暂且需要的是简单的富文本编辑器，查找一些资料，最后选择的CKEditor5，选它是因为它开源，可免费使用到商业用途。之前尝试了tinymce，但是公司不打算申请apikey，所以alert提示框的问题解决不了……具体见文末。
2023-04-07 14:59:12
3851
原创 vue3 系统进入页面前的权限判断和重定向
经常有系统的权限判定，比如某个页面只能角色a进入，或者一个系统多个页面都有权限设置，根据用户的权限判断是否能进入页面，这类权限控制应该是比较基础和常见的吧。这次就记录一下我之前做的权限控制流程。
2023-02-06 11:11:51
2933
原创 我在CSDN的2022和2023
前些天没有什么输入，输出也少了，最近输入多了，倒是更输出一些东西啦。目前创造还是我总结和充电的主要途径，每次完成一个不错的任务就会记录一下。关于CSDN，这个地方还是对创作者比较友好的环境，目前着重于业务功能的记录。学习帖有点少，之后加强这个。
2023-01-09 11:09:33
191
1
原创 element-plus el-upload 个人设置页点击头像可以裁剪并修改头像
个人设置页面点击头像能选择头像，打开裁剪框，确定后上传给后端，再次点击后上传可以替换。
2023-01-07 18:20:38
2241
原创 el-input输入校验不能为空格，不能输入全部为空的内容
输入框的校验太常见了，基本上常见的为：不能为空，不能输入空格，和不能输入全部为空的内容。这里对这个进行记录。
2023-01-06 19:56:36
6920
原创 vue+element-plus 密码校验及动态校验
团队想给新系统的新建/修改用户、个人设置的修改密码中的密码输入框加一个密码校验。具体加什么校验，产品参考了几个增加密码复杂度的校验，比如不能输入连续的3个数字，这种校验，但是好像密码的复杂度并不能保证系统的安全性，好像邮箱验证会比较安全？虽然密码只防君子不妨小人，但是设置密码校验也只是避免用户输入过于简单的密码，比如：123，123456，111111这种。针对我们这个项目，我们的密码校验规则是：包含英文字母大小写、数字和特殊符号且在8到16位的任意组合
2023-01-04 14:49:28
5275
5
原创 vue和elementui实现多表格选择和查看已选的功能
经常碰到需要写多个表格选择，并且可以查看已选项目的功能，实现功能大致如此：左侧是可选择的表，点击表展示每个表里可选字段，然后点击查看已选，可以展示以及选择的表格数据，这个功能，需要几个部分处理，数据格式（从后端请求来的数据）、HTML、js、CSS。
2022-11-30 18:07:27
3234
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人