在线web工程演示stackblitz
发表于|更新于
|浏览量:
饥梳头，饱洗澡。——杨慎
是这个网址
例如：
https://stackblitz.com/github/slidevjs/new?file=slides.md
打开就直接构建并可以自由修改，不用在本地npm i啦！
相当的方便相当的nice
比较适合开源项目用来演示
相关推荐
2025-08-01
x6
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 X6 ：让你的流程图、DAG、ER图开发像搭积木一样高效有趣！如果你是一名开发者、产品经理，或者数据分析师，是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼？AntV X6，就是为了解决你的痛点而生的专业图编辑引擎！ X6是什么？X6 是 AntV 旗下的图编辑引擎，专为流程图、DAG 图、ER 图等各类图应用打造。它提供了简单易用的节点定制能力和丰富的交互组件，让你像搭积木一样快速实现强大、个性化的图应用，无论你是用 SVG、HTML、React、Vue 还是 Angular，都能轻松上手定制。官网直达：https://x6.antv.antgroup.com 四大核心特性，让图编辑开发变得“丝滑”！🌱 极易定制 支持 SVG/HTML/React/Vue/Angular 各种主流技术栈，无论你喜欢哪种方式，都能打造出炫酷的节点样式和交互效果。 节点、边都能灵活...
2022-03-06
redux-saga
活着就意味着必须做点什么，请好好努力。——《地下》 我们知道React等单页应用在开发时，页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态）。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。 管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。 当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。 如果这还不够糟糕，考虑一些来自前端开发领域的新需求，如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性，难道就这么放弃了吗？当然不是。 这里的复杂性很大程度上来自于...
2024-06-07
vue查看组件
人死像熟透的梨，离树而落，梨者，离也。——《活着》 最近在折腾 Vue.js，发现了一个挺有意思的东西，叫 Vue.options.components。先来个大概的解释，这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件，它就会乖乖地跑到 Vue.options.components 里去。 什么是 Vue.options.components？简单说，Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件，它就会被扔进这个家里，然后你在任何地方都能用到它。感觉像是个全局变量，不过是专门为组件准备的。 全局注册组件先来个全局注册组件的例子吧，感觉这个比较好理解： 123Vue.component('my-component', { template: '<div>这是一个自定义组件！</div>'}); 这个时候，你可以通过 Vue.options.components 看到你刚才注册的组件：...
2025-09-16
echarts-for-react
话可以收回，但人生不可能这样。——席勒 https://github.com/hustcc/echarts-for-react echarts-for-react：React 下的 Apache ECharts 超简封装体验在数据可视化的世界里，Apache ECharts 以其强大、灵活和极致的交互性能，在前端圈中久负盛名。但对于 React 开发者来说，如何优雅、便捷地在 React 项目中集成 ECharts，一直是个高频需求。今天就来深度体验一把——echarts-for-react，一个极简的 ECharts React 封装库。 项目简介echarts-for-react 是由 hustcc 大佬维护的 React 封装组件，让你能在 React 应用中“丝滑”地使用 Apache ECharts。 仓库地址：hustcc/echarts-for-react 官网：https://git.hust.cc/echarts-for-react 主要语言：TypeScript Star 数：4834+ Fork 数：655+ 关键标签：echarts re...
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点 可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大 后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱
2024-09-17
vue-starport跨路由组件共享动画
没有风暴，船帆不过是一块破布。——雨果 vue-starport/README.zh-Hans.md at main · antfu/vue-starport · GitHub 我们经常会在在不同的路由（页面）上使用同一组件，但他们的位置和大小可以不尽相同。这时你可能会希望在用户进行路由跳转时，想让它们展示流畅的过渡动画。尽管这样的动画在原生应用中较为常见，但要在 Web 中实现却有一些挑战。 Vue 的组件结构以 树 的形式呈现，在不同分支中的子组件有其各自的实例，这意味着当用户在路由之间跳转时，同样的组件并不会跨路由共享。 因为它们是两个不同的实例，这意味着你无法直接为它们的添加补间动画。幸运的是，有一种叫做 FLIP 的技术可以模拟不同组件之间的过渡动画。 然而，FLIP 只解决了过渡的问题，我们仍然还是会有两个组件实例。在跳转过程中，组件的内部状态将会丢失。 因此，我开始实验一个新的解决方案用于满足这一需求，并将其取名为 Starport。 在线Demo： https://vue-starport.netlify.app/ 可以看到点击下方的图片...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog