卓能文

2024年8月18日

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

posted @ 2024-08-18 09:40 卓能文阅读(3) 评论(0) 推荐(0) 编辑

lit动态修改样式

摘要： src/my-counter.ts: import { LitElement, css, html } from "lit"; import { customElement, property } from "lit/decorators.js"; import { styleMap } from 阅读全文

posted @ 2024-08-18 07:40 卓能文阅读(1) 评论(0) 推荐(0) 编辑

2024年8月16日

利用react-to-web-component封装react控件

摘要： 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 卓能文阅读(1) 评论(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 卓能文阅读(2) 评论(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 卓能文阅读(1) 评论(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 卓能文阅读(2) 评论(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 卓能文阅读(2) 评论(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 卓能文阅读(2) 评论(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 卓能文阅读(5) 评论(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 卓能文阅读(4) 评论(0) 推荐(0) 编辑

公告