前端universal transfer故障
前端如何实现将header、footer、main都处于一屏
html结构： <html> <body> <header></header> <main> <section></section> </main> <footer></footer> </body> </html> scss： body { display: flex; flex-directio ......
养鸡场损失背后，是通讯故障还是数据大危机
近日，一场特殊的案件完成了判决，由于设备发生通信故障导致风机停止工作，进而导致1466只养殖的蛋鸡死亡，造成了巨额财产损失。最终，提供物联网终端设备的神桥公司被判处承担农场的70%的赔偿责任。 虽然被答辩人未公开表示是否会继续上诉，但该判决结果在二审法院中并未获得支持，但这起案件对产品质量问题及数据 ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
但因热爱，愿迎万难，OpenTiny 社区增加一枚前端程序媛贡献者
我们非常高兴地宣布，OpenTiny Vue Playground 正式上线！在此非常感谢 xiaoy 同学对 OpenTiny Vue Playground 项目的贡献！ ......
前端代码规范-2分钟教会你在nodejs中使用eslint定制团队代码规范
## ESlint 是什么？ [ESlint官网](https://eslint.nodejs.cn/docs/latest/use/core-concepts) #### 官网是这么写的： ESLint 是一个可配置的 JavaScript 检查器。 它可以帮助你发现并修复 JavaScript ......
vite+vue3+ts+elementPlus前端框架搭建 [二] pinia状态管理
前面已经完成了基本框架搭建，下一步针对各个模块的封装以及实验 本章主要是针对pinia的状态模块实现 1. 创建Store 在src文件夹下创建一个store的文件夹，并在该文件夹下创建index.ts文件，内容如下： import type { App } from 'vue'; import { ......
前端项目模块
用户注册和登录模块: 用户可以通过注册账号并登录系统，保证用户身份和权限的安全性。 主页模块: 展示网站的主要内容和功能入口，提供用户导航和快速访问功能。 商品展示和搜索模块: 展示网站的商品信息，支持用户根据关键词搜索商品。 商品详情模块: 展示单个商品的详细信息，包括图片、描述、价格等。 购物车 ......
vite+vue3+ts+elementPlus前端框架搭建 [一]
记录下搭建vite + vue3 + ts + elementPlus项目的过程及遇到的问题。 建议使用pnpm安装依赖，npm切换到pnpm 链接地址：[https://www.pnpm.cn/installation]() 1. 运行环境 node -v v18.17.0 npm -v 9.8. ......
前端输入框空格校验
.校验开头不能有空格: jQuery.validator.addMethod("firstNotHasBlank", function(value, element) { var fBlank =/^\S+/; return this.optional(element) || (fBlank.tes ......
禁止别人调试自己的前端页面代码
🎈 为啥要禁止？ 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，破解后获取数据 为了 杜绝 这种情况，最简单的方法就是禁止人家调试自己的前端代码 🎈 无限 debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时 ......
前端学习之HTML——(1)
1、html的基本结构 a.首先是注释信息，在html中使用<!--xxx-->这样的方式来进行注释 b.DOCTYPE，这是告诉浏览器所使用规范，一般可以不加这个，因为现在的浏览器默认所使用的规范为html c.head标签，表示网页的头部，其中会放入其他标签 d.meta标签，这是一个描述性的标 ......
从Java后端获取时间配置字符串，并在前端使用它来设置默认公布时间。
<div class="layui-inline" id="AItem"> <label class="layui-form-label syn-form-item-require">公布时间：</label> <div class="layui-input-block"> <input type= ......
禁止调试前端代码，不要看我的代码！！！
禁止调试前端代码，不要看我的代码 <script> // 禁止调试前端代码 (() => { function block() { if (window.outerHeight - window.innerHeight > 200 || window.outerWidth - window.inne ......
禁止别人调试自己的前端页面代码
> [TOC] ## 🎈 为啥要禁止？ - 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，**破解后获取数据** - 为了 **杜绝** 这种情况，最简单的方法就是禁止人家调试自己的前端代码 禁止调试 ## 🎈 无限 debugger - 前端页面防止调试的方法主要是通过不断 `debu ......
前端实现预览PDF
下载包 npm install react-pdf 我使用的是react-pdf@5.7.2版本 以下例子使用的是react创建的项目 直接上代码=>cv可用，保证高效 1.新增依赖 yarn add react-pdf@5.7.2 npm install react-pdf@5.7.2 2.导出j ......
ChaosBlade 项目指南：我是如何为社区贡献 Redis 故障场景
Redis 实际使用过程中会存在一些故障演练需求。例如：模拟触发所有 key 过期的极端故障场景、模拟主动触发 Redis 内存淘汰策略释放内存场景等等。所以，根据以上故障演练需求，决定对 ChaosBlade 新增模拟 Redis 缓存过期实验和模拟 Redis 缓存内存限制实验，丰富 Chaos... ......
结合前端实现ORM对数据的增删改查、动静态网页，Django创建表关系、请求生命周期流程图
通过结合前端页面实现ORM对数据的增删改查 写一个页面，把数据库中的数据以表格的形式展示出来，然后在每一行的后面加两个按钮，分别是修改、删除的按钮。 1.先创建一张UserInfo表格： 在Django中没有提供tinyint、smallint，就只提供了int和bigint，如果想要写其他类型，需 ......
无障碍工具条在前端项目中的使用
一、使用的工具 https://gitee.com/tywAmblyopia/ToolsUI 二、使用 VUE中使用 -1.拉取代码 -2.将canyou文件夹放到public目录下 -3.在public文件夹下的index.html文件中</head>标签前,引用v1.8以上的jquery.min ......
莫明奇妙的WINDOWS ARP故障
一台克隆出来的WIN2016虚拟机，配置网关IP后，能PING通其它的虚拟机和交换机，但是PING不通网关，WINDOWS防火墙也关了，其它虚拟机与网关通信也正常 net interface ipv4 show neighbors 检查发现问题，不明所以，放狗出没啥结果，干脆直接写死MAC吧（不要用 ......
视频直播网站源码，前端效果-css+javascript
视频直播网站源码，前端效果-css+javascript <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view ......
前端路由+原生JS实现SPA
前端路由●路由: 就是一一对应关系的集合●前端路由: 就是一个 url 地址, 对应哪个组件(页面)●前端路由的本质○根据地址栏变化(不重新想服务器发送请求), 去局部更新不同的页面内容, 完成前端业务场景切换●前端路由的思路○URL 地址栏中的 Hash 值发生了变化○前端 JS 监听到 Hash ......
前端Vue自定义精美商品分类组件category 可用于电商应用分类页面
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升 ......
前端请求blob文件流，如何校验接口报错
在我们使用前端请求文件流的时候，我们接受到的后端返回信息如下所示 就上面的情况我们应该如何判断接口是否正常呢。 我们可以这样操作： if (res.type == "application/json") {//判断返回的为json信息 const reader = new FileReader(); ......
前端工程化cjs umd esm 打包差异详解
本文章主要为大家介绍了前端工程化cjs umd esm 打包差异详解： 模块 先简单说一下模块这玩意： 一个模块（module）就是一个文件。一个脚本就是一个模块。就这么简单。 内部有自己的局部作用域以及程序，外部可以通过模块暴露的接口进行调用、执行模块内的程序 为什么要模块 我们从另一个角度出发， ......
Node.js 与前端开发实战
### 0x1 Node.js 的应用场景 1. 前端工程化 * 打包工具：webpack、vite、esbuild、parce * 代码压缩：uglifyjs * 语法转换：babeljs，typescript * **难以替代** 2. Web 服务端应用 * 学习曲线平缓，开发效率较高 * 运 ......
NET6 Webapi 大驼峰传到前端变成了小驼峰
JsonSerializerOptions.PropertyNamingPolicy 属性 services.AddControllers().AddJsonOptions(options => { // 获取或设置一个值，该值指定用于将对象的属性名称转换为其他格式（例如 camel 大小写）的策略 ......
JSONP前端流程
# JSONP前端流程 ## JSONP总体思路 1. 后端先给前端一个接口文档。 - 如`https://www.baidu.com/sugrec?prod=pc&wd=用户输入的文字&cb=后端要调用的前端定义的全局函数名`。 2. 前端会封装一个jsonp函数：它的作用是传入特定参数，返回一个 ......
《Universal and Transferable Adversarial Attacks on Aligned Language Models》论文学习
一、Abstract 尽管“开箱即用”的大型语言模型（例如ChatGPT）能够生成出色的处理令人反感的内容，人们在规避针对LLM的攻击（针对LLM的所谓“越狱”）方面取得了一些成功，但在不断地攻防实践中这些防御手段却很脆弱，研究员在自动对抗性提示（prompt）生成方面也取得了一些突破。 在本文中， ......
UI/UE统一设计与前端组件库建设
#### 一、当前问题( 主要在管理后台) 1、输入框、下拉选择框figma样式不一致  2、search 组件、t ......