卓能文

2024年8月16日

摘要： src/Greeting.tsx: import React from "react"; import r2wc from "@r2wc/react-to-web-component"; type GreetingProps = { name: string; }; const Greeting: 阅读全文

posted @ 2024-08-16 10:37 卓能文阅读(121) 评论(0) 推荐(0)

Declarative Shadow DOM

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2024-08-16 09:18 卓能文阅读(8) 评论(0) 推荐(0)

一个最简单的web components

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2024-08-16 08:50 卓能文阅读(7) 评论(0) 推荐(0)

2024年8月15日

react in cdn

摘要： index.html: <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>Ariakit</title> </head 阅读全文

posted @ 2024-08-15 08:43 卓能文阅读(20) 评论(0) 推荐(0)

2024年8月14日

antd模板工程

摘要： pnpm create vite@latest my-project -- --template react cd my-project pnpm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p tailwind 阅读全文

posted @ 2024-08-14 18:19 卓能文阅读(34) 评论(0) 推荐(0)

2024年8月11日

xrender中的FormRender使用示例

摘要： xrender是阿里的中后台「表单/表格/图表」开箱即用解决方案。先采用在线工具创建一个简单的schema:simple.ts export default { "type": "object", "properties": { "title": { "title": "标题", "type": 阅读全文

posted @ 2024-08-11 17:10 卓能文阅读(312) 评论(0) 推荐(0)

2024年8月10日

radix-ui/themes使用示例

摘要： pnpm create vite@latest index.html: <!doctype html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/v 阅读全文

posted @ 2024-08-10 09:44 卓能文阅读(294) 评论(0) 推荐(0)

react-ace使用示例

摘要： import { useState } from "react"; import AceEditor from "react-ace"; import "ace-builds/src-noconflict/mode-markdown"; import "ace-builds/src-noconfli 阅读全文

posted @ 2024-08-10 09:15 卓能文阅读(234) 评论(0) 推荐(0)

react-md-editor使用示例

摘要： import { useState } from "react"; import { Flex } from "@radix-ui/themes"; import MDEditor from "@uiw/react-md-editor"; import { getCommands, getExtra 阅读全文

posted @ 2024-08-10 00:36 卓能文阅读(214) 评论(0) 推荐(0)

react-markdown-editor示例

摘要： import { useState } from "react"; import { Button, Flex } from "@radix-ui/themes"; import MarkdownEditor from "@uiw/react-markdown-editor"; export def 阅读全文

posted @ 2024-08-10 00:11 卓能文阅读(95) 评论(0) 推荐(0)

公告