在线web工程演示stackblitz
发表于|更新于
|浏览量:
饥梳头，饱洗澡。——杨慎
是这个网址
例如：
https://stackblitz.com/github/slidevjs/new?file=slides.md
打开就直接构建并可以自由修改，不用在本地npm i啦！
相当的方便相当的nice
比较适合开源项目用来演示
相关推荐
2020-09-03
vue2.0配置路由
古希腊哲学家芝诺的学生问他：“老师，难道你有不懂得的东西吗？”芝诺风趣地回答：“如果用小圆代表你们学到的知识，用大圆代表我学到的知识，那么大圆的面积是多一点；但两圆之外的空白，都是我们的无知面，圆越大，其圆周接触的无知面就越多。” 先说下端口配置吧 项目根目录下新建一个文件叫vue.config.js 12345module.exports = { devServer: { port: 3000 }} 然后npm run serve运行项目，可以看到端口号变了 然后再配置个路由吧 1cnpm i vue-router 在main.js中引入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, rend...
2022-12-19
css attr
过于大方的施舍会导致盗窃——西塞罗 分享一个css函数attr MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值 例如： 1<p data-foo="hello">world</p> css： 123[data-foo]::before { content: attr(data-foo) " ";} 效果： [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性，也可以获取其他的，例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...
2020-09-07
常用正则
我发现，一个人在放弃给别人留好印象的负担之后，原来心里会如此踏实。——严歌苓 分享一点常用正则 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185...
2021-06-30
wow.js
青春是一个普通的名称，它是幸福美好的，但它也充满着艰苦的磨炼。——高乐基 今天学到一个wow.js 可以实现很棒的效果 我们去这里下载 https://www.dowebok.com/131.html 使用方法1、引入文件1<link rel="stylesheet" href="css/animate.min.css"> 2、HTML12<div class="wow slideInLeft"></div><div class="wow slideInRight"></div> 可以加入 data-wow-duration（动画持续时间）和 data-wow-delay（动画延迟播放时间）属性，如： 12<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.1s">左淡入<...
2023-10-03
threejs+vite+ts实现官网基础部分
一个温柔的目光，一句由衷的话语，能使人忍受生活给他的许多磨难。——高尔基 官方文档：three.js manual 源代码从这里改进： GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改，首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...
2021-04-05
localStorage
蚍蜉撼大树，可笑不自量。——韩愈《调张籍》 我们可以使用LocalStorage在页面上存点东西，限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()