svelte
发表于|更新于
|浏览量:
我宁肯忘掉亏欠自己的而不愿忘掉亏欠别人的。——贝多芬
分享一个前端框架svelte
仓库链接:https://github.com/sveltejs/svelte
语法非常的简单容易上手

1 | <script> |
同样是响应式

非常的有意思
使用也很简单
1 | npm create svelte@latest myapp |
相关推荐
2024-09-18
vue2使用vite过渡
君子藏器与身,待时而动。——佚名 项目介绍 vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下,继续享受 Vite 的高效开发体验。 通过这个插件,开发者可以在 Vue 2 项目中体验到 Vite 的快速启动、热重载和高效打包,而无需迁移到 Vue 3。这为那些已经深度使用 Vue 2 的项目提供了极大的便利。 主要特点: Vue 2 支持:在 Vite 项目中使用 Vue 2,无需进行复杂的配置或迁移。 现代开发体验:支持 Vite 的快速启动、热模块替换(HMR)、高效的编译和打包。 兼容性:与现有的 Vue 2 项目无缝集成,不影响现有代码库的运行。 GitHub地址 GitHub 仓库:vitejs/vite-plugin-vue2 官方文档提供了详...
2022-06-19
ts中枚举
现实生活喜欢对称和轻微的时间错移。——博尔赫斯《南方》 填坑,官方文档:https://www.typescriptlang.org/docs/handbook/enums.html 我新建了一个vue项目用来演示 这里代码如下: 12345678910enum Direction { Up, Down, Left, Right}console.log({ Direction });console.log({ 'Object.entries(Direction)': Object.entries(Direction) });console.log({ 'Direction[0]': Direction[0] });console.log({ 'Direction.Up': Direction.Up }); 打印结果如下: 定义一个双向绑定的值 1const count = ref(Direction.Up)...
2025-06-20
billd-live
如果学生没有学习的积极要求,教师越是把注意局限在知识上,学生对自己学习上的成绩就越冷淡,学习愿望就越低落。——苏霍姆林斯基《给教师的建议》 https://github.com/galaxy-s10/billd-live Billd Live:基于 WebRTC 的开源在线互动直播系统@galaxy-s10/billd-live 是一个开源、高可定制性的在线互动直播系统。它采用现代前端技术栈,结合 WebRTC 实时音视频传输和 Node.js 服务端,支持多人连麦、弹幕互动、屏幕共享、录制回放等丰富功能,适用于教育培训、在线会议、远程协作、娱乐直播等多种场景。 项目简介Billd Live 致力于为开发者和团队提供一套可自由扩展、二次开发友好的 Web 端直播解决方案。项目结构清晰,模块化强,既适合用作生产环境的直播/会议系统,也适合用作学习 WebRTC、Socket.io、前后端分离架构的技术参考。 技术栈 前端:Vue3、Vite、TypeScript、Element Plus 实时音视频:WebRTC 通信:Socket.io(信令服务器) ...
2025-05-13
wangeditor自定义事件踩坑记录
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 文档: https://www.wangeditor.com/v5/toolbar-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6 今天踩坑发现会重复触发,哪怕是使用的 1editor.once('event-key', fn) once只监听一次的,也会在一些情况下重复触发。。。
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性,不然就是奴才。但自尊不是轻人,自信不是自满,独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件,别忘了加对应的高度,以及检查overflow-y: 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长(超过外部div高度)的内容...</div> 然后是滚动事件处理: 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2023-01-22
一个js视差动画
人生碌碌,竞短论长,却不道荣枯有数,得失难量。——《浮生六记》 分享一个js视差动画:https://codepen.io/isladjan/details/abdyPBw 滑动会出现各种动画效果,非常的好玩

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog