drauu
发表于|更新于
|浏览量:
在判断之前,应当消除内心的成见。——塞涅卡
分享一个基于SVG的画板项目:
https://github.com/antfu/drauu



相关推荐
2021-09-04
echarts入门
社会犹如一条船,每个人都要有掌舵的准备——易卜生 根据官方文档入门echarts: 首先我们先引入cdn 1<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script> 然后为 ECharts 准备一个具备大小(宽高)的 DOM 12<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --><div id="main" style="width: 600px;height:400px;"></div> 然后就是JavaScript代码了 先基于准备好的dom,初始化echarts实例 1var myChart = echarts.init(document.getElementById('main')); 接下来指定图表的配置项和数据 12345678910111213141516171819// 指定图表的...
2022-05-13
vue props注意
等到看你银色满际,等到分不清季节更替,才敢说沉溺。——《水星记》 官方文档:https://cn.vuejs.org/v2/guide/components-props.html 我们在使用vue的prop时 如果prop其数据类型为一个对象 则传入的是一个对象的地址引用 我们如果在子组件中使用watch将其赋值给一个data,用于外部组件状态发生变化时,内部的某一data也能同时响应: 12345678 watch: { productionData: { immediate: true, handler() { this.myData = this.myProp }, }} 这时候如果我们对myData里的属性进行更改,发现外部(父组件)传过来的对象数据源也发生了变更 如果我们想要深拷贝 则可以使用: 1234567891011function deepClone( obj ){ let clone = obj; if (obj &...
2022-05-17
display:contents
多少人以友谊的名义,爱着一个人。——电影《One Day》 MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码: 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...
2024-01-14
chakra-ui
对人生命最大的威胁是以车代步,而不是交通事故。——怀特 分享一个很好看的react的UI组件库chakra-ui: https://chakra-ui.com/ https://github.com/chakra-ui/chakra-ui
2024-08-14
TinyVue组件库
君子不隐其短,不知则问,不能则学。——董仲舒 文档: TinyVue:一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端 代码: https://github.com/opentiny/tiny-vue 在项目的根目录中,打开控制台,执行以下命令,为 Vue 3.0 的项目安装 TinyVue 组件库 : 123yarn add @opentiny/vue@3# 或者npm install @opentiny/vue@3 或者执行以下命令,为 Vue 2.0 的项目安装 TinyVue 组件库 : 123yarn add @opentiny/vue@2# 或者npm install @opentiny/vue@2 如果是Vite 工程,安装完依赖后,修改项目的 vite.config.js ,添加以下代码突出显示的部分: 1234567891011// vite.config.jsimport { defineConfig } from 'vite'import vue from ...
2022-09-26
gridsome
礼仪周全能宁人息事——茹贝尔 gridsome是一个基于 Vue.js 构建的 Jamstack 框架 官方文档:https://www.gridsome.cn/ 这个可以帮助我们快速建造一个网站,其特点是graphql,不需要服务端,开发快、性能好,前端人员大爱 不过吐槽一下,点击中文文档竟然是英文的。。。 借助翻译插件还是能勉强看懂,哈哈 这个翻译插件是沙拉查词

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