未分類
6 1 月 2021

昨天写前端页面有感

昨天写前端页面有感

資深大佬 : phpxiaowangzi 1

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

大佬有話說 (37)

  • 資深大佬 : 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

  • 資深大佬 : zoharSoul

    @sevenzhou1218 为啥 phper 要会前端啊? 我看很多 java 后端都不会….

  • 資深大佬 : wr516516

    @zoharSoul 我也不知道为啥,但是好想培训班很多都是 PHP 全栈这种体系的课程

  • 資深大佬 : Jackeriss

    后端写 CSS 的精髓在于借鉴

  • 資深大佬 : Macv1994

    bootstrap 吧 很简单 而且还自适应

  • 資深大佬 : sevenzhou1218

    @zoharSoul 额,目前为止,PHP 依然是最好的 web 编程语言吧,不写 web 谁用它;前后端分离,谁用 php 写接口…

  • 資深大佬 : imjamespond

    ant design, material ui 了解下？

  • 資深大佬 : pytth

    Bootstrap 上手快，学习门槛低

  • 資深大佬 : iMiata

    前端路过，手写+1，其实也很快的

  • 資深大佬 : liujialongstar

    @yaphets666 入行之初, 也想向全栈发展, 但是 css 真的把我虐哭了. 感觉 js 比 css 简单多了. 已放弃前端

  • 資深大佬 : coolesting

    呵呵，用了框架，有些组件不符合要求，移来移去移半天，，hack 它吗，也不太好办，怕会影响到其他局部地方。

    自己手写最好，没框架样式束缚，但是样式主题丑得不要不要~~

  • 資深大佬 : RickyC

    css 得当成语文来学, 不能当成数学来学

  • 資深大佬 : shhrainy

    php 是世界上最好的语言

  • 資深大佬 : Sapp

    flex 布局，学会能解决你百分之九十以上的问题（少数奇葩问题就用绝对定位去搞，x y 定位你总会吧）

  • 資深大佬 : sleepm

    css 很简单，用好不简单
    https://zh.learnlayout.com/

  • 資深大佬 : yaphets666

    @USAA 你觉得 codepen 那些难有几个原因.
    第一,那些都是拿出来供全世界码农参考的.水平高.
    第二,css 代码很难理解作者的思路.
    第三,有些不认识的属性.
    其实真的不难,没人用 css 去画画.

  • 資深大佬 : darknoll

    你以为是 winform 啊，还拖拉，要真能拖拉了还要前端干啥，后端啥都能干了

  • 資深大佬 : huayumo

    多人开发 vue ,单人开发 bootstrap+jquery ,
    我现在直接用 AdminLTE 这个后端的 ui,感觉挺不错的,主要是开源