瑆箫
前端开发相关的技术博客,包含前端技术、前端教程、前端素材资源下载等服务。提供全面的web前端开发、小程序开发、前端自动化、前端性能优化等技术文章,如需功能开发提供开发说明,微信:ayw2050(请备注,否则不通过)
展开
-
JavaScript字符串处理,4个技巧让代码量减少30%
解构赋值不仅可以用于数组,还可以用于字符串,使得字符提取变得更加简洁。模板字符串不仅代码更简洁,而且可读性更强,尤其是在处理多行文本时。字符串插值与三元运算符的组合可以优雅地处理条件文本。方法更直观,意图更明确,减少了不必要的比较操作。原创 2025-03-17 18:09:43 · 25 阅读 · 0 评论 -
关于前端文件大小单位转换的优雅的方法
代码不仅要能完成任务,更要追求简洁可读可拓展。通过使用 while 循环,我们不仅减少了代码量,还让逻辑更加清晰,避免了硬编码的 if-else 结构。希望这篇文章能帮助你在日常开发中写出更优雅的代码!如果你觉得有用,欢迎转发。原创 2025-02-10 09:24:59 · 71 阅读 · 0 评论 -
前端开发中Token存储:选择Cookie还是localStorage?
Token 的存储位置选择并无通用方案,关键在于深入理解不同存储方式在安全性和便捷性方面的优劣,并结合应用需求做出最恰当的选择。对于大多数现代 Web 应用而言,将 token 存储在 localStorage 并通过代码添加到请求头中是较为推荐的方式,但务必确保严格的输入验证和防御措施,以降低 XSS 攻击的风险。通过本文的分析,期望前端开发者能更清晰地把握 token 存储在 Cookie 和 localStorage 上的优劣及适用场景,从而在不同项目需求下做出最合适的技术决策。原创 2024-12-03 16:03:38 · 367 阅读 · 0 评论 -
一个基于 canvas 画布的水印库
一款画布的水印库,作用于浏览器中。原创 2024-12-03 11:54:02 · 54 阅读 · 0 评论 -
使用HTML5 Canvas创建流体动感Loading动画教程 | 高级前端动画实现指南
本文将介绍如何使用HTML5 Canvas技术创建一个具有液体流动效果的Loading加载动画。这个动画结合了粒子效果和发光效果,创造出独特的视觉体验。原创 2024-12-01 11:45:56 · 521 阅读 · 0 评论 -
企业建站高性能的内容管理系统
此外,PHP 开发的 CMS 系统存在安全隐患,网站挂马、入侵等问题时有发生,促使我们跳出PHP局限,利用Go语言开发更安全、灵活和稳定的内容管理系统。通过Go语言的高性能优势,AnQiCMS不仅满足了企业对内容管理的基本需求,还通过持续的功能扩展和性能优化,解决网站安全、高性能、多站点、多语言等核心问题。它支持多站点、多语言管理,提供灵活的内容发布和模板管理功能,同时,系统内置丰富的利于SEO操作的功能,支持包括自定义字段、文档分类、批量导入导出等功能,是您建站的理想选择。原创 2024-11-28 15:54:49 · 309 阅读 · 0 评论 -
关于ueditor增强版的说明以及初衷
1.此版在原有的版本进行升级增强的版本(可能大部分不太熟悉plus版本的页面以及图标),所以推出新版本的增强版,兼容原有的图标,让UEditor重新散发活力,与plus版本功能基本相同Plus版:可参考往期的这篇文章解压下载的包,在解压后的目录创建demo.html文件,填入下面的html代码。原创 2024-11-28 15:50:44 · 210 阅读 · 0 评论 -
Buildadmin如何设置为默认显示后台
如何设置buildadmin默认打开为后台地址,一起来了解一下原创 2024-11-22 10:23:53 · 96 阅读 · 0 评论 -
Vue3 常见的 9 种组件通信机制
用于父组件向子组件传递数据以及子组件向父组件发出事件通知。: 用于父组件向所有后代组件提供数据,实现依赖注入。Pinia: 一个现代化的 Vue 状态管理库,替代了传统的 Vuex。: 用于父组件直接访问子组件的实例或元素。Attrs: 用于获取父组件传递给子组件的非 prop 属性。v-Model: 用于实现双向数据绑定。mitt.js: 一个事件总线库,用于跨组件通信。Slots: 用于父组件控制子组件部分内容,实现组件模板的灵活性和可重用性。原创 2024-11-17 19:20:45 · 149 阅读 · 0 评论 -
让 CSS 布局不再头疼!10 个超实用的 CSS 一行代码技巧
这些一行代码技巧包含了实用 CSS 的精髓,为常见的布局和样式挑战提供了简便的解决方案。将这些技巧融入您的日常工作流程,您可以高效有效地提升网页项目的视觉效果和功能性。原创 2024-11-17 19:18:39 · 80 阅读 · 0 评论 -
如何实现页面刷新后不定位到之前的滚动位置
那就是,如果浏览器不是强制刷新(Ctrl + F5),而是普通刷新(点击刷新按钮,或者按下 F5 刷新),则页面重新载入完毕后大概率会调到之前访问的位置。曾几何时,我是在页面 load 完毕之后,在足够安全的时间之后设置页面的 scrollTop 为 0。但是,实际开发中,我们总会存在不希望用户刷新记住之前滚动位置的情况。兼容性很不错,现代浏览器很早就支持了,移动端放心使用(IE不支持)使用很简单,在页面的任意位置执行下面几行 JS 代码就可以了。表示,滚动的位置不会被存储。默认值,表示滚动位置会被存储。原创 2024-11-10 20:46:27 · 177 阅读 · 0 评论 -
uniApp新模式: 使用Vue3 + Vite4 + Pinia + Axios技术栈构建
使用Vscode模式开发之后,感叹真香!不用再单独去下载HBuilderX。废话不多说,直接上干货!版本号node:v16.18.0vue:^3.3.4vite:4.1.4sass:^1.62.1pinia:2.0.36^0.0.17axios:^1.4.0^0.3.5^0.16.4如遇到问题,请检查版本号是否一致!!!原创 2024-07-16 19:05:21 · 387 阅读 · 0 评论 -
Driver.js 轻量级、互动式的功能引导效果
4. 产品演示:在产品演示或教学视频中,使用 Driver.js 高亮关键功能和操作步骤。2. 多步骤引导:支持创建多个步骤的引导,每一步都可以高亮不同的元素并提供相应的说明。6. 灵活配置:提供丰富的配置选项,可以设置步骤的顺序、提示的位置、自动滚动等。5. 自定义样式:可以自定义高亮元素和提示框的样式,满足不同的设计需求。2. 功能介绍:在网站或应用中引入新功能时,通过步骤引导用户使用新功能。1. 新用户引导:帮助新用户快速了解网站或应用的主要功能和操作方法。原创 2024-06-26 08:27:07 · 210 阅读 · 0 评论 -
微寻:为个人网站提供 微信扫码登录 能力
微寻利用微信小程序获取用户的 头像、昵称 信息,存储整理以后,在用户明确授权的前提下,通过接口开放给个人开发者,个人开发者只需要对接微寻的接口,简单 对接两个接口 就可以实现让开发者的用户通过微信扫码登录,而无需资质认证、小程序注册开发等繁琐流程,既方便了个人开发者、也方便了个人开发者的用户。6. 在 用户确认授权登录 以后,微寻会将用户的 头像、昵称、用户唯一标识、用户临时令牌 等信息回调给开发者服务端,开发者根据用户临时令牌绑定用户身份。3. 开发者对接微寻的 获取二维码及用户临时令牌 接口。原创 2024-06-26 08:17:40 · 483 阅读 · 0 评论 -
vue.js获取body高度
的高度,并将其存储在Vue实例的数据对象中。然后,我们可以在模板中使用这个值来显示或渲染内容。如果需要在窗口大小改变时更新高度,我们可以添加一个事件监听器来监听。事件,并在事件触发时更新数据。最后,在组件销毁前,我们移除事件监听器,防止内存泄漏。在上述示例中,我们首先在。原创 2024-06-23 15:29:52 · 405 阅读 · 0 评论 -
Mybatis 进阶技术
MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的。(Plain Old Java Objects,普通老式 Java 对象)为数据库中的记录。或注解来配置和映射原始类型、接口和。MyBatis 是一款优秀的。原创 2024-06-23 15:21:27 · 308 阅读 · 0 评论 -
B/S结构和C/S结构是什么?它们之间有哪些区别和联系?
B/S就是“Browser/Server”的缩写,即“浏览器/服务器”模式。B/S和C/S都是随着互联网的发展而出现的一种网络结构模式,而其用的非常广泛,在我们生活中都很常见。那它们到底是什么呢?这种“B/S”结构有很多好处,维护和升级方式更简单,客户端是浏览器,基本不需要维护,只需要维护升级服务器端就可以,当然还有很多好处,在这就不一一介绍了。C是英文单词“Client”的首字母,即客户端的意思,C/S就是“Client/Server”的缩写,即“客户端/服务器”模式。三、B/S结构和C/S结构的区别。原创 2024-05-04 20:36:32 · 486 阅读 · 0 评论 -
uniapp实现文件和图片选择上传功能实现
主要介绍了uni-file-picker文件选择上传,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下。原创 2024-04-10 11:38:30 · 973 阅读 · 0 评论 -
告别复制粘贴的黑暗时代!教你们一个新崛起的API
随着技术的发展,我们有理由相信,未来会有更多简单、强大、兼容性更好的API出现。但在那之前,让我们拥抱,享受它带来的便利,同时也不忘那些曾经陪伴我们度过难关的老方法。毕竟,try {// 使用现代 API 尝试复制return;// 如果成功,直接返回// 降级方案// 尝试执行复制操作if (!success) {throw new Error('无法复制文本');// 清理console.error('复制失败:', err);原创 2024-03-29 11:26:13 · 197 阅读 · 0 评论 -
忘掉 if...else 吧:两种模式让你摆脱“面条代码”
所谓的“意大利面代码”在处理复杂业务流程时很常见。它通常具有以下特点:内容冗长结构混乱嵌套深度我们知道,主流编程语言都有函数或方法来组织代码。对于意大利面代码,我们可以将其视为满足这些特征的函数。原创 2024-03-29 11:25:05 · 142 阅读 · 0 评论 -
js/jquery:5行代码实现点击按钮复制文字到剪贴板
jQuery与JS的实现原理是一样的,只不过使用jQuery时,不要忘了先引用jquery库文件。思路逻辑不复杂,实现起来也容易。元素,然后把要复制的文字赋予该。方法把文字复制到剪贴板。元素里的文字,最后使用。原创 2024-03-26 17:26:55 · 1096 阅读 · 0 评论 -
Nginx log文件写入失败?log文件权限设置问题
网站log文件不用手动建立,它会在访问网站时自动生成。如果没有生产log文件,请重启一下nginx。如果网站有log文件夹,那么其权限设置与wwwlogs一样。在FTP里直接设置,如果你为网站设置了特定的log文件,那么请往后看第3点。通过这样设置,nginx网站的log文件写入便无问题了。wwwlogs文件夹权限设置,在FTP里直接设置,里允许日志写入,就是如下面这句(样例),把句前的。网站log文件权限在FTP里直接设置,下面是log文件夹及文件权限设置。首先,请确保在Nginx配置文件。原创 2024-03-26 17:24:35 · 513 阅读 · 0 评论 -
2024年,只有搞颜色的P站真正关心网站性能
2024 年,大家觉得一个网站 JS 文件的平均大小应该是多少?1MB、5MB、10MB,还是更加大呢?近年来,层出不穷的现代化前端技术让人眼花缭乱,让网站拥有了更多的交互和丰富的功能,再加上终端设备的配置越来越高,许多网站似乎不用再过分担心性能问题 —— 常常打开网站就要下载超过 10M 的 JS 文件。知名开源开发者 Nikita Prokopov 对常见网站的 JS 文件大小进行了统计,结果有点令人出乎意料。原创 2024-03-04 18:37:17 · 121 阅读 · 0 评论 -
[解决]两原因导致windows 2012 datacenter安装.NET3.5失败
我本次安装的 win2012 版本是 Windows Server 2012 R2 Datacenter,好像是SP1,但我不能确定,它用的iso镜像文件是 cn_windows_server_2012_r2_vl_with_update_x64_dvd_6052729.iso,知道这个非常重要,因为安装.NET 3.5所需的源文件你必须从这个iso里提取,我是咨询服务商的技术支持后获知这个安装源的。这时,你需要先卸载当天更新的补丁,再安装.NET3.5。查看一下卸载程序里,有无当天的更新,有的话卸载它。原创 2023-12-14 18:57:19 · 2520 阅读 · 0 评论 -
使用css代码防止图片被拖拽的教程
在网页中,我们经常使用图片来美化页面或辅助内容呈现,但有时用户会无意中拖拽图片,这会对页面布局或其他元素产生意想不到的影响。为了防止这种情况,我们可以使用CSS来禁止。总体来说,禁止图片被拖拽或复制可以让我们更好地控制网页的布局和展示效果,提高用户体验和页面质量。如上面的代码所示,我们可以使用用户拖拽相关的CSS属性来实现禁止图片拖拽的效果。属性也分别对应不同的浏览器厂商,用于防止图片被选中并复制。如果希望同时禁止图片被复制,我们可以使用。属性分别对应不同的浏览器厂商。原创 2023-11-23 15:01:44 · 2215 阅读 · 0 评论 -
网站页头被挂马状态及新增了index.html文件解决思路
1、近期通过宝塔自带杀毒软件查杀,另一种方式把整站下载本地使用D盾查杀,不放心又用火绒杀毒软件查找,把木马清理过后再找有风险的文件先改名或者删除,再上传至网站替换。按理该步聚处理完应该没问题了?3、搜索了很多相关文章,没一篇文章能解决,突然想到会不会目录下来有隐藏文件,按这思路终端执行ls -al命令查看所有目录和文件,查看发现一个从来没看到过的.py的后缀(python脚本。2、过了几天你会发现同样的问题又出现了,哪怕你把网站涉及上传的目录权限444只读也是一样,问题就头大了同样问题再度出现。原创 2023-11-17 16:46:15 · 618 阅读 · 0 评论 -
如何在Python编程中应用Linux环境下的框架,以实现高效算法?
本文介绍了如何在Python编程中应用Linux环境下的框架,以实现高效算法。NumPy、Pandas和Matplotlib等框架可以进一步提高Python编程的效率,使得开发人员可以更快地开发出高效的算法。Python拥有丰富的库和框架,可用于处理各种数据类型和格式,如文本、图像、音频等。Python还具有易于理解的语法和良好的可读性,使得开发人员可以快速开发复杂的算法。Pandas是一个用于数据分析的Python库,提供了高效的。NumPy是一个用于科学计算的Python库,提供了高效的。原创 2023-11-06 09:16:20 · 131 阅读 · 0 评论 -
JS封装Cookie创建、获取、删除函数分享
JS封装Cookie创建、获取、删除函数分享。原创 2023-09-19 17:44:26 · 214 阅读 · 0 评论 -
百度编辑器点击图片修改图片的框错位问题
百度编辑器点击图片修改图片的框错位问题原创 2023-09-13 13:30:35 · 330 阅读 · 0 评论 -
htmx-使HTML更强大
htmx是一个很好的工具,可以让我们在不需要写js代码的情况下,实现很多复杂的功能。但是,通过上述例子也可以发现,为了实现一些复杂的功能,我们需要在html中添加很多属性,这样会导致HTML代码变得很臃肿,不利于维护,所以,htmx的使用场景还是有一定的局限性的,我们需要根据实际情况来选择使用。总之,善于使用工具,才能更好的提高我们的开发效率。原创 2023-09-05 12:41:40 · 640 阅读 · 0 评论 -
正则判断链接是否为外链,自动加上nofollow标签
自动判断链接是否为外链,如果是外部链接就自动加上nofollow标签的教程。这样可以很好的优化网站链接,减少网站传递权重,也无需手动添加修改。网站内容通常会有很多外部链接,如果每个都手动修改。标签很麻烦,这里分享给大家这篇利用。原创 2023-09-02 21:14:01 · 333 阅读 · 0 评论 -
运维:18工作中常用 Shell 脚本, 强烈推荐
GitHub 地址:https://github.com/weiwosuoai/WeBlog。GitHub 地址:https://github.com/weiwosuoai/WeBlog。GitHub 地址:https://github.com/weiwosuoai/WeBlog。Gitee 地址:https://gitee.com/AllenJiang/WeBlog。Gitee 地址:https://gitee.com/AllenJiang/WeBlog。方法1:EOF标准输出作为expect标准输入。原创 2023-08-03 17:01:07 · 409 阅读 · 0 评论 -
数据库:MYSQL参数max_allowed_packet 介绍
通过命令行修改只能临时生效,如果下次数据库重启后对应的配置就会又复原了,因为重启的时候加载的是配置文件里面的配置项。● 有时候业务的需要,可能会存在某些字段数据长度非常大(比如富文本编辑器里面的内容),造成插入和更新数据库会被max_allowed_packet 参数限制掉,导致数据库操作失败。如果超过了设置的最大长度,则会数据库保持数据失败。这个时候需要设置max_allowed_packet参数的大小,从而满足业务数据的保存,当然设置的大小要根据实际的业务需要,并不是越大越好,要设置合理的数据长度。原创 2023-08-03 16:57:59 · 1327 阅读 · 0 评论 -
如何快速同步第三方平台数据?
全量的数据主要是针对多个系统的历史数据,大概有几千万数据,只需要初始化一次即可。而增量的数据,是系统后续变更的数据。这个需求其实不简单,至少有以下难点:不能直接访问第三方数据库。不能将历史数据导出到excel中,有泄露数据的风险。如何快速同步历史数据?增量数据如何处理?接口需要做限流吗?增量数据如何校验数据的一致性?带着这些问题,开始今天的文章之旅。原创 2023-07-30 16:43:28 · 260 阅读 · 0 评论 -
关于KBYCMS标签使用说明介绍
选中的class,例如class等于active,假设第二张图片为加载页面后首先看到的,那么current="2",第二张图集currentstyle里面就有值为active。mod输出奇数偶数记录,设mod="2",标签内会有$mod变量,里面的值每次计算到2的时候重新计数例如(1,2,1,2,1,2):后台模型管理,新建留言表单,如果安装的是演示数据,那么已经存在留言表单了,创建好后点击字段管理进入,如下图所示。限定字段,当有时候不想显示所有筛选字段,在这里可以指定筛选的字段。原创 2023-07-27 11:00:31 · 418 阅读 · 0 评论 -
激发创造力:CodeArts Repo带你领略高效代码协同开发之道
CodeArts Repo(前身CodeHub) 是华为全栈自研的代码托管服务平台,它基于Git提供分布式代码管理和协同开发能力。提供了成员管理、权限控制、代码托管、代码检查、代码审核、代码追溯、CI/CD集成等实用功能,助力不同规模企业提升研发质量和研发效率。原创 2023-07-26 14:29:56 · 241 阅读 · 0 评论 -
CMS指纹识别是什么?
CMS(Content Management System)指的是内容管理系统,如WordPress、Joomla等。CMS系统非常常见,几乎所有大型网站都使用CMS来管理其网站的内容。由于常见CMS的漏洞较多,因此黑客将不断尝试利用这些漏洞攻击CMS系统,导致网站的安全问题。为了保护网站的安全,可以使用CMS指纹识别来检测网站是否使用了常见的CMS,并了解其可能存在的漏洞。本篇文章将介绍CMS指纹识别的基本原理、常见指纹信息以及在线CMS指纹识别工具。原创 2023-07-25 17:43:19 · 1280 阅读 · 0 评论 -
如何为IP申请一个SSL证书?
然后我们到了下一页直接点击「Validity」 选择「90-Day Certificate」。上传完以后,你如果很自信就直接下一步点击Verify。打开www.zerossl.com官网,然后我们直接输入服务器的IP地址,然后直接点击Next Step。我们这里选择文件验证。也就是HTTP File,然后把他要的这个文件上传到我们IP的这个目录里。接下来,我们输入自己的邮箱账号,直接注册。(如果点击后没有反应,请挂代理访问。最后一步直接选择Free 然后 Next Step。接下来,我们下载证书即可。原创 2023-07-25 16:54:52 · 771 阅读 · 0 评论 -
智创网站专业级防火墙系统(IIS版本)介绍
将指定的域名转换为繁体中文,例如,域名 www.abc.com 和 test.abc.com 都可以正常访问,在域名名单里填写 test.abc.com 后,用户访问 http://test.abc.com 就自动变成繁体中文,而 http://www.abc.com 仍然是原来的简体中文。如果有人在你的服务器里建立一个 test.asp/ 目录(不是.asp文件),然后在这里目录里上传一个abc.jpg文件,IIS会通过asp解析这jpg文件,这个将作为asp文件运行。论坛等,一样可以过滤其中的关键字。原创 2023-07-19 09:11:00 · 409 阅读 · 0 评论 -
moment.js常见格式化处理各种时间方法
Moment.js 是一个简单易用的轻量级 JavaScript 日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和 NodeJS 两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,同时也内置了能显示多样的日期形式的函数。另外,它也支持多种语言,你可以任意新增一种新的语言包。原创 2023-07-18 17:55:10 · 862 阅读 · 0 评论