最近用到了 Naive UI，感觉以后前端写 css 是不是也要用 js 来写了呀。 - MD-FORUM

>

最近用到了 Naive UI，感觉以后前端写 css 是不是也要用 js 来写了呀。

user3 • 1 年前 • 20 次点击

如果前端的 html ，css 全部用 js 来写的话其实感觉还行，如果用 ts 来写的话就有类型约束了更爽。


user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览啊？ css 有类型约束有什么优势吗，一共就这么多属性名编辑器的补全不够用？啊？ css 有类型约束有什么优势吗，一共就这么多属性名编辑器的补全不够用？啊？ css 有类型约束有什么优势吗，一共就这么多属性名编辑器的补全不够用？
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览我讨厌 css in js, 还有原子化 css. <br>巨难接受 naive ui 的 h 函数. 特别是表格那边的使用. 我讨厌 css in js, 还有原子化 css. <br>巨难接受 naive ui 的 h 函数. 特别是表格那边的使用. 我讨厌 css in js, 还有原子化 css. 巨难接受 naive ui 的 h 函数. 特别是表格那边的使用.
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览有贡献过代码，作者写的那个还挺好用的有贡献过代码，作者写的那个还挺好用的有贡献过代码，作者写的那个还挺好用的
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 css 用类型约束？？？<br>各家浏览器的实现和版本约束不死你 css 用类型约束？？？<br>各家浏览器的实现和版本约束不死你 css 用类型约束？？？各家浏览器的实现和版本约束不死你
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览我是更喜欢 Tailwind 的方式，配合 VSCode 插件挺好用的。另外 TS 的话见仁见智，我现在部分情况如枚举、纯工具函数之类的会单独用 TS 写，大部分还是用 JS 写，部分 JS 函数也可以再把注释完善一下，其实用起来代码提示也够了我是更喜欢 Tailwind 的方式，配合 VSCode 插件挺好用的。另外 TS 的话见仁见智，我现在部分情况如枚举、纯工具函数之类的会单独用 TS 写，大部分还是用 JS 写，部分 JS 函数也可以再把注释完善一下，其实用起来代码提示也够了我是更喜欢 Tailwind 的方式，配合 VSCode 插件挺好用的。另外 TS 的话见仁见智，我现在部分情况如枚举、纯工具函数之类的会单独用 TS 写，大部分还是用 JS 写，部分 JS 函数也可以再把注释完善一下，其实用起来代码提示也够了
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 @<a href="/member/lollipogo">lollipogo</a> js+jsdoc 很好用，但是写起来很繁杂，没 ts 类型写着简洁。 @<a href="/member/lollipogo">lollipogo</a> js+jsdoc 很好用，但是写起来很繁杂，没 ts 类型写着简洁。 @lollipogo js+jsdoc 很好用，但是写起来很繁杂，没 ts 类型写着简洁。
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 @<a href="/member/nulIptr">nulIptr</a> 也不是类型约束吧，就是要知道一个 jsx 的元素用到了哪些样式，定义了哪些东西，在哪里定义的，不然样式分布在各个 css 文件中改起来是真的恶心。 @<a href="/member/nulIptr">nulIptr</a> 也不是类型约束吧，就是要知道一个 jsx 的元素用到了哪些样式，定义了哪些东西，在哪里定义的，不然样式分布在各个 css 文件中改起来是真的恶心。 @nulIptr 也不是类型约束吧，就是要知道一个 jsx 的元素用到了哪些样式，定义了哪些东西，在哪里定义的，不然样式分布在各个 css 文件中改起来是真的恶心。
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览非前端, 怎么快怎么来最近痴迷 shadcn/ui 非前端, 怎么快怎么来最近痴迷 shadcn/ui 非前端, 怎么快怎么来最近痴迷 shadcn/ui
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 @<a href="/member/jqtmviyu">jqtmviyu</a> <br><br>naive ui 应该是 jsx/tsx 来写方便，它那个文档示例全用 h 函数写得有问题，会误导不了解 jsx 的人 @<a href="/member/jqtmviyu">jqtmviyu</a> <br><br>naive ui 应该是 jsx/tsx 来写方便，它那个文档示例全用 h 函数写得有问题，会误导不了解 jsx 的人 @jqtmviyu naive ui 应该是 jsx/tsx 来写方便，它那个文档示例全用 h 函数写得有问题，会误导不了解 jsx 的人
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 @<a href="/member/jqtmviyu">jqtmviyu</a> #2 你把 lang 改成 tsx ，用 tsx 写不就行了，只是官方文档没写清楚. @<a href="/member/jqtmviyu">jqtmviyu</a> #2 你把 lang 改成 tsx ，用 tsx 写不就行了，只是官方文档没写清楚. @jqtmviyu #2 你把 lang 改成 tsx ，用 tsx 写不就行了，只是官方文档没写清楚.
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览写 React 的时候踩过好几次的坑：打草稿阶段直接在 JSX 里用 style 对象写样式，满意了之后整理出来到 css 里，但是前者写颜色值是带引号的，挪到后者里要去掉引号，但是这个视觉上不明显，很容易遗漏<br><br>后来开了类型检查就好了写 React 的时候踩过好几次的坑：打草稿阶段直接在 JSX 里用 style 对象写样式，满意了之后整理出来到 css 里，但是前者写颜色值是带引号的，挪到后者里要去掉引号，但是这个视觉上不明显，很容易遗漏<br><br>后来开了类型检查就好了写 React 的时候踩过好几次的坑：打草稿阶段直接在 JSX 里用 style 对象写样式，满意了之后整理出来到 css 里，但是前者写颜色值是带引号的，挪到后者里要去掉引号，但是这个视觉上不明显，很容易遗漏后来开了类型检查就好了
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览听你的描述，看上去得上个 unocss 之类的东西，就没这烦恼了听你的描述，看上去得上个 unocss 之类的东西，就没这烦恼了听你的描述，看上去得上个 unocss 之类的东西，就没这烦恼了
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 css 要的不是类型约束，是强类型，例如 cssinjs 就可以大幅提高 css 的可维护性。试想一下，一个大型项目，几百上千个 css 文件，一大堆 class ，没人敢删一行代码。你不知道哪个地方使用了这个 class ，cssinjs 可以，样式是否被引用，哪里引用，一目了然。 css 要的不是类型约束，是强类型，例如 cssinjs 就可以大幅提高 css 的可维护性。试想一下，一个大型项目，几百上千个 css 文件，一大堆 class ，没人敢删一行代码。你不知道哪个地方使用了这个 class ，cssinjs 可以，样式是否被引用，哪里引用，一目了然。 css 要的不是类型约束，是强类型，例如 cssinjs 就可以大幅提高 css 的可维护性。试想一下，一个大型项目，几百上千个 css 文件，一大堆 class ，没人敢删一行代码。你不知道哪个地方使用了这个 class ，cssinjs 可以，样式是否被引用，哪里引用，一目了然。
user2 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览 @<a href="/member/zxdstyle">zxdstyle</a> 就是这个意思，要能方便找到样式在哪里被定义的，在哪些地方被使用了。 @<a href="/member/zxdstyle">zxdstyle</a> 就是这个意思，要能方便找到样式在哪里被定义的，在哪些地方被使用了。 @zxdstyle 就是这个意思，要能方便找到样式在哪里被定义的，在哪些地方被使用了。
user3 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览一些旧的项目重构, 好几个 global css 文件堆叠. 重复的部分一堆. 但一个都删不掉. 你就知道有多痛苦了. 一些旧的项目重构, 好几个 global css 文件堆叠. 重复的部分一堆. 但一个都删不掉. 你就知道有多痛苦了. 一些旧的项目重构, 好几个 global css 文件堆叠. 重复的部分一堆. 但一个都删不掉. 你就知道有多痛苦了.
user1 • 1 年前 • 目录导航撤销（Ctrl+Z）重做（Ctrl+Y）清空 H 标题（Ctrl+1~6）一级标题二级标题三级标题四级标题五级标题六级标题插入提示提示注意警告详细信息粗体（Ctrl+B）斜体（Ctrl+I）删除线插入引用（Ctrl+Q）无序列表（Ctrl+U）有序列表（Ctrl+O）表格插入分割线插入链接（Ctrl+L）插入图片添加图片链接插入代码块关闭同步滚动全屏（按ESC还原）开启预览不会的，CSS 很多功能放到 JS 里面太绕了，SSR 、构建、工具链都会有各自的问题，并且不是普通开发者有能力处理的。<br><br>放不放到 JS 里面最终只能是甜、咸之争，看风味。不会的，CSS 很多功能放到 JS 里面太绕了，SSR 、构建、工具链都会有各自的问题，并且不是普通开发者有能力处理的。<br><br>放不放到 JS 里面最终只能是甜、咸之争，看风味。不会的，CSS 很多功能放到 JS 里面太绕了，SSR 、构建、工具链都会有各自的问题，并且不是普通开发者有能力处理的。放不放到 JS 里面最终只能是甜、咸之争，看风味。

1

20 / 页

总数 16