V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
yayaluoya481
V2EX  ›  JavaScript

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

  •  
  •   yayaluoya481 · 11 小时 47 分钟前 · 1075 次点击

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

    12 条回复    2024-10-09 17:42:12 +08:00
    nulIptr
        1
    nulIptr  
       11 小时 42 分钟前
    啊? css 有类型约束有什么优势吗,一共就这么多属性名编辑器的补全不够用?
    jqtmviyu
        2
    jqtmviyu  
       11 小时 41 分钟前
    我讨厌 css in js, 还有 原子化 css.
    巨难接受 naive ui 的 h 函数. 特别是表格那边的使用.
    kev1nzh
        3
    kev1nzh  
       11 小时 38 分钟前
    有贡献过代码,作者写的那个还挺好用的
    LuckyLauncher
        4
    LuckyLauncher  
       11 小时 38 分钟前
    css 用类型约束???
    各家浏览器的实现和版本约束不死你
    lollipogo
        5
    lollipogo  
       11 小时 38 分钟前
    我是更喜欢 Tailwind 的方式,配合 VSCode 插件挺好用的。另外 TS 的话见仁见智,我现在部分情况如枚举、纯工具函数之类的会单独用 TS 写,大部分还是用 JS 写,部分 JS 函数也可以再把注释完善一下,其实用起来代码提示也够了
    yayaluoya481
        6
    yayaluoya481  
    OP
       11 小时 32 分钟前
    @lollipogo js+jsdoc 很好用,但是写起来很繁杂,没 ts 类型写着简洁。
    yayaluoya481
        7
    yayaluoya481  
    OP
       11 小时 30 分钟前
    @nulIptr 也不是类型约束吧,就是要知道一个 jsx 的元素用到了哪些样式,定义了哪些东西,在哪里定义的,不然样式分布在各个 css 文件中改起来是真的恶心。
    server
        8
    server  
       11 小时 23 分钟前
    非前端, 怎么快怎么来 最近痴迷 shadcn/ui
    lisongeee
        9
    lisongeee  
       11 小时 16 分钟前
    @jqtmviyu

    naive ui 应该是 jsx/tsx 来写方便,它那个文档示例全用 h 函数写得有问题,会误导不了解 jsx 的人
    chengxy
        10
    chengxy  
       11 小时 14 分钟前
    @jqtmviyu #2 你把 lang 改成 tsx ,用 tsx 写不就行了,只是官方文档没写清楚.
    shintendo
        11
    shintendo  
       10 小时 52 分钟前
    写 React 的时候踩过好几次的坑:打草稿阶段直接在 JSX 里用 style 对象写样式,满意了之后整理出来到 css 里,但是前者写颜色值是带引号的,挪到后者里要去掉引号,但是这个视觉上不明显,很容易遗漏

    后来开了类型检查就好了
    jspatrick
        12
    jspatrick  
       9 小时 44 分钟前
    听你的描述,看上去得上个 unocss 之类的东西,就没这烦恼了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1015 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:26 · PVG 03:26 · LAX 12:26 · JFK 15:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.