前端速成之——Script
Script
1-引入js和函数调用
function函数:必然存在一个返回值,绝对不会书写 void,要么返回 undefine,要么返回 return 的数据
function etoak(val1, val2, val3) {
try {
alert('五一节去哪里玩?')
/* 添加断点 */
/* debugger */
...
至美!看AXUI如何美化原始HTML标签(reset/normalize)
✨前言:不只是重置,而是重塑
在前端开发中,我们每天都会接触大量的原生 HTML 标签,例如 <button>、<input>、<a>、<table>、<hr> 等。这些标签自带样式,用于在浏览器中快速渲染交互元素。
然而,这些“默认样式”往往带有浓重的系统色彩,不仅在视觉上缺乏统一感,在不同浏览器之间也表现不一,甚至会破坏用户体验。
因 ...
记录---扫码登录分析与实现
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
前言
随着移动设备的普及,扫码登录成为一种便捷且安全的用户身份验证方式。它不仅免去了用户输入账号密码的繁琐步骤,还能减少密码泄露的风险。在当今的前端开发中,扫码登录已经成为许多应用的标配功能。那么,作为一名前端开发者,该如何实现这一功能呢?本文将从技术原 ...
解决vscode配置Prettier插件后,不能自动格式化问题
问题:用Nestjs开发一个后端项目,发现Prettier插件不能自动格式化后保存,并且没有eslint格式报错提醒,每次都需要手动格式化。
但是另一个vue2项目就可以自动保存,这就奇怪了,明明设置了Prettier为默认格式化插件也开启了保存自动格式化,看Prettier的控制台也启动了格式化。
在网上搜索的方法都不行,ai提供的方法也不 ...
如何跨标签页通信
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
开篇小剧场:为什么标签页要"聊天"?
想象你在网上商城:
标签1:浏览商品页标签2:开着购物车
当你在标签1点击"加入购物车",标签2的购物车数字应该立即+1!这就是标签页通信的魔力啦!✨
🎨 方案1:BroadCast Channel(对讲机频道)
🛠️ 方案2:Service Worker(隐形邮差) ...
Less中实现响应式设计的4种高效方案(手机、平板、电脑端)
下是4种纯Less实现的响应式方案,均封装成可复用方法。
方案1:基础设备混合封装
// 定义设备断点变量
@mobile-max: 767px;
@tablet-min: 768px;
@tablet-max: 1024px;
@desktop-min: 1025px;
// 设备混合
.mobile(@rules) {
@media (max-width: @mobile-max) {
@rules();
}
}
.tablet(@rules) {
@media (min-wi ...
SvelteKit 最新中文文档教程(23)—— CLI 使用指南
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
开源免费!一个在线的数据库实体关系绘图工具!
大家好,我是 Java陈序员。
之前,给大家介绍过一款基于实体连接图的数据库设计工具。
可视化!一款基于实体连接图的数据库设计工具!
今天,给大家介绍一个同款的在线数据库实体关系绘图工具。
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
drawDB —— 一个 ...
最好懂的自动寻路-前端
先看效果
黑块是障碍物,可以理解成游戏里的墙
白块是可走的路
点哪里走哪里,类似于游戏里的移动
在线演示
前言
本节采用BFS算法,没有涉及到一些更深层次的优化。
代码用的vue3+ts,单组件,复制粘贴即可运行,核心的代码就一个函数,可以用GPT转成其他语言并运行
鄙人没有从事这方面工作,纯属兴趣爱好,只能带大家看 ...
vxe-table 实现行分组增加对子集的数据统计
vxe-table 实现行分组增加对子集的数据统计
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
显示分组统计
通过 rowGroupConfig.showTotal 来开启分组统计,显示子集数量
<template>
<div>
<vxe-table
show-overflow
heig ...
AI 大模型科普-概念向
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:奇铭
什么是大模型(LLM)
大模型(LLM)即大型语言模型(Large Language Model),它是一种具有大规模参数和复杂计算结构的人工智能语言模型。它们在大量的文本数据上进 ...
SvelteKit 最新中文文档教程(22)—— 最佳实践之无障碍与 SEO
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
记录---因网速太慢我把20M+的字体压缩到了几KB
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
故事背景
事情起源于之前做的海报编辑器,自己调试时无意中发现字体渲染好慢,第一反应就是网怎么变慢了,断网了?仔细一看才发现,淦!这几个字体资源咋这么大,难怪网速变慢了呢😁😁。
图片中的海报包含6种字体,其中最大的字体文件超过20M,而最长的网络加载时长已接近 ...
vxe-table 使用行分组,对数据进行分组,指定多字段分组的使用
vxe-table 使用行分组,对数据进行分组,指定多字段分组的使用
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
安装
npm install vxe-pc-ui@3.5.26 vxe-table@3.15.6
// ...
import VxeUIAll from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style ...
视频解析图片识别人脸采集并切图video-clip-images,face-api.js
video-clip-images
采集视频中的人脸并截取
本Demo是通过face-api实现的。具体内容可前往Github:face-api
注: 返回大部分使用的都是base64
Demo地址放在了码云上:video-clip-images
目录结构
video-clip-images/
├── face-api.js-master/
│ ├── weights/ 模型
│ │ └── ...
├── js/ 脚本
│ └ ...
微信小程序/H5 调起确认收款界面
🧾 微信小程序/H5 调起确认收款界面详解(附代码+平台兼容处理)
场景:用户点击「收款」按钮后,系统调起微信收款组件,用户确认后完成转账或收款流程。该能力广泛用于现金营销、二手交易、佣金报酬、企业赔付等业务场景中。
具体见官方文档
💡 背景
微信官方在前俩月更新了 requestMerchantTransfer 接口,允许微信小程 ...
SvelteKit 最新中文文档教程(21)—— 最佳实践之图片
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
一个神奇的JS代码,让浏览器在新的空白标签页运行我们 HTML 代码(createObjectURL 的妙用)
目录前言问题一个偶然预览 HTML 代码
前言
目前,网上很多在线运行 HTML 的页面,大都是这样的逻辑:
上面一个代码框 <textera> ,下面一个 <iframe>,然后通过 js,将我们的代码框中的 HTML 给输入到 <iframe> 里面,这便是一个简单的在线运行 html 的逻辑。
甚至我们可以在一行里写一个在线运行 html 的页面。比如下面这 ...
快速搭建!一个轻量的在线工具箱!
大家好,我是 Java陈序员。
之前给大家介绍过一款个人在线工具箱。
8.7K+ Star!快速搭建个人在线工具箱
今天,再给大家安利一个开源轻量的在线工具箱!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
tools-web —— 一个轻量的在线工具箱,覆盖开发运维、文 ...
SvelteKit 最新中文文档教程(20)—— 最佳实践之性能
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...