前端header footer main
前端项目模块
用户注册和登录模块: 用户可以通过注册账号并登录系统，保证用户身份和权限的安全性。 主页模块: 展示网站的主要内容和功能入口，提供用户导航和快速访问功能。 商品展示和搜索模块: 展示网站的商品信息，支持用户根据关键词搜索商品。 商品详情模块: 展示单个商品的详细信息，包括图片、描述、价格等。 购物车 ......
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标签，这是一个描述性的标 ......
vue--day50--todolist案例自定义事件修改footer 和header 修改
1.MyHeader.vue <template> <div class="todo-header"> <!--v-model:="title" 是实时绑定的 --> <input type="text" placeholder="请输入你的任务名称，回车键确认" v-model="title" @ ......
从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 ......
结合前端实现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 ......
视频直播网站源码，前端效果-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 可用于电商应用分类页面
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升 ......
Gradle 运行Java Main 类
### 文章来源 翻译自 [Run a Java main Method Using Gradle](https://www.baeldung.com/gradle-run-java-main)，尊重原创 [可复制地址](https://www.cnblogs.com/wei2cai/article ......
前端请求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函数：它的作用是传入特定参数，返回一个 ......
UI/UE统一设计与前端组件库建设
#### 一、当前问题( 主要在管理后台) 1、输入框、下拉选择框figma样式不一致  2、search 组件、t ......
未来几年,前端框架的竞争格局会发生什么变化?
过去几年, 前端框架领域的竞争是激烈的。各个框架在功能、性能、开发体验、生态系统和社区支持等方面都有不同的优势和特点。开发者和企业需要根据具体项目需求、团队技能和偏好来选择最适合的框架。前端技术一直在快速演进，新的标准、语言和工具不断涌现，这也为竞争增添了新的维度。框架开发者必须持续关注和适应最新的 ......
python Pycharm出现“can't find '__main__' module”解决方案
是配置没配对，因为在配置时没有选择.py文件，而只选择了工程名。因此选择Edit Configurations。 选择Edit Configurations后，查看Script path只选择了工程名inner funs，而这里应该要选择工程名里面的.py文件(main函数，如果没有，选择你要执行的 ......
前端周刊第64期
周刊包含大量链接，微信公众号不支持外链添加，点击文末“阅读原文”可查看链接内容。 ## 快讯  - [🐦 Dan ......
关于前端的注释分类
1. HTML注释：使用`<!--`开头，以`-->`结尾。HTML注释可以用于注释整个HTML标记或一部分HTML代码。示例： ```html <!-- 这是一个HTML注释 --> <p>这是一个段落。</p> ``` 2. CSS注释：使用`/*`开头，以`*/`结尾。CSS注释可以用于注释C ......
未来前端框架将持续推进组件化开发
前端框架在过去几年间取得了显著的进步和演进。前端框架也将继续不断地演化，以满足日益复杂的业务需求和用户体验要求。从全球web发展角度看，框架竞争已经从第一阶段的前端框架之争（比如Vue、React、Angular等），过渡到第二阶段的框架之争（比如Next、Nuxt、Remix、小程序等）。 ......
前端vue uni-app cc-countdown倒计时组件
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升 ......