vite
发表于|更新于
|浏览量:
给自己一点时间，别害怕重新开始。——威尔·鲍温
分享一个前端开发与构建工具vite，官网：
可以以极快的方式冷启动项目，极快的速度热重载HMR(Hot Module Replacement)
使用方式按照官方文档创建项目即可
https://vitejs.cn/guide/#scaffolding-your-first-vite-project
相关推荐
2022-02-16
react快速上手
一个人能否有成就，只看他是否具备自尊心与自信心两个条件。——苏格拉底 今天想简单玩玩React，我们打开React官方文档： https://react.docschina.org/ 点击入门教程 通过简单的介绍后，我们开始代码编写 打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏，今天暂时只做一个简单入门)： https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器，看到初始代码后，我们可以开始尝试编写 注意看文档，这里三个React组件Square正方形、Board画板以及Game游戏 看到代码中的结构为主入口： 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点，包含了一个Game组件 123456789101112131415cl...
2022-01-03
在vue中使用ts
诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档：https://www.typescriptlang.org/docs/handbook/intro.html 首先找到中文文档：https://www.tslang.cn/samples/index.html 寻找到vue.js 跳转过去后就是教程，我们跟着教程一步一步来 首先新建一个空项目 然后新建src目录和components目录 1234typescript-vue-tutorial/├─ dist/└─ src/ └─ components/ 输入命令下载依赖 1D:\file\projects\vue-ts-demo>cnpm install --save-dev typescript webpack webpack-cli ts-loader css-loader vue vue-loader vue-template-compiler 很快就下载完毕 然后初始化ts环境 1tsc --init 可以看到多出了ts配置文...
2022-01-11
uniapp对接oss视频上传+压缩
与其在绝望和挣扎中苟活，不如在希冀和盼望中死亡。——纪伯伦 首先是文件上传的代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...
2024-09-22
position-try
教育的胜利，可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性 它就像字面意思是说： 位置-尝试 代表着 它在页面移动时尽可能尝试调整位置 举个栗子： 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...
2024-09-20
vinejs
仅仅对自然做种种临摹，并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库，它的设计理念是简洁和灵活，特别适合前端和后端应用中的数据验证。无论是在前端用户输入时，还是在后端 API 请求时，Vine.js 都能帮助开发者快速、高效地进行数据验证，确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则，并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理，Vine.js 提供了直观的方式来定义验证逻辑，减少开发者手动编写验证代码的时间和精力。 主要特点： 简单易用：通过简洁的 API，让验证规则定义和应用变得更加直观。 灵活的错误处理：支持定制错误消息，并可以灵活地处理验证失败时的行为。 适用于前后端：无论是用于前端表单验证，还是后端 API 的请求参数验证，Vine.js 都能够胜任。 良好的扩展性：支持自定义验证器，允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...
2025-09-04
cat-catch
人之贤不肖譬如鼠矣，在所自处耳！――《李斯列传》 https://github.com/xifangczy/cat-catch 要说资源嗅探工具里最有名、最实用、最被广大网友熟知的，猫抓（cat-catch）绝对榜上有名。作为一款浏览器资源嗅探扩展，猫抓的定位就是帮你在当前网页上筛选、列出所有可见的资源链接，比如视频、音频、图片等，哪怕是隐藏得很深的媒体流都能一网打尽。支持Chrome、Edge、Firefox甚至Edge Android，安装方式极为简单，官方应用商店一键获取，也可以源码安装或crx手动安装，不论你是小白用户还是技术党都没障碍。 猫抓的界面非常直观，装好后在浏览器扩展区点一下，弹出的popup界面会自动检测当前页面的所有资源，按类型分类显示。比如你在视频网站，能看到.mp4/.m3u8/.flv等音视频流，常见的m3u8流还内置了解析器，可以直接复制下载链接，甚至还能用内置工具解析分段、拼接资源，方便你做后续处理。除此之外，猫抓也兼容各种流行网站的资源结构，日常追剧、下视频、扒站素材都能用得上。最贴心的是，猫抓所有数据都本地处理，不会收集...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog