markmap
发表于|更新于
|浏览量:
自杀是卑怯的行为。——鲁迅
Github：https://github.com/markmap/markmap
可以使用markmap生成思维导图html
例如：https://markmap.js.org/repl
相关推荐
2021-08-24
页面滚动事件
有些路是非要单独一人去跋涉，路再远再长，也得独自默默走下去。——席慕蓉 HTML DOM事件大全：https://www.runoob.com/jsref/dom-obj-event.html 可以如下写法： 12345window.onscroll = function() { console.log("滚动上下距离" + document.documentElement.scrollTop || document.body.scrollTop); console.log("滚动左右距离" + document.documentElement.scrollLeft || document.body.scrollLeft);}// jquery $(window).scroll(()=>{}) uniapp页面生命周期文档：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%...
2023-09-13
字体按宽度自适应大小
不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗的《瓦尔登湖》 一般可以使用vw或者em一类的属性来适配，但如果还需要更小，就只能使用scale缩放了，例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...
2023-06-04
将图片转换为像素风svg
千秋青史难欺。——张廷玉 链接：https://codepen.io/rodzyk/pen/dyjzExz 效果如下： 需要下载对应的svg也很简单 复制出来，再粘贴到本地新建xxx.svg文件内即可
2022-10-08
vue-cropper
青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网：https://github.xyxiao.cn/vue-cropper/ 演示demo：http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2024-12-08
macosicons
有人尖刻地嘲讽你，你马上尖酸地回敬他。有人毫无理由地看不起你，你马上轻蔑地鄙视他。有人在你面前大肆炫耀，你马上加倍证明你更厉害。有人对你冷漠，你马上对他冷淡疏远。看，你讨厌的那些人，轻易就把你变成你自己最讨厌的那种样子，这才是“敌人”对你最大的伤害。——扎西拉姆·多多《喃喃》 分享一个开源图标库 macOS Big Sur风格的流行应用程序的替换图标 GitHub - elrumo/macOS_Big_Sur_icons_replacements: Replacement icons for popular apps in the style of macOS Big Sur Over 5000+ free icons for macOS Monterey, Big Sur & iOS - massive app icon pack 您只需下载所需的图标，在 Finder 上找到要更新的应用程序，选择它并“File > Get Info”或“⌘-I”，然后将下载的 .icns 文件拖放到新窗口中。
2024-08-22
ts的&和|类型
如果结果不如你所愿，就在尘埃落定前奋力一搏。——《夏目友人帐》 文档： https://www.typescriptlang.org/docs/handbook/2/objects.html#intersection-types 让我们用中文来解释这两个例子的区别，并通过几个例子帮助你理解。 交集类型 123type Bar = { x: number };type Baz = { y: number };type Foo = Bar & Baz; 结果 Foo 类型: { x: number; y: number } 解释: Foo 是 Bar 和 Baz 的交集类型。它必须同时拥有 x 和 y 两个属性。 示例: 12const obj: Foo = { x: 5, y: 10 }; // 合法const obj2: Foo = { x: 5 }; // 非法，因为缺少 `y` 联合类型 123type Foo = { x: number };type Ba...