瑆箫
前端开发相关的技术博客,包含前端技术、前端教程、前端素材资源下载等服务。提供全面的web前端开发、小程序开发、前端自动化、前端性能优化等技术文章,如需功能开发提供开发说明,请发送邮件[email protected]
展开
-
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 · 7 阅读 · 0 评论 -
忘掉 if...else 吧:两种模式让你摆脱“面条代码”
所谓的“意大利面代码”在处理复杂业务流程时很常见。它通常具有以下特点:内容冗长结构混乱嵌套深度我们知道,主流编程语言都有函数或方法来组织代码。对于意大利面代码,我们可以将其视为满足这些特征的函数。原创 2024-03-29 11:25:05 · 43 阅读 · 0 评论 -
2024年,只有搞颜色的P站真正关心网站性能
2024 年,大家觉得一个网站 JS 文件的平均大小应该是多少?1MB、5MB、10MB,还是更加大呢?近年来,层出不穷的现代化前端技术让人眼花缭乱,让网站拥有了更多的交互和丰富的功能,再加上终端设备的配置越来越高,许多网站似乎不用再过分担心性能问题 —— 常常打开网站就要下载超过 10M 的 JS 文件。知名开源开发者 Nikita Prokopov 对常见网站的 JS 文件大小进行了统计,结果有点令人出乎意料。原创 2024-03-04 18:37:17 · 46 阅读 · 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 · 1297 阅读 · 0 评论 -
使用css代码防止图片被拖拽的教程
在网页中,我们经常使用图片来美化页面或辅助内容呈现,但有时用户会无意中拖拽图片,这会对页面布局或其他元素产生意想不到的影响。为了防止这种情况,我们可以使用CSS来禁止。总体来说,禁止图片被拖拽或复制可以让我们更好地控制网页的布局和展示效果,提高用户体验和页面质量。如上面的代码所示,我们可以使用用户拖拽相关的CSS属性来实现禁止图片拖拽的效果。属性也分别对应不同的浏览器厂商,用于防止图片被选中并复制。如果希望同时禁止图片被复制,我们可以使用。属性分别对应不同的浏览器厂商。原创 2023-11-23 15:01:44 · 699 阅读 · 0 评论 -
网站页头被挂马状态及新增了index.html文件解决思路
1、近期通过宝塔自带杀毒软件查杀,另一种方式把整站下载本地使用D盾查杀,不放心又用火绒杀毒软件查找,把木马清理过后再找有风险的文件先改名或者删除,再上传至网站替换。按理该步聚处理完应该没问题了?3、搜索了很多相关文章,没一篇文章能解决,突然想到会不会目录下来有隐藏文件,按这思路终端执行ls -al命令查看所有目录和文件,查看发现一个从来没看到过的.py的后缀(python脚本。2、过了几天你会发现同样的问题又出现了,哪怕你把网站涉及上传的目录权限444只读也是一样,问题就头大了同样问题再度出现。原创 2023-11-17 16:46:15 · 363 阅读 · 0 评论 -
如何在Python编程中应用Linux环境下的框架,以实现高效算法?
本文介绍了如何在Python编程中应用Linux环境下的框架,以实现高效算法。NumPy、Pandas和Matplotlib等框架可以进一步提高Python编程的效率,使得开发人员可以更快地开发出高效的算法。Python拥有丰富的库和框架,可用于处理各种数据类型和格式,如文本、图像、音频等。Python还具有易于理解的语法和良好的可读性,使得开发人员可以快速开发复杂的算法。Pandas是一个用于数据分析的Python库,提供了高效的。NumPy是一个用于科学计算的Python库,提供了高效的。原创 2023-11-06 09:16:20 · 81 阅读 · 0 评论 -
JS封装Cookie创建、获取、删除函数分享
JS封装Cookie创建、获取、删除函数分享。原创 2023-09-19 17:44:26 · 140 阅读 · 0 评论 -
百度编辑器点击图片修改图片的框错位问题
百度编辑器点击图片修改图片的框错位问题原创 2023-09-13 13:30:35 · 186 阅读 · 0 评论 -
htmx-使HTML更强大
htmx是一个很好的工具,可以让我们在不需要写js代码的情况下,实现很多复杂的功能。但是,通过上述例子也可以发现,为了实现一些复杂的功能,我们需要在html中添加很多属性,这样会导致HTML代码变得很臃肿,不利于维护,所以,htmx的使用场景还是有一定的局限性的,我们需要根据实际情况来选择使用。总之,善于使用工具,才能更好的提高我们的开发效率。原创 2023-09-05 12:41:40 · 561 阅读 · 0 评论 -
正则判断链接是否为外链,自动加上nofollow标签
自动判断链接是否为外链,如果是外部链接就自动加上nofollow标签的教程。这样可以很好的优化网站链接,减少网站传递权重,也无需手动添加修改。网站内容通常会有很多外部链接,如果每个都手动修改。标签很麻烦,这里分享给大家这篇利用。原创 2023-09-02 21:14:01 · 218 阅读 · 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 · 363 阅读 · 0 评论 -
数据库:MYSQL参数max_allowed_packet 介绍
通过命令行修改只能临时生效,如果下次数据库重启后对应的配置就会又复原了,因为重启的时候加载的是配置文件里面的配置项。● 有时候业务的需要,可能会存在某些字段数据长度非常大(比如富文本编辑器里面的内容),造成插入和更新数据库会被max_allowed_packet 参数限制掉,导致数据库操作失败。如果超过了设置的最大长度,则会数据库保持数据失败。这个时候需要设置max_allowed_packet参数的大小,从而满足业务数据的保存,当然设置的大小要根据实际的业务需要,并不是越大越好,要设置合理的数据长度。原创 2023-08-03 16:57:59 · 1133 阅读 · 0 评论 -
如何快速同步第三方平台数据?
全量的数据主要是针对多个系统的历史数据,大概有几千万数据,只需要初始化一次即可。而增量的数据,是系统后续变更的数据。这个需求其实不简单,至少有以下难点:不能直接访问第三方数据库。不能将历史数据导出到excel中,有泄露数据的风险。如何快速同步历史数据?增量数据如何处理?接口需要做限流吗?增量数据如何校验数据的一致性?带着这些问题,开始今天的文章之旅。原创 2023-07-30 16:43:28 · 179 阅读 · 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 · 354 阅读 · 0 评论 -
激发创造力:CodeArts Repo带你领略高效代码协同开发之道
CodeArts Repo(前身CodeHub) 是华为全栈自研的代码托管服务平台,它基于Git提供分布式代码管理和协同开发能力。提供了成员管理、权限控制、代码托管、代码检查、代码审核、代码追溯、CI/CD集成等实用功能,助力不同规模企业提升研发质量和研发效率。原创 2023-07-26 14:29:56 · 187 阅读 · 0 评论 -
CMS指纹识别是什么?
CMS(Content Management System)指的是内容管理系统,如WordPress、Joomla等。CMS系统非常常见,几乎所有大型网站都使用CMS来管理其网站的内容。由于常见CMS的漏洞较多,因此黑客将不断尝试利用这些漏洞攻击CMS系统,导致网站的安全问题。为了保护网站的安全,可以使用CMS指纹识别来检测网站是否使用了常见的CMS,并了解其可能存在的漏洞。本篇文章将介绍CMS指纹识别的基本原理、常见指纹信息以及在线CMS指纹识别工具。原创 2023-07-25 17:43:19 · 941 阅读 · 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 · 353 阅读 · 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 · 328 阅读 · 0 评论 -
moment.js常见格式化处理各种时间方法
Moment.js 是一个简单易用的轻量级 JavaScript 日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和 NodeJS 两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,同时也内置了能显示多样的日期形式的函数。另外,它也支持多种语言,你可以任意新增一种新的语言包。原创 2023-07-18 17:55:10 · 476 阅读 · 0 评论 -
2023年最新前端各系列面试题及答案
我们的目标是做最全最好最有质量前端面试仓库,用心收录大厂面试题,高频面试题,知识点面试题,用心做好每一道题值得参考的题解原创 2023-07-18 10:29:08 · 737 阅读 · 0 评论 -
Vue3.0 性能提升主要是通过哪几方面体现的?
这样就免去了重复的创建节点,大型应用会受益于这个改动,免去了重复的创建操作,优化了运行时候的内存占用。可以看到,组件内部只有一个动态节点,剩余一堆都是静态节点,所以这里很多。中对不参与更新的元素,会做静态提升,只会被创建一次,在渲染时直接复用。等,仅仅在用到的时候才打包,没用到的模块都被摇掉,打包的整体体积变小。来劫持整个对象,然后进行深度遍历所有属性,给每个属性添加。整体体积变小了,除了移出一些不常用的API,再重要的是。实例,它会在组件渲染的过程中把用到的数据。,就不需要创建对象,然后根据对象渲染。原创 2023-07-18 10:15:05 · 114 阅读 · 0 评论 -
Vue3.0的设计目标是什么?做了哪些优化?
这样使得模块拆分更细化,职责划分更明确,模块之间的依赖关系也更加明确,开发人员也更容易阅读、理解和更改所有模块源码,提高代码的可维护性。试想一下,如果很多类似的第三方库,我们只需要调用即可,不必关注实现过程,开发效率大大提高。这种形式,可以将一些复用的代码抽离出来作为一个函数,只要的使用的地方直接进行调用即可。中去递归响应式,这样的好处是真正访问到的内部对象才会变成响应式,而不是无脑递归。,可以将无用模块“剪辑”,仅打包需要的,使打包的整体体积变小了。编写的,提供了更好的类型检查,能支持复杂的类型推导。原创 2023-07-18 10:08:33 · 286 阅读 · 0 评论 -
vue项目如何部署?有遇到布署服务器后刷新404问题吗?
是一种网络应用程序或网站的模型,所有用户交互是通过动态重写当前页面,前面我们也看到了,不管我们应用有多少页面,构建物都只会产出一个。什么自动化,镜像,容器,流水线布署,本质也是将这套逻辑抽象,隔离,用程序来代替重复性的劳动,本文不展开。前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的。这是一个经典的问题,相信很多同学都有遇到过,那么你知道其真正的原因吗?产生问题的本质是因为我们的路由是通过JS来执行视图切换的,是没有相关配置的,所以就会出现 404 的情况。原创 2023-07-18 10:01:12 · 190 阅读 · 0 评论 -
JS禁止复制+框选+F12+F5+debugr+右键等功能代码
用户操作代码,包含禁止用户复制、鼠标框选文本、禁止浏览器F12键、浏览器F5键、无限debugr、禁止鼠标右键等功能代码。原创 2023-07-17 17:49:48 · 346 阅读 · 0 评论 -
双击页面任意空白处返回顶部JS代码
在所有页面空白处双击左键,自动返回网页顶部。原创 2023-07-17 17:47:52 · 308 阅读 · 0 评论 -
php判断访问来源5秒盾防御攻击代码
【代码】php判断访问来源5秒盾防御攻击代码。原创 2023-07-17 17:44:36 · 107 阅读 · 0 评论 -
PHP大文件切片下载代码
表示未知的应用程序文件,也是会触发浏览器的下载;配合header("Accept-Ranges: bytes");表示告诉浏览器说服务器返回的文件是以字节的形式。表示强制下载,服务端将一个完整的文件或者包一并输出浏览器,然后浏览器触发下载(用户看到的下载);缺点是文件或者包有多大脚本就占用多大内存;原创 2023-07-17 17:42:06 · 496 阅读 · 0 评论 -
利用JavaScript判断页面宽度的响应式布局方法
最后就是利用JavaScript判断页面宽度,实时修改html的font-size的大小。rem单位就可以随着html的font-size的大小自动修改大小,达到响应式布局的效果。原创 2023-07-17 17:40:06 · 387 阅读 · 0 评论 -
网站上面的大图如何优化以及如何处理
例如,JPEG 格式使用离散余弦变换 (DCT) 和量化来压缩图像,并且可以设置不同的压缩质量级别,以平衡文件大小和图像质量。在上面的例子中,如果设备屏幕宽度小于或等于 320 像素,则使用图像 image-320w.jpg,如果设备屏幕宽度小于或等于 640 像素,则使用图像 image-640w.jpg,否则使用图像 image-1280w.jpg。当用户滚动到一个包含延迟加载资源的区域时,会触发 JavaScript 事件处理程序,该处理程序检查资源是否位于视口内,如果是,则相应的资源被加载。原创 2023-07-17 13:32:54 · 241 阅读 · 0 评论 -
sessionStorage可以在多个Tab之间共享数据吗?
不可以。sessionStorage是浏览器会话级别的存储机制,它只在单个浏览器标签页(tab)或窗口之间共享数据。每当用户打开一个新的标签页或窗口时,会话存储会被重新初始化,每个标签页或窗口都会有自己的独立的sessionStorage。如果您需要在多个标签页或窗口之间共享数据,可以考虑使用其他的机制,如localStorage或IndexedDB。localStorage是在同一域名下的所...原创 2023-07-11 09:43:00 · 900 阅读 · 0 评论 -
网络安全专家最爱用的 9 大工具
网络安全专家,不是你认为的那种搞破坏的“黑客”。网络安全专家,即 “ethical hackers”,是一群专门模拟网络安全专家攻击,帮助客户了解自己网络的弱点,并为客户提出改进建议的网络安全专家。网络安全专家在工作中,通常会使用哪些工具和软件?今天我们来看看 10 个网络安全专家最常用的软件工具分别是哪些。原创 2023-07-10 10:50:13 · 200 阅读 · 0 评论 -
所有主要引擎中的CSS新色彩空间和功能
功能,一种标准化的方法来访问任何RGB颜色空间中的颜色。此函数允许在任何颜色空间中将一种颜色混合到另一种颜色。在下面的CSS中,25%的蓝色混合成白色,在srgb颜色空间中。.这意味着您可以支持hd(高清晰度)显示器,使用来自hd游戏机的颜色。这种支持带有新的功能,可以更好地利用网络上的颜色。css现在支持颜色空间,使我们能够访问srgb之外的颜色。我们已经有了一些功能,可以访问srgb范围内的颜色-还支持一些功能,允许访问srgb以外的颜色空间。以及这些新的色彩空间,所有的引擎都支持。原创 2023-07-05 09:44:58 · 493 阅读 · 0 评论 -
[Windows] 电脑专属后花园 HideUL软件隐藏工具v1.0便携版
如下图所示:这一堆乱七八糟的东西,看起来又特难受……更有甚者,如果我们在电脑安装了一些比较特殊且不方便被别人看到的软件,也是一件麻烦事。所以,今天我就给大家推荐一款可以隐藏电脑软件的小工具,仅需简单两步,就能隐藏电脑中的软件,即便别人把你的电脑翻个底朝天,也找不到你隐藏的软件- -。原创 2023-06-28 19:02:27 · 603 阅读 · 0 评论 -
如何使用KoodousFinder搜索和分析Android应用程序中的安全威胁
KoodousFinder是一款功能强大的Android应用程序安全工具,在该工具的帮助下,广大研究人员可以轻松对目标Android应用程序执行安全研究和分析任务,并寻找出目标应用程序中潜在的安全威胁和安全漏洞。由于该工具基于Python 3开发,因此我们首先需要在本地设备上安装并配置好Python 3环境。】创建一个Koodous账号并获取自己的API密钥。在使用该工具之前,我们首选需要访问该工具的【输出结构化威胁信息详情,STIX格式。设置需要扫描或搜索的App名称。针对APK文件执行常规搜索。原创 2023-06-27 17:51:19 · 1370 阅读 · 0 评论 -
PentestGPT:一款由ChatGPT驱动的强大渗透测试工具
PentestGPT是一款由ChatGPT驱动的强大渗透测试工具,该工具旨在实现渗透测试任务执行过程的自动化。该工具基于ChatGPT实现其功能,允许广大研究人员以交互式的方式使用,并指导渗透测试人员进行渗透测试任务的总体进度调控并执行指定操作。当前开发人员也正在添加自定义本地LLM模块的支持,如果你想要稳定运行以及较好的性能,建议使用OpenAI API。需要注意的是,ChatGPT的Cookie解决方案可能不是非常稳定,开发人员也一直在努力尝试设计更好的解决方案。next:执行下一步渗透测试任务操作;原创 2023-06-27 17:49:17 · 1232 阅读 · 0 评论 -
网盘管理神器 AirExplorer V5.1.4最新版
这款网盘管理神器:AirExplorer 请务必收,仅需一个软件,就能管理几十个网盘,从此无需为网盘太多、记不清文件保存在哪里儿犯愁。原创 2023-06-27 10:46:42 · 351 阅读 · 0 评论 -
[Windows] 查看电脑操作记录 LastActivityView v1.37便携版
就是一些细枝末节的设置,感兴趣的小伙伴自己去折腾~软件无需安装,解压后双击运行exe程序即可使用。原创 2023-06-27 10:25:25 · 1749 阅读 · 0 评论 -
蜜罐的搭建和使用(护网蓝队利器)
把蜜饵进一步改造,在word文档,PDF文档中植入一个隐蔽的链接,当攻击者打开这个文件时,链接可以被自动触发,防御者可以借机获取攻击者的真实网络地址,浏览器指纹等信息,从而直接溯源定位攻击者真实身份。把恶意访问集中到一起,统一管理,是分布式蜜罐的一种形式,但在蜜场中,攻击者踩中的是虚拟的蜜罐,经过重定向以后,由真实的蜜罐进行响应,再把相应行为传到虚拟蜜罐。蜜罐需要基于一个节点进行布置,可以部署在任意的网络位置,通常用于收集达到特定网络节点的攻击情报,并缓解相同网段的其他生产设备与资源收到的攻击。原创 2023-06-26 22:16:15 · 553 阅读 · 0 评论 -
2023年全球需要警惕的三大网络安全威胁
安全本身具有较高的复杂度,需要有很强的专业背景和复杂的操作配置,即使具有计算机背景的IT人士,面对复杂的网络安全,也可能不知所措。因此,企业要想具备较强的网络安全,一方面是强化安全制度和提升员工整体安全意识,另一方面是依靠先进的安全工具、产品、解决方案,两者形成合力,才能确保在和攻击者的动态对抗中保持平衡甚至领先,让攻击者望而却步。恶意软件是以恶意意图编写的软件的统称,包括病毒软件、勒索软件和间谍软件。恶意软件威胁可能会导致计算机系统、服务器或公司网络中断,还可能导致私人信息泄露。2、留意防范电子邮件。原创 2023-06-26 11:24:17 · 432 阅读 · 0 评论