前端
文章平均质量分 76
JavaScript、html、css等
暂时先用这个名字
编程是工作与兴趣
展开
-
防止用户过于轻松采集网页内容的方法
面对AI,所有禁止采集网页内容的功能都是徒劳,最不济截图后采集文字总简单了吧?能做的就是增加一点点人工采集的难度。以下总结一下。原创 2024-09-20 12:07:32 · 141 阅读 · 0 评论 -
uni-app开发日志:将schema2code生成的新增页和修改页整合成一页
有没有想过,add和edit页面其实没多大差别?我之前自研的系统add和edit都是一个页面,只要判断一下当前有没有id传递来,为空来就是新增。这样如果页面修改时,才能尽量少改动代码,少出错。原创 2024-08-27 14:26:29 · 429 阅读 · 1 评论 -
uni-app开发日志:实现无限层级树形分类页面,通过schema2code生成代码并在此基础上完善修改list、add和edit页面
本文需要有一定基础的,省略很多开发解释,生成的无限级分类功能只是一个超简易版的功能,没有父类选择,只能自己填入父类ID,列表的时候也是全部显示,无法根据分类逐层显示,或者树形显示。因此,我们需要在这个基础上进行修改,尽量少改一点。原创 2024-08-22 20:13:48 · 614 阅读 · 0 评论 -
uni-app开发日志:schema2code生成的新增页和修改页因字段太多用分段器实现分段分类
schema2code默认只能实现较为简单的分组,当填写项目较多的时候,肯定是用选项卡明确分段比较合适,这时候schema2code自生成的就没法实现了,摒着最最少的代码修改来尝试设置生成前的schema和生成后的vue页面。原创 2024-08-27 10:43:42 · 683 阅读 · 0 评论 -
uni-app开发日志:unicloud使用时遇到的问题解决汇总(不断补充)
安装uni-admin后再安装uni-cms,在uni-admin中添加好菜单,结果提示该错误。回到hbuilder中。比较一下,选中老的删除。原创 2024-07-18 15:09:27 · 610 阅读 · 0 评论 -
PHP开发日志 ━━ 基于PHP和JS的AES相互加密解密方法详解(CryptoJS) 适合CryptoJS4.0和PHP8.0
最近客户在做安全等保,需要后台登录密码采用加密方式,原来用个base64变形一下就算了,现在不行,一定要加密加key加盐~~前端使用Cypto-JS加密,传输给后端使用PHP解密,当然,前端虽然有key有盐,但这玩意儿用点心的话,也不过是障眼法而已。原创 2023-12-29 11:12:00 · 2024 阅读 · 0 评论 -
解决视口动画插件jquery.aniview.js使用animate.css时无效的问题(最新版本网页视口动画插件的使用及没作用、没反应)
当网站页面元素进入视口时自动应用过渡效果。CSS过渡效果可以为网页添加动画效果,并提供了一种平滑的转换方式,使元素的变化更加流畅和生动。而通过jQuery插件来获取页面滚动位置决定合适调用动画效果。原创 2023-11-26 00:31:30 · 561 阅读 · 0 评论 -
Vue3 Element-UI中使用ECharts(前端数据展示开发)
前端数据展示(数据可视化、数据大屏等)可使用的工具比较多,很多第三方都提供了在线平台,比如阿里云,只需数据接口,在线配置一下界面即可使用。也可以使用开源代码自己开发前端,本文所介绍的就是ECharts的开发,这是一款基于JavaScript 的开源可视化图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。原创 2023-10-18 13:22:26 · 3971 阅读 · 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 · 2804 阅读 · 0 评论 -
利用阿里云物联网平台(IoT)实现WEB数据可视化
阿里云IoT是物联网平台,能将你的设备接入云端实现相关功能。本文并不介绍硬件接入的方法,只记录WEB数据可视化的方法。原创 2023-06-27 11:28:52 · 6642 阅读 · 17 评论 -
Golang学习日志 ━━ gin-vue-admin插件开发记录
gin-vue-admin是一套国人用golang开发的后台管理系统,本文记录插件开发内容。原创 2023-06-27 17:00:49 · 1413 阅读 · 0 评论 -
Golang学习日志 ━━ 通过将gin-vue-admin项目上传到自己的仓库并且与原版保持更新来学习github操作
上传到github,创建自己的分支,从主分支更新源代码原创 2023-06-24 21:00:51 · 799 阅读 · 1 评论 -
Golang学习日志 ━━ gin-vue-admin换机重新配置的记录,很愚蠢,很傻瓜,很机械...自己使用
最近一直在弄AI,没时间搞gin-vue-admin,所以有点忘记了,代码升级管它呢,全部重来一遍·~根据经验和个人喜好,我特别不喜欢在框架下把一个应用分散在module、api、service等等目录下,这种目录方法将把一个应用拆得七零八落,迁移特别麻烦。原创 2023-06-24 15:12:51 · 1261 阅读 · 0 评论 -
HTML中 ;      等6种空白空格的区别
它叫零宽不连字,全称是Zero Width Non Joiner,简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。它叫“半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。它叫零宽连字,全称是Zero Width Joiner,简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。,它是按下space键产生的空格。转载 2023-02-28 20:47:34 · 4202 阅读 · 0 评论 -
完整的 HTML 元素属性列表(不包括 SVG 和 MathML)
不同类型的 HTML 元素可以拥有不同的属性。此列表可能不包含所有 HTML 元素属性。注意:由于 HTML 标准经常更新,可能会有一些属性不再被推荐使用或已被弃用。原创 2023-02-28 15:33:18 · 413 阅读 · 0 评论 -
word复制到html编辑器中可能产生的垃圾代码
MsoNormal: 这是Word默认使用的样式名称,也是最常见的垃圾代码之一。MsoListParagraph: 用于列表段落的样式名称。MsoTitle: 用于标题的样式名称。MsoHeader: 用于页眉的样式名称。MsoFooter: 用于页脚的样式名称。MsoTable: 用于表格的样式名称。MsoCommentText: 用于批注的样式名称。MsoBodyText: 用于正文的样式名称。这些垃圾代码通常会导致样式混乱,因此建议在处理HTML代码时尽可能去除它们。原创 2023-02-27 22:35:28 · 1960 阅读 · 0 评论 -
javascript学习笔记 - 英文标点符号替换成中文标点符号
操作大同小异,但有一些特殊符号需要特殊处理,并且考虑只替换html元素。本文列几种不同的实现方法,自己研究吧。原创 2023-02-15 15:25:36 · 1040 阅读 · 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 · 1996 阅读 · 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 · 8249 阅读 · 2 评论 -
Golang学习日志 ━━ gin-vue-admin实现多数据库db-list
gin-vue-admin是一套国人用golang开发的后台管理系统,值得推荐给大家,其前端使用element-ui,后端使用gin框架。> gin-vue-admin目前的版本已支持多数据库,应用起来也非常方便。 但针对多数据库的操作,官方文档只写了关键部分,没有写具体应用的方法。在研究了gva原生代码并测试成功后,记录于此。原创 2023-01-30 23:30:43 · 1855 阅读 · 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 · 723 阅读 · 0 评论 -
Element-UI的dialog对话组件内的tinymce6弹窗被遮挡的解决办法及其它相关注意事项
Element-UI的dialog对话组件内的tinymce弹窗被遮挡的解决办法,如何让tinymce使用中文解决办法。原创 2023-01-21 16:06:44 · 2321 阅读 · 0 评论 -
网站风格变黑白的方法,用css或javascript方法将网站改为灰色
话不多说,如何把网站颜色改为灰黑白三色?用下面的方法即可。原创 2022-12-01 13:50:35 · 2173 阅读 · 0 评论 -
Golang学习日志 ━━ Gin-Vue-Admin在windows自带IIS服务器上的配置合集
gin-vue-admin是一套国人用golang开发的后台管理系统,本文记录实际使用时陆续遇到的配置问题。官网:https://www.gin-vue-admin.com/原创 2022-11-12 22:01:29 · 710 阅读 · 0 评论 -
Golang学习日志 ━━ 部署Gin-Vue-Admin到windows系统并启用IIS服务,顺便学习如何设置IIS反向代理
gin-vue-admin是一套国人用golang开发的后台管理系统,总体还是值得推荐的,这里记录一下如何安装到windows服务器。原创 2022-11-12 10:13:02 · 1552 阅读 · 0 评论 -
HBuilder创建vue-cli项目并安装element-plus后测试打包
本文学习如何在HBuilder中创建vue-cli项目,且下载安装element-plus组件,随后测试调用是否成功。原创 2022-08-12 13:50:27 · 2740 阅读 · 0 评论 -
通过安装Element UI/Plus来学习vue之如何创建项目、搭建vue脚手架、npm下载等
node.js npm vue.js vue-cli element-ui element-plus的用法,通过实际案例学习如何创建项目,初始化项目,搭建vue脚手架,下载element-plus组件等等原创 2022-08-09 23:34:54 · 3035 阅读 · 0 评论 -
uni-app开发日志[20220530]:民族在不同组件中所需不同格式的数据
排序都以单字首字母为顺序uni-index-list组件[ { "letter": "A", "data": [ "阿昌族" ] }, { "letter": "B", "data": [ "保安族", "布朗族", "布依族", "白族" ] }, { "letter": "C", "data": [ "朝鲜族" ] }, { "letter": "D", "data": [ "德昂族", "独龙族",原创 2022-05-30 23:10:55 · 553 阅读 · 0 评论 -
微信开发 ━━ 微信商户v3微信小程序支付方式开发之php篇
最近开发了小程序版的微信支付,遇到的情况与之前h5略有不同,主要就是多了一步:通过wx.login()获得code,再由code获取openid,流程中涉及的签名方式也略有不同。之前写过二期native和h5的开发,本篇开门见山直接按照流程来写一写小程序支付的开发。参考前两篇:微信开发 ━━ 微信商户v3微信支付H5方式开发之php篇微信开发 ━━ 微信商户v3微信支付Navive方式开发之php篇一、获取code(前端)小程序支付所用openid只能在服务端利用前端提供的code向微信索取.原创 2022-05-16 16:31:27 · 2311 阅读 · 0 评论 -
uni-app开发日志[20220513]:官方、第三方API开发问题(vue3版本为主)
解决uni.request()内调用this失效的两种方法两种解决方法:使用箭头函数(箭头函数内没有this,所以使用 this 时其实是父层的 this)外层定义 let that=this ,这样在uni.request()内部使用that来代替this即可<template> <view> <view>{{title}}</view> </view></template><sc原创 2022-05-13 16:56:50 · 532 阅读 · 1 评论 -
uni-app开发日志[20220513]:官方、第三方组件开发问题(vue3版本为主)
uni-file-picker问题属性disablePreview=true,limit=1时,点击已上传图片,可再次选择图片,且图片可多选,最多9张图,之前已传图片保留不覆盖;属性disablePreview=true,limit>1时,点击已上传图片,无法再次选图片;解决采用默认值,disablePreview=false,不使用该功能。uni-list-item问题uni-list-item点击事件无效解决在uni-list-item标签里添加link或者设clickabl原创 2022-05-13 16:51:56 · 1220 阅读 · 0 评论 -
uni-app开发日志[2022040402]:一些简单的函数整理
一些uniapp开发时可能用到的简单的函数原创 2022-04-05 01:52:17 · 642 阅读 · 0 评论 -
javascript学习笔记 - import存在重复引用js问题么(附详细import说明)
import详细用法原创 2022-03-28 22:26:13 · 4845 阅读 · 0 评论 -
javascript学习笔记 - 判断各种类型
js判断值类型的方法集合原创 2022-03-28 19:42:56 · 162 阅读 · 0 评论 -
uni-app开发日志[2022022701]:解决因异步原因导致子组件调用父组件中uni-form表单验证事件时发生的错误及uniform、promise、async、await的同步异步使用注意点
uni-form是uniapp官方组件,其中表单验证部分使用异步方式,这样当子组件调用父组件的验证事件时,该验证事件将排在最后执行从而导致无法获得正确验证结果。解决这个问题需要结合表单验证、同步异步、promise、catch、then、async、await等内容。原创 2022-02-27 02:52:40 · 4447 阅读 · 1 评论 -
uni-app开发日志[20220219]:汇总一些遇到的奇奇怪怪的开发问题(vue3版本为主)
uniapp已支持vue3,但很多组件并未及时更新。想想也用它开发好几个项目了,之前一直用市场里的现成组件,这回索性沉下心好好学学弄弄。目前零零碎碎发现很多问题,专开一贴记录下来。原创 2021-12-03 16:49:31 · 3097 阅读 · 0 评论 -
uni-app开发日志[2021091401]:navigator如何在url里加上参数
1、在navigator的url中直球对决url中加参数,这里举个例子,适用大部分情况,注意url前的冒号:,url中双引号"和单引号'的用法。<view v-for="(item,index) in listOrder"> <navigator :url="'/pages/show?category='+model.category+'&id='+item.id">{{item.name}}</navigator></view><sc原创 2021-09-14 12:28:06 · 2259 阅读 · 0 评论 -
PHP开发日志 ━━ php、javascript生成二维码的三种方法
最简单最实例的goolge开源方法推荐手册:php完全自学手册1.google开放api代码如下:$urlToEncode="http://www.helloweba.com";generateQRfromGoogle($urlToEncode);/** * google api 二维码生成【QRcode可以存储最多4296个字母数字类型的任意文本,具体可以查看二维码数据格式】 * @param string $chl 二维码包含的信息,可以是数字、字符、二进制信息、汉字。 不能混合数转载 2021-06-12 00:53:57 · 425 阅读 · 0 评论 -
uni-app开发日志[2021061201]:将uni.request异步模式改装成同步模式,uni-app基于Promise的request请求封装
在使用 uni-app 开发前端的过程中,uni-app 官方已为我们提供了非常丰富的组件和 API,比如 uni.request 网络请求,如果我们直接在代码中使用会造成较多的冗余,因此一般都会进行封装。之前有介绍过 uni.request 的基础封装,今天介绍另一种封装方式:基于 promise 的封装方式。创建http.js在项目根路径下新建 commons 文件夹,并创建一个 http.js,内容如下:const baseUrl = 'http://127.0.0.1:8080/api/'转载 2021-06-12 00:24:25 · 938 阅读 · 0 评论 -
PLUPLOAD插件 ━━ 上传总结(分片上传,php后端处理)
plupload插件官方地址:plupload官方网站参数,方法,设置说明文档地址:配置文档前端使用方法:<!-- 引入plupload文件 --><!-- moxie用来生成图片缩略图 --><script src="./plupload/js/moxie.js"></script><script src="./plupload/js/plupload.full.min.js"></script><script转载 2021-04-06 23:41:10 · 1425 阅读 · 0 评论