
前端
文章平均质量分 79
JavaScript、html、css等
暂时先用这个名字
编程是工作与兴趣
展开
-
Vue3 通用请求工具函数:高效封装提交与获取逻辑,告别重复代码
大量的页面都实现了类似的代码是不是应该有一个函数或工具,能实现这些类似的功能?当然,必须所有参数都可在这个函数工具里设置,也可以就用默认的。原创 2024-12-03 23:45:02 · 398 阅读 · 0 评论 -
Element-plus的Container布局容器在苹果手机中丢失el-header的解决办法
顶没了,反正就是看不见了,在电脑上怎么测试都没用,手机上在微信里打开正常,一用浏览器打开,无论是safari还是Chrome都会丢失~~最后想到只有手机模式下才会丢失,那是不是从控制手机的代码中去寻找呢?好家伙,全给干没了。但其实这才是核心真相,一上马就能用。》的原生元素快速布局。但是但是,在苹果手机上其。也是需要重点关注的,排列顺序不能有错。我先是根据以下入手去调试,统统失败。每个人出问题的原因都不同。找了一圈还是没发现。原创 2024-11-24 00:49:30 · 349 阅读 · 0 评论 -
vue3开发环境转生产环境时几个配置要注意的地方(陆续更新)
开发环境转生产环境时,尽可能不要改动太多配置,尤其一个项目可能需要多处使用的,改来改去搞死自己。这里只做目前遇到的一些情况记录,未来随着项目不断开展后陆续更新。原创 2024-11-21 15:20:32 · 442 阅读 · 0 评论 -
当返回值是一个复杂对象,包含了多种类型,用哪些词汇呢?
manager 强调的是管理、控制和协调。它常常用来表示一个负责组织、调度和管理某些对象或服务的角色。例如,storeUser.manager() 很可能意味着你返回的是一个用于管理用户相关状态、行为和服务的对象。原创 2024-11-10 19:52:41 · 1116 阅读 · 0 评论 -
factory、creator、handler、builder、provider、generator、instance、constructor之间在返回实例或返回函数定义上有什么区别
深入分析一下 factory、creator、handler、builder、provider、generator、instance、constructor这些单词在编程领域的惯用语义及其适用场景,特别是在区分实例和函数定义方面的区别。比如xxx返回的是函数定义,还要实例化才能使用;yyy返回的是实例,直接可用。无聊不无聊?对比表名称典型用法返回值类型适用场景结论factory函数定义(需要再调用)延迟生成实例,需要工厂函数动,态生成实例返回函数定义creator。原创 2024-11-10 19:29:29 · 718 阅读 · 0 评论 -
案例解析vue开发时用到的bind方法与this的前世今生
在代码中,使用bind是必要的,因为它确保了setUser和getUser方法在 store 中被调用时,能够正确地访问vInstance的属性和方法。绑定上下文避免上下文丢失避免命名冲突提高代码可读性当然,是否需要使用bind,取决于具体的使用场景和函数内部的逻辑。原创 2024-11-09 22:48:53 · 547 阅读 · 0 评论 -
多应用系统规划App(应用)、Node(节点)、Menu(菜单) 和 User(用户)之间关系
系统中包含多个App(应用),每个应用下有多个Node(功能节点),而Menu(菜单)则用于界面导航。通过权限管理系统来控制用户对不同AppNode和Menu的访问权限。App(应用):系统中的独立模块,如培训应用、信息报送应用等。Node(功能节点):每个 App 下的具体功能点,如报名系统、证书系统、发送信息等。Node 可以跨应用共享。Menu(菜单):界面导航结构,用于展示用户可见的功能入口。Menu 可以与 Node 关联,也可以独立存在。权限(Permission)原创 2024-11-09 20:08:41 · 1075 阅读 · 0 评论 -
单应用系统规划Node(节点)、Menu(菜单) 和 User(用户)之间关系
通过引入Node 系统,可以实现更灵活的权限控制,并将菜单和功能权限分离开来。这种设计可以支持复杂的业务场景,特别是在权限控制要求高的系统中(如后台管理系统、企业级应用)。原创 2024-11-09 19:16:39 · 647 阅读 · 0 评论 -
Node(节点)、Menu(菜单) 和 Tab(标签页)之间的关系
Node(节点)通常表示系统中的一个独立功能单元或资源。节点可以是页面、操作功能、数据条目等。节点更像是系统功能模块的实际承载体,可以与菜单项关联,但不仅限于菜单。原创 2024-11-09 18:42:36 · 570 阅读 · 0 评论 -
程序开发时命名规范(目录名、文件名、函数名、变量名、数据库字段等)的最终方案
程序开发时的字母大小写的命名规范(目录名、文件名、函数名、变量名、数据库字段等,小驼峰/大驼峰/短横线/下划线)程序开发时的单数复数及前缀的命名规范(目录名、文件名、函数名、变量名、数据库字段等)总的规范使用本解决方案,特例单独使用。觉不错请一键三连。原创 2024-11-09 13:36:50 · 1769 阅读 · 0 评论 -
程序开发时单数复数及前缀的命名规范(目录名、文件名、函数名、变量名、数据库字段等)
在编程开发中,命名时选择单数还是复数,对代码的可读性和一致性非常重要。这涉及到文件、变量、函数、类、目录等的命名。以下是关于何时使用单数或复数的一些最佳实践建议:如果是集合或数组,则使用复数。2. 函数和方法使用动词开头,通常用单数,因为函数通常描述的是一个动作或行为。如果函数返回多个值或集合,可以使用复数来表明结果。3. 类和接口使用单数:类和接口通常表示一种类型或对象,因此单数更为合适。除非表示的是一个明确的集合类(如、),通常使用单数。4. 数据库表建议使用复原创 2024-11-09 13:16:01 · 1226 阅读 · 0 评论 -
解决 Vue3、Vite 和 TypeScript 开发环境下跨域的问题,实现前后端数据传递
避免跨域限制:请求通过代理后,看起来是发往开发服务器的,绕过跨域限制。代码简洁:代理后代码路径更简洁,便于管理。环境适配:代理配置使切换环境更方便,只需更改target地址。原创 2024-11-06 22:54:47 · 1463 阅读 · 0 评论 -
常见 HTTP 状态码分类和解释及服务端向前端返回响应时的最完整格式
目前的开发项目,准备明年的国产化,用了十年的自研系统借这个机会全部重写,订立更严格的规范,这里把返回格式及对应状态码记录一下。原创 2024-11-06 09:49:05 · 1764 阅读 · 0 评论 -
【99.9%解决】vue3+vite+typescript+vscode使用@alias路径别名配置不正确导致红色波浪线的解决办法
因为是vite和typescript两条线走路,所以有两处需要配置。不管你怎么改,万变不离其宗:主旨就是让typescript调用的时候能看到你的完整路径!完整路径由根目录+目录名+文件名+文件后缀组成,从这几点上去考虑,相信很快就能找到你自己代码的病症,开出准确的方子来解决。原创 2024-10-30 18:11:59 · 2138 阅读 · 15 评论 -
vue3+typescript开发时用到了pinia却提示出错“Are you trying to use a store before calling “app.use(pinia)“”,问题解决
通过将 Pinia 实例化和导出放在一个单独的文件中,并在需要使用 Pinia 的地方导入这个实例,我们确保了 Pinia 实例的全局唯一性和作用域明确性。这样可以避免 getActivePinia() 调用时找不到活跃 Pinia 实例的问题。希望这些解释能帮助你更好地理解这个问题及其解决方案。原创 2024-10-28 00:54:37 · 647 阅读 · 0 评论 -
用ElementPlus开发el-tab结合router-view调用组件时需要注意多次渲染的问题
最近在用vue3+elementPlus开发后台界面,用到右侧el-tab这个组件结合实现调用,刚在逛csdn的时候发现一个大佬说如果把放在下会导致多次渲染,我想还有这事?赶紧测试一下。。。果然,大佬还是大佬。原创 2024-10-26 21:55:35 · 758 阅读 · 0 评论 -
程序开发时字母大小写的命名规范(目录名、文件名、函数名、变量名、数据库字段等,小驼峰/大驼峰/短横线/下划线)
小驼峰命名法在一些需要与 JavaScript 代码风格保持一致的情况下也可以使用,但对于一些不熟悉代码的人来说,可能连字符命名法在视觉上更友好。小驼峰命名法适用于在 JavaScript 代码内部主要使用的文件,而连字符命名法在文件名需要在 HTML(如在script标签的src属性中)或者其他对连字符更友好的环境中引用时比较方便。JavaScript 本身的函数命名习惯就是驼峰命名法,并且在 Vue 组件内部,这样的命名方式与其他 JavaScript 代码风格保持一致,易于阅读和理解。原创 2024-10-26 13:48:25 · 1222 阅读 · 0 评论 -
安装配置vue3+vite+typescript+setup组合式项目开发的必备内容
重新整理了一下项目开发必备的一些操作,以后直接复制黏贴运行,随着项目开发,后期会陆续补充常用插件或组件等如果你是还没有安装过的新人,建议从《》开始。原创 2024-10-23 22:44:12 · 492 阅读 · 0 评论 -
vue3中mitt和pinia的区别和主要用途,是否有可重合的部分?
在 Vue 中,Mitt 和 Pinia 是两个不同的工具,它们的主要用途和功能有所不同,但在某些方面也存在重合的部分。原创 2024-10-23 10:48:28 · 604 阅读 · 0 评论 -
防止用户过于轻松采集网页内容的方法
面对AI,所有禁止采集网页内容的功能都是徒劳,最不济截图后采集文字总简单了吧?能做的就是增加一点点人工采集的难度。以下总结一下。原创 2024-09-20 12:07:32 · 480 阅读 · 0 评论 -
uni-app开发日志:将schema2code生成的新增页和修改页整合成一页
有没有想过,add和edit页面其实没多大差别?我之前自研的系统add和edit都是一个页面,只要判断一下当前有没有id传递来,为空来就是新增。这样如果页面修改时,才能尽量少改动代码,少出错。原创 2024-08-27 14:26:29 · 500 阅读 · 1 评论 -
uni-app开发日志:实现无限层级树形分类页面,通过schema2code生成代码并在此基础上完善修改list、add和edit页面
本文需要有一定基础的,省略很多开发解释,生成的无限级分类功能只是一个超简易版的功能,没有父类选择,只能自己填入父类ID,列表的时候也是全部显示,无法根据分类逐层显示,或者树形显示。因此,我们需要在这个基础上进行修改,尽量少改一点。原创 2024-08-22 20:13:48 · 847 阅读 · 0 评论 -
uni-app开发日志:schema2code生成的新增页和修改页因字段太多用分段器实现分段分类
schema2code默认只能实现较为简单的分组,当填写项目较多的时候,肯定是用选项卡明确分段比较合适,这时候schema2code自生成的就没法实现了,摒着最最少的代码修改来尝试设置生成前的schema和生成后的vue页面。原创 2024-08-27 10:43:42 · 771 阅读 · 0 评论 -
uni-app开发日志:unicloud使用时遇到的问题解决汇总(不断补充)
安装uni-admin后再安装uni-cms,在uni-admin中添加好菜单,结果提示该错误。回到hbuilder中。比较一下,选中老的删除。原创 2024-07-18 15:09:27 · 953 阅读 · 0 评论 -
PHP开发日志 ━━ 基于PHP和JS的AES相互加密解密方法详解(CryptoJS) 适合CryptoJS4.0和PHP8.0
最近客户在做安全等保,需要后台登录密码采用加密方式,原来用个base64变形一下就算了,现在不行,一定要加密加key加盐~~前端使用Cypto-JS加密,传输给后端使用PHP解密,当然,前端虽然有key有盐,但这玩意儿用点心的话,也不过是障眼法而已。原创 2023-12-29 11:12:00 · 2131 阅读 · 0 评论 -
解决视口动画插件jquery.aniview.js使用animate.css时无效的问题(最新版本网页视口动画插件的使用及没作用、没反应)
当网站页面元素进入视口时自动应用过渡效果。CSS过渡效果可以为网页添加动画效果,并提供了一种平滑的转换方式,使元素的变化更加流畅和生动。而通过jQuery插件来获取页面滚动位置决定合适调用动画效果。原创 2023-11-26 00:31:30 · 622 阅读 · 0 评论 -
Vue3 Element-UI中使用ECharts(前端数据展示开发)
前端数据展示(数据可视化、数据大屏等)可使用的工具比较多,很多第三方都提供了在线平台,比如阿里云,只需数据接口,在线配置一下界面即可使用。也可以使用开源代码自己开发前端,本文所介绍的就是ECharts的开发,这是一款基于JavaScript 的开源可视化图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。原创 2023-10-18 13:22:26 · 4841 阅读 · 0 评论 -
tinymce4/5实现将word中内容(文字图片等)直接粘贴至编辑器中——利用插件tinymce-powerpaste-plugin
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。TinyMCE的优势:开源可商用,基于LGPL2.1插件丰富,自带插件基本涵盖日常所需功能(示例看下面的Demo-2)接口丰富,可扩展性强。客户对老系统提出一个要求:能直接把word中的图片粘贴进编辑器中,否则一张张上传太麻烦了。网上找到这个插件`tinymce-powerpaste-plugin`原创 2023-07-27 21:00:28 · 3249 阅读 · 0 评论 -
利用阿里云物联网平台(IoT)实现WEB数据可视化
阿里云IoT是物联网平台,能将你的设备接入云端实现相关功能。本文并不介绍硬件接入的方法,只记录WEB数据可视化的方法。原创 2023-06-27 11:28:52 · 8055 阅读 · 17 评论 -
Golang学习日志 ━━ gin-vue-admin插件开发记录
gin-vue-admin是一套国人用golang开发的后台管理系统,本文记录插件开发内容。原创 2023-06-27 17:00:49 · 1566 阅读 · 0 评论 -
Golang学习日志 ━━ 通过将gin-vue-admin项目上传到自己的仓库并且与原版保持更新来学习github操作
上传到github,创建自己的分支,从主分支更新源代码原创 2023-06-24 21:00:51 · 858 阅读 · 1 评论 -
Golang学习日志 ━━ gin-vue-admin换机重新配置的记录,很愚蠢,很傻瓜,很机械...自己使用
最近一直在弄AI,没时间搞gin-vue-admin,所以有点忘记了,代码升级管它呢,全部重来一遍·~根据经验和个人喜好,我特别不喜欢在框架下把一个应用分散在module、api、service等等目录下,这种目录方法将把一个应用拆得七零八落,迁移特别麻烦。原创 2023-06-24 15:12:51 · 1369 阅读 · 0 评论 -
HTML中 ;      等6种空白空格的区别
它叫零宽不连字,全称是Zero Width Non Joiner,简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。它叫“半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。它叫零宽连字,全称是Zero Width Joiner,简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。,它是按下space键产生的空格。转载 2023-02-28 20:47:34 · 6371 阅读 · 0 评论 -
完整的 HTML 元素属性列表(不包括 SVG 和 MathML)
不同类型的 HTML 元素可以拥有不同的属性。此列表可能不包含所有 HTML 元素属性。注意:由于 HTML 标准经常更新,可能会有一些属性不再被推荐使用或已被弃用。原创 2023-02-28 15:33:18 · 444 阅读 · 0 评论 -
word复制到html编辑器中可能产生的垃圾代码
MsoNormal: 这是Word默认使用的样式名称,也是最常见的垃圾代码之一。MsoListParagraph: 用于列表段落的样式名称。MsoTitle: 用于标题的样式名称。MsoHeader: 用于页眉的样式名称。MsoFooter: 用于页脚的样式名称。MsoTable: 用于表格的样式名称。MsoCommentText: 用于批注的样式名称。MsoBodyText: 用于正文的样式名称。这些垃圾代码通常会导致样式混乱,因此建议在处理HTML代码时尽可能去除它们。原创 2023-02-27 22:35:28 · 2498 阅读 · 0 评论 -
javascript学习笔记 - 英文标点符号替换成中文标点符号
操作大同小异,但有一些特殊符号需要特殊处理,并且考虑只替换html元素。本文列几种不同的实现方法,自己研究吧。原创 2023-02-15 15:25:36 · 1139 阅读 · 0 评论 -
tinymce6插件开发(版本涉及4.x\5.x\6.x\7.x,案例以Element-UI中开发为蓝本)
网上大部分涉及tinymce插件开发的文章以4.x和5.x版本为主,而最新的6.x版很多老插件都无法正常加载或运行了。本文以一个包含checkbox组件的弹窗为例进行说明,代码可直接复制使用。原创 2023-02-08 00:45:25 · 2198 阅读 · 2 评论 -
Element-UI中调用tinymce6实现本地化加载,并解决提示:This domain is not registered with TinyMCE Cloud,省去api-key
最新的tinymce会提示”This domain is not registered with TinyMCE Cloud“,意思就是要求注册tinymce官方云才能下载所需组件类库。既然这样,那么解决办法就简单了,要么去注册云,要么屏蔽掉提示~~,要么全部由本地加载。网上大部分文章都没有细化其实现,希望本文看完你就能完全领会tinymce6的开发了。原创 2023-02-01 00:33:28 · 9079 阅读 · 2 评论 -
Golang学习日志 ━━ gin-vue-admin实现多数据库db-list
gin-vue-admin是一套国人用golang开发的后台管理系统,值得推荐给大家,其前端使用element-ui,后端使用gin框架。> gin-vue-admin目前的版本已支持多数据库,应用起来也非常方便。 但针对多数据库的操作,官方文档只写了关键部分,没有写具体应用的方法。在研究了gva原生代码并测试成功后,记录于此。原创 2023-01-30 23:30:43 · 2129 阅读 · 0 评论 -
Golang学习日志 ━━ gin-vue-admin前后端实现tinymce6编辑器的上传功能
gin-vue-admin是一套国人用golang开发的后台管理系统,总体还是值得推荐的,其前端使用element-ui,后端使用gin框架。本文主要描述tinymce的使用,很简单,基本流程如下:1. 下载tinymce;2. 调用tinymce并激活其下载按钮;3. 配置上传文件及用户授权码;4. 服务器接收、验证、入库、回传客户端;5. 客户端接收后显示到tinymce控件中;原创 2023-01-26 00:07:26 · 808 阅读 · 0 评论