做为后端程序员之前一直用 html+jquery,现在逐渐的也在使用 Vuejs 和相关的 UI 组件进行开发,昨天心血来潮的想再熟悉下 React,写着写着突然感觉,自己可能更多的需要快速的 css 布局的一个东西,不论是 jq,Vuejs 还是 React 都可以实现,但是 css 这块真的逃不过去,自己开始寻找 css 相关的框架,其实也是别人写好的 css 类库你去调用,然后发现可能符合我的想法是那种拖拉拽的自助建站能快速生成页面或者就是直接找一些网站页面去仿站或者在此基础上修改,想问下对网站布局这块大佬们有什么好一点办法啊?
1
eason1874 2021-01-05 08:51:29 +08:00 1
Bootstrap 以前有拖拽生成的工具,现在不知道还有没有
|
2
sjhhjx0122 2021-01-05 08:53:42 +08:00 2
拖拽没有,我一般喜欢用 tailwind,配合 vscode 插件感觉已经够用了
|
3
php8 2021-01-05 09:00:27 +08:00 via Android 2
最适合后端的布局方式是不布局,使用完整的前端模板,react 推荐用 ant design,页面设计往官网例子靠,基本不用写 css 代码了
|
4
murmur 2021-01-05 09:01:43 +08:00 4
这种东西需要设计师的,没灵感没美术功底作出来的要么抄要么丑,不要再这折腾
|
5
weer0026 2021-01-05 09:04:13 +08:00 1
css 这块逃不掉的,页面有定制要求的我还是要找前端帮着写,术业有专攻。
|
6
waiaan 2021-01-05 09:13:57 +08:00 1
离开了 CSS,还要前端干嘛?
|
7
yaphets666 2021-01-05 09:14:41 +08:00 1
什么框架都没有自己手写快
css 那也不叫框架 都是写了一些原子类 一样要写类名的 自己手写要快多了 学下基本的 然后再学下 flex 布局 进阶的 css grid 我是个前端 我觉得 css 真的很简单 背一下就行了 |
8
wgbx 2021-01-05 09:14:46 +08:00 1
css 实在不想学,单学 flex,解决大部分布局问题
|
9
sevenzhou1218 2021-01-05 09:15:18 +08:00 2
php 出身,一直觉得作为 phper,不会写前端页面,就不是个好的 phper...
|
10
IsaacYoung 2021-01-05 09:15:23 +08:00 1
<<css 权威指南>>
|
11
USAA 2021-01-05 09:32:41 +08:00 1
css ? 简单? 你去 codepen 看看,哪个简单了?
|
12
XCFOX 2021-01-05 09:36:30 +08:00 2
React 社区中有很多 CSS in JS 的解决方案:
https://github.com/emotion-js/emotion https://github.com/callstack/linaria https://github.com/styled-components/styled-components 还有更进一步的,直接在组件上写样式,在开发层面绕开写 CSS 的解决方案: https://github.com/chakra-ui/chakra-ui 我个人认为 CSS 是上古历史遗留的产物,心智负担过重,目前只能在编译前减少开发负担 |
13
lneoi 2021-01-05 09:38:47 +08:00 1
现在各个框架的网格组件已经能解决大部分布局问题了 基本不需要 css 而且又快
而且效果不要太复杂的, css 了解一下也很快就能搞定 |
14
cof404 2021-01-05 09:40:20 +08:00 1
flex + grid + 组件库,现在的 css 已经比以前友好很多了
|
15
zaul 2021-01-05 09:47:15 +08:00 1
flex 一把梭
|
16
Hoshinokozo 2021-01-05 09:56:27 +08:00 2
CSS 其实基本规则很简单,没多少东西,多背多练就会了。复杂的 CSS,像网上各种炫酷特效什么的,基本上跟 CSS 本身关系不大了,更多的是思路+图形学+美工技术了
|
17
akakidz 2021-01-05 10:03:53 +08:00 1
flex + grid + 组件库👍
|
18
cmdOptionKana 2021-01-05 10:10:57 +08:00 via Android 1
你这种情况,就该学 bootstrap,一个主要原因是它帮你适配了大屏幕和手机屏幕,省了你再学那些细节。
另外一个原因是它在布局方面的官方教程写的很好,虽然跳不出 flex 和 grid 概念,但它教程易学易懂啊。 |
19
faceRollingKB 2021-01-05 10:37:31 +08:00 1
用 css 画页面只是小儿科,项目上线后的兼容性问题会让你崩溃
|
20
linktang 2021-01-05 10:50:24 +08:00 1
你是需要低代码平台这种吧?可以搜下腾讯云云开发低码 LowCode
|
21
zoharSoul 2021-01-05 10:51:36 +08:00 1
@sevenzhou1218 为啥 phper 要会前端啊? 我看很多 java 后端都不会....
|
23
Jackeriss 2021-01-05 12:58:42 +08:00 via iPhone
后端写 CSS 的精髓在于借鉴
|
24
Macv1994 2021-01-05 13:11:40 +08:00
bootstrap 吧 很简单 而且还自适应
|
25
sevenzhou1218 2021-01-05 13:13:38 +08:00
@zoharSoul 额,目前为止,PHP 依然是最好的 web 编程语言吧,不写 web 谁用它;前后端分离,谁用 php 写接口...
|
26
imjamespond 2021-01-05 13:16:22 +08:00 via Android
ant design, material ui 了解下?
|
27
pytth 2021-01-05 13:54:24 +08:00
Bootstrap 上手快,学习门槛低
|
28
iMiata 2021-01-05 13:57:57 +08:00
前端路过,手写+1,其实也很快的
|
29
liujialongstar 2021-01-05 14:20:41 +08:00
@yaphets666 入行之初, 也想向全栈发展, 但是 css 真的把我虐哭了. 感觉 js 比 css 简单多了. 已放弃前端
|
30
coolesting 2021-01-05 14:34:19 +08:00 via Android
呵呵,用了框架,有些组件不符合要求,移来移去移半天,,hack 它吗,也不太好办,怕会影响到其他局部地方。
自己手写最好,没框架样式束缚,但是样式主题丑得不要不要~~ |
31
RickyC 2021-01-05 14:34:33 +08:00
css 得当成语文来学, 不能当成数学来学
|
32
shhrainy 2021-01-05 14:35:54 +08:00
php 是世界上最好的语言
|
33
Sapp 2021-01-05 14:38:12 +08:00
flex 布局,学会能解决你百分之九十以上的问题(少数奇葩问题就用绝对定位去搞,x y 定位你总会吧)
|
34
sleepm 2021-01-05 14:38:58 +08:00
css 很简单,用好不简单
https://zh.learnlayout.com/ |
35
yaphets666 2021-01-05 14:44:34 +08:00
@USAA 你觉得 codepen 那些难有几个原因.
第一,那些都是拿出来供全世界码农参考的.水平高. 第二,css 代码很难理解作者的思路. 第三,有些不认识的属性. 其实真的不难,没人用 css 去画画. |
36
darknoll 2021-01-05 17:20:07 +08:00
你以为是 winform 啊,还拖拉,要真能拖拉了还要前端干啥,后端啥都能干了
|
37
huayumo 2021-01-05 19:30:20 +08:00
多人开发 vue ,单人开发 bootstrap+jquery ,
我现在直接用 AdminLTE 这个后端的 ui,感觉挺不错的,主要是开源 |