前端 头像 国庆
前端交互
之前写的关于交互的思考，原文链接 https://mp.weixin.qq.com/s/xQyjWxcARMgZfEkuAXpCGw 以下是一些延伸链接： 规范参考：https://www.zcool.com.cn/work/ZNDQyMzc3NTY=.html https://www.zcool. ......
前端避免使用多个if else 的解决方法和示例
问题：代码走查过程中提示方法中包含多个ifelse，代码复杂度较高，不利于维护。 思考：有没有什么方法可以进行代码优化？  => {}, 1000)` 模拟接口调用； 2. 数据总条数 `total` 是符合搜索结果的数据总条数； 3. ......
前端往读取到的压缩文件里添加文件，针对了shapefile(shp)压缩文件里没有.cfg导致中文乱码的情况
前端使用shpjs库处理shp压缩文件(.zip)，在没有.cpg文件的情况下会出现中文乱码问题。.cpg文件中定义了字符编码的格式，通过shp.js源码，可以看出是parseDbf这个库的函数解析dnf文件需要获取字符编码格式(encoding)，最简单的方法是将整个shpjs模块复制到src下面 ......
快速掌握Vue3：速成Vue3前端开发看这篇就够啦
vue3引入了Composition API，使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统，对虚拟DOM进行了优化等，提升了开发体验、性能 ......
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖函数和节流函数是工作中两种常用的前端性能优化函数，今天我就来总结一下什么是防抖和节流，并详细说明一下如何在工作中应用防抖函数和节流函数 ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用： 表格主要用于**显示、展示数据**，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
jeecgboot前端 vue生产环境下console.log不显示的问题解决
我这里使用搞得jeecgboot低代码平台开发的系统，有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后，发现有console.log的地方，竟然都没有输出日志信息，这给调试带来了极大的不便。 于是我苦苦思索，寻找了很多办法，经过九九八十一难，终于换了个思路，心想是 ......
前端如何实现将header、footer、main都处于一屏
html结构： <html> <body> <header></header> <main> <section></section> </main> <footer></footer> </body> </html> scss： body { display: flex; flex-directio ......
前端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 ......
AI绘画| 迪士尼风格｜可爱头像【附Midjourney提示词】
# **Midjourney案例分享** # 图片预览 迪士尼风格｜可爱头像 高清原图及关键词Prompt已经放在文末网盘，需要的自取  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 ......
结合前端实现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 ......