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

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

非常的有意思
使用也很简单
1 | npm create svelte@latest myapp |
相关推荐
2021-11-18
数组扁平化flat
还保持着较为清醒的头脑,就决然不能把人生之船长期停泊在某个温暖的港湾。——路遥《早晨从中午开始》 在前端开发中可能会有这样的需求: 将一个数组中的数组拆分出来放到原数组中 那么我们就可以使用flat函数 1[1,[2,3,[4,5,6,[7,8,9]]]].flat() flat中可以传入参数为数字,表示你要拆分数组的层数 如果全部拆分,可以使用flat(Infinity) 1[1,[2,3,[4,5,6,[7,8,9]]]].flat(Infinity) 如果是较为复杂点的对象,则就只能使用map先取出来,再使用flat 1[{ruben:[1]},{ruben:[2,3]}].map(({ruben})=>ruben).flat()
2024-11-23
gsap
万人都要将火熄灭,我一人独将此火高高举起。——海子 https://github.com/greensock/GSAP https://gsap.com/ GSAP 是一个与框架无关的JavaScript 动画库,可将开发人员变成动画超级英雄。构建适用于所有主要浏览器的高性能动画。动画 CSS、SVG、canvas、React、Vue、WebGL、颜色、字符串、运动路径、通用对象…任何 JavaScript 可以触及的内容! GSAP 的ScrollTrigger插件以最少的代码提供令人惊叹的基于滚动的动画。 gsap.matchMedia()使构建响应式、易于访问的动画变得轻而易举。 没有其他库能够提供如此先进的测序、可靠性和严格的控制,同时解决超过 1200 万个站点的实际问题。 GSAP 解决了无数浏览器不一致的问题;你的动画就可以了。从本质上讲,GSAP 是一个高速属性操纵器,可以随着时间的推移以极高的精度更新值。它比 jQuery 快 20 倍! GSAP 完全灵活;把它撒在你想要的地方。零依赖。 有许多可选插件和缓动功能可以轻松实现高级效果,例如滚动、变形、沿运动...
2025-07-05
如何写一个 react 组件
天下之事不难于立法,而难于法之必行。一一明·张居正 https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/how-to-write-a-react-component.md 如何写一个 react 组件 author: yiminghe@gmail.com 建立组件 git 库 https://github.com/react-component 搭建脚手架 使用 https://github.com/react-component/generator-rc 搭建脚手架 目录结构12345678910- .travis.yml- examples - index.js - index.html- src - Component.jsx- index.js- tests - index.spec.js- package.json 源码 在 src 目录中写 es2015 js,在 assets 目录下写 less,在 tests 目录下写 测试用例,代码...
2020-11-24
elementUI隐藏组件
追求使你充实,成功和失败都是伴奏。——史铁生 关于ElementUI相信大家只要看过我这篇博客,都能有一定的了解 今天聊聊ElementUI官方文档都找不到的一个隐藏组件 那便是滚动条el-scrollbar 我们在开发中可能会用到数据量稍微多一点点的情况 例如我这里写的一个v-for 123456789<div style="width: 20%"> <div v-for="(item, i) in tableData" :key="i"> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> &...
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(信令服务器) ...
2021-11-15
程序化的事件侦听器
吾心信其可行,则移山填海之难,终有成功之日。——孙中山 vue官方文档——程序化的事件侦听器 vue官方文档——实例方法/事件 我们可以使用this.$on在vue中侦听一个事件 123vm.$on('test', function (msg) { console.log(msg)}) 然后我们可以在其他地方访问它 12vm.$emit('test', 'hi')// => "hi" 例如这里,我在一个页面中使用vm.$on 而在另一处中使用vm.$emit 可以看到成功调用test事件 基于这一点,我们可以在uniapp中进行页面间的通信 uniapp官方文档 也就是说,在其中一个页面中我们使用uni.$on或者uni.$once,在另一个页面中就可以使用uni.$emit进行调用,前提是uni,$on或者uni.$once必须触发成功 uni.$once触发后就会立马移除该监听器,也就是说只能触发一次 而uni.$on就只能使用uni.$off进行...
