V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  forsigner  ›  全部回复第 6 页 / 共 17 页
回复总数  324
1 ... 2  3  4  5  6  7  8  9  10  11 ... 17  
2021-04-24 08:58:35 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@oop99 欢迎使用
2021-04-24 08:58:06 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@3dwelcome 我我以为你说的是 zero-runtime, 本来 fower 本来就是不需要预编译的,它是 js 动态生成样式的,可以说本来就是 Just In Time
2021-04-24 08:53:02 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@huijiewei 这种单纯是为了 atomic,不把开发体验放在重要位置,不看好
2021-04-24 08:51:35 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@narmgalaxy 这两天支持一下
2021-04-23 19:10:59 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@hewelzei [国内的前端开发人员好像不是很注重如何优雅编写样式] 这个赞同,不知为啥,国内很多前端都理所当然的认为“关注点分离”就是对的,而且国内 CSS in JS 也用得不多,可能国内真的太多前端是非科班转过了的
2021-04-23 19:08:02 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@damao2250 是的,已修改,谢谢
2021-04-23 19:07:32 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@u3u 除了 layout toolkit, 类名基本上是和 tailwindcss 一致的,只不过是驼峰而已,其实切换成本不高
2021-04-23 19:06:12 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@pabupa 欢迎在项目中体验,包香
2021-04-23 19:05:28 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
2021-04-23 19:04:57 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@crs0910 是有 bug,新版已经修复,你可以看看文档,你真有眼光,fower-layout 是 fower 最好用的功能,也是我自己最新喜欢功能。
2021-04-23 16:04:30 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@3dwelcome 有计划做,做个 webpack-loader 就可以
2021-04-23 16:03:56 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@Shyla 那是很久之前的项目了,难得你记得 哈哈
2021-04-23 16:02:53 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
2021-04-23 15:53:25 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@narmgalaxy taildwind 很不错,但不够灵活。举个小例子,我们一个项目使用过 tailwindcss,一大痛点就是太不灵活了,比如设置 padding,tailwind 中 p-2 代表 8px,我想要 10px 就很麻烦,使用 Fower,p2 代表你 padding: 8px, 但 p-{value} 可以是任意值
2021-04-23 15:46:45 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@shakukansp 是的,配置非常简单,可以看看: https://fower.vercel.app/zh-cn/docs/use-with-vue
2021-04-23 15:28:43 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@agdhole 这是 js 啊,直接跟普通 js 一起打包的,没打包性能问题
2021-04-23 15:08:44 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@agdhole 和 tailwindcss 相比,尺寸小很多:

- 在 React 中 15.2kB: https://bundlephobia.com/result?p=@fower/[email protected]
- 在 Vue 中 13.8kB: https://bundlephobia.com/result?p=@fower/[email protected]

性能比一般 CSS in JS 库好,因为每个原子类是缓存的
2021-04-23 14:56:45 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@towry 文档有写,如果你接受不了原子属性这种写法,你也可以使用 css 类名:

```html
<template>
<div class="toCenterY p-10 w-260 bgWhite rounded-10 shadow">
<img src="/img/vue-logo.png" class="circle-48" />
<div class="ml-10">
<div class="textXL fontBold">Evan You</div>
<span class="gray800">Creator of Vue.js.</span>
</div>
</div>
</template>
```

入侵还好,你用 tailwind 也一样,不过这其实不重要,重要的是要写的爽,效率高,好维护。
2021-04-23 14:54:11 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@towry 文档有写:
2021-04-23 14:53:07 +08:00
回复了 forsigner 创建的主题 程序员 Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
@codingguy @fower/core 是跟框架无关的,这看怎么定义框架无关了
1 ... 2  3  4  5  6  7  8  9  10  11 ... 17  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2909 人在线   最高记录 6543   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 14ms · UTC 14:16 · PVG 22:16 · LAX 07:16 · JFK 10:16
Developed with CodeLauncher
♥ Do have faith in what you're doing.