记录---模仿 SU7 网页特效 实现3D旋转地球
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
随着小米 SU7 的发布,不少网友发现了一个小米su7的展示网页,那是相当的酷炫:
当你体验一遍后,会看到各种炫酷的效果
包括隧道穿梭、波浪动画等,并且还有些细节也值得注意,如地面的反射效果。
原网页:gamemcu.com/su7/
那么这个网页是用哪个技术实 ...
无需WebView,Vue也能开发跨平台桌面应用
前言
一直以来,使用Vue开发桌面应用大部分都是使用基于webview的方案,如electron,tauri等。不依赖webview的,移动端倒有不少,如Weex,NativeScript等,桌面端寥寥无几。
最近,Deft框架完成了Vue3的适配,支持使用Vue+Rust开发跨平台应用,不依赖Webview,目前支持Linux,Windows,MacOS和Android等系统,后续计划将支持鸿 ...
如何使用 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-table@4.12.5
// ...
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ...
createApp( ...
复制csdn文字时去掉版权信息,复制文字带版权信息小尾巴
这个黑科技也是我偶然发现的,之前我还特地搜过方法去掉后面的版权信息,结果没搜到,我都放弃了,结果在我下的一个不知名工具里发现了。倒不是不支持版权,只是稍微长一点的文字它都要带,就很烦。
言归正传,这个黑科技就是:ModHeader
&n ...
SvelteKit 最新中文文档教程(16)—— Service workers
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
从零创建npm依赖,只需执行一条命令
由来
最近在弄新的npm依赖,但是发现没有都从头创建项目实属有点儿麻烦,然后我找了之前开发的依赖,将多余代码删除了作为初始化的项目。于是~为什么不弄个模版,每次只需要初始化模版即可,所以就有了这个模版,为了方便,我还发布到了npm上,只需要简单的执行命令即可初始化npm依赖开发的项目。
特性
🚀 快速创建: 一行 ...
SvelteKit 最新中文文档教程(15)—— 链接选项
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
前端常见布局之圣杯布局及双飞翼布局
在前端开发中,要实现一个布局:三列布局——左右列宽度固定,中间列内容优先渲染且中间列宽度自适应一般有两种实现方式,圣杯布局(Holy Grail Layout)和双飞翼布局(Double Wing Layout)。两者都是用来实现三列布局左右列固定宽度、中间列自适应并且中间列在文档流中优先渲染。以下是两种布局的详细介绍和代码示例:
圣 ...
SvelteKit 最新中文文档教程(14)—— 错误处理
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
SvelteKit 最新中文文档教程(13)—— Hooks
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
Vue3封装支持Base64导出的电子签名组件
默认支持签字回显,base64压缩,内存释放
传参支持禁用签字也就是查看,组件大小内置'small', 'default', 'large'三个大小
效果图
准备工作
组件内用到elementPlus,vue-esign组件,使用前提前安装好。
组件代码
<template>
<!-- 签名容器 -->
<div class="sign-container" >
<div class="sign-preview ...
渐变页面
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Radial Gradient Background</title></head>
<body style="background: radial-gradient(circle, #6d96aa, #2a556b);"> <h1>这是一个带有径向渐变背景的页面</ ...
SvelteKit 最新中文文档教程(12)—— 高级路由
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
快速开始 - TypeScript 入门指南
环境安装
为了学习使用 TypeScript,你首先要把 TypeScript 编译工具安装到你的本地环境中。打开终端执行以下命令:
npm install -g typescript
Tips:如果你无法使用 npm 命令,请确保你本地已安装了 Node 环境。Mac 电脑可能会需要用到 sudo 命令。
安装完成后,你可以通过 tsc -v 命令进一步确认 TypeScript 是否成功 ...
vue 使用 vxe-table 来实现左边是 vxe-tree 树组件,右边是表格联动功能
vue 使用 vxe-table 来实现左边是 vxe-tree 树组件,右边是表格联动功能,当需要实现左右两侧联动时,表格 vxe-grid 配合分割模板 vxe-split 就很容易实现了
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
预览
代码
<template>
<div>
...
前言 - TypeScript 入门指南
本系列博文的目标是帮助 JavaScript 开发者快速学会 TypeScript,促进 JavaScript 在中文社区良好发展。编写过程中我们严肃参考了下面链接的资料,感谢这些文档,特别是它们的中文版。
https://www.typescriptlang.org/docs
https://www.tslang.cn/docs/home.html
本系列博文并不会涉及 JavaScript 的讲解,对 TypeScript ...
一文搞清楚什么是JavaScript prototype原型链
JavaScript prototype 详解
JavaScript 中,prototype(原型) 是面向对象编程的核心概念之一。它通过 原型链(Prototype Chain) 实现继承,使对象可以共享其他对象的属性和方法。理解原型机制是掌握 JavaScript 面向对象编程的关键。
什么是 prototype?
每个 JavaScript 函数(构造函数)都有一个 prototype 属性,它是 ...
19K+ Star!一款基于 Vue3 实现的后台管理系统!
大家好,我是 Java陈序员。
今天,给大家推荐一款基于 Vue3 实现的后台管理系统前端模板框架,适合外包项目,实现快速交付!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
vue-manage-system —— 一套基于 Vue3 + Element Plus + TypeScript 实现的多功能的 ...
SvelteKit 最新中文文档教程(11)—— 部署 Netlify 和 Vercel
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
给Web开发者的HarmonyOS指南02-布局样式
给Web开发者的HarmonyOS指南02-布局样式
本系列教程适合鸿蒙 HarmonyOS 初学者,为那些熟悉用 HTML 与 CSS 语法的 Web 前端开发者准备的。
本系列教程会将 HTML/CSS 代码片段替换为等价的 HarmonyOS/ArkUI 代码。
开发环境准备
DevEco Studio 5.0.3
HarmonyOS Next API 15
布局基础对比
在Web开发中,我们使用CSS来控 ...