昨天写前端页面有感

[phpxiaowangzi]

做为后端程序员之前一直用 html+jquery,现在逐渐的也在使用 Vuejs 和相关的 UI 组件进行开发，昨天心血来潮的想再熟悉下 React，写着写着突然感觉，自己可能更多的需要快速的 css 布局的一个东西，不论是 jq，Vuejs 还是 React 都可以实现，但是 css 这块真的逃不过去，自己开始寻找 css 相关的框架，其实也是别人写好的 css 类库你去调用，然后发现可能符合我的想法是那种拖拉拽的自助建站能快速生成页面或者就是直接找一些网站页面去仿站或者在此基础上修改，想问下对网站布局这块大佬们有什么好一点办法啊？

[eason1874]

Bootstrap 以前有拖拽生成的工具，现在不知道还有没有

[sjhhjx0122]

拖拽没有，我一般喜欢用 tailwind，配合 vscode 插件感觉已经够用了

[php8]

最适合后端的布局方式是不布局，使用完整的前端模板，react 推荐用 ant design，页面设计往官网例子靠，基本不用写 css 代码了

[murmur]

这种东西需要设计师的，没灵感没美术功底作出来的要么抄要么丑，不要再这折腾

[weer0026]

css 这块逃不掉的，页面有定制要求的我还是要找前端帮着写，术业有专攻。

[waiaan]

离开了 CSS，还要前端干嘛？

[yaphets666]

什么框架都没有自己手写快
css 那也不叫框架 都是写了一些原子类 一样要写类名的
自己手写要快多了
学下基本的
然后再学下 flex 布局
进阶的 css grid
我是个前端 我觉得 css 真的很简单 背一下就行了

[wgbx]

css 实在不想学，单学 flex，解决大部分布局问题

[sevenzhou1218]

php 出身,一直觉得作为 phper,不会写前端页面,就不是个好的 phper...

[IsaacYoung]

<<css 权威指南>>

[USAA]

css ？ 简单？ 你去 codepen 看看，哪个简单了？

[XCFOX]

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 是上古历史遗留的产物，心智负担过重，目前只能在编译前减少开发负担

[lneoi]

现在各个框架的网格组件已经能解决大部分布局问题了 基本不需要 css 而且又快
而且效果不要太复杂的, css 了解一下也很快就能搞定

[cof404]

flex + grid + 组件库，现在的 css 已经比以前友好很多了

[zaul]

flex 一把梭

[Hoshinokozo]

CSS 其实基本规则很简单，没多少东西，多背多练就会了。复杂的 CSS，像网上各种炫酷特效什么的，基本上跟 CSS 本身关系不大了，更多的是思路+图形学+美工技术了

[akakidz]

flex + grid + 组件库👍

[cmdOptionKana]

你这种情况，就该学 bootstrap，一个主要原因是它帮你适配了大屏幕和手机屏幕，省了你再学那些细节。

另外一个原因是它在布局方面的官方教程写的很好，虽然跳不出 flex 和 grid 概念，但它教程易学易懂啊。

[faceRollingKB]

用 css 画页面只是小儿科，项目上线后的兼容性问题会让你崩溃

[linktang]

你是需要低代码平台这种吧？可以搜下腾讯云云开发低码 LowCode