首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  程序员

作为一个后端,写前端好难,怎么写好前端?

  •  
  •   Caojx · 79 天前 · 7755 次点击
    这是一个创建于 79 天前的主题,其中的信息可能已经有所发展或是发生改变。

    html+css 的布局都觉得好难,还有好多的样式,记不住,最近又要写小程序,布局我都不会

    91 回复  |  直到 2019-05-07 17:56:09 +08:00
        1
    q8164305   79 天前 via Android   ♥ 1
    那就找个前端
        2
    chwech   79 天前 via iPhone
    后端为啥要写前端
        3
    licoycn   79 天前
    表示前后通吃
        4
    Caojx   79 天前
    @chwech 公司人手不够,后端也要做前端的活
        5
    Caojx   79 天前
    @licoycn 有什么学习心得,这个布局我都写不出来,
        6
    lhx2008   79 天前   ♥ 3
        7
    lhx2008   79 天前
    而且用框架可以自动支持响应式
        8
    MiRECoFu   79 天前 via Android
    感觉现如今布局掌握 flex 就基本够用了?小程序也基本都用 flex 布局
        9
    Caojx   79 天前
    @lhx2008 我写 css 好痛苦啊
        10
    Caojx   79 天前
    @MiRECoFu 学习下,一周写出一个小程序吗
        11
    lhx2008   79 天前 via Android
    @Caojx 把框架的布局部分的 css 引进去就行了
        12
    zy445566   79 天前 via Android
    我原来是后端,现在在公司做前端。

    其实 css 记住一个选择器就行,其实这个有点像后端的正则表达式,只不过正则表达式是匹配字符串,选择器是匹配元素。后面写其实就百度或谷歌了,记住基本的 margin 和 padding 区别和学下布局就 OK。

    HTML 语义化都设计的很好,现在 CSS 框架又多比如 anti 和 element 和 bootstrap,多查查应该是不难的。

    最后就是 js 框架问题,就看你是否用 jq 还是现代框架了,jq 其实就是个 js 版本的 CSS 选择器,主要是操控元素。而 vue 或 ng 或 react 则是通过改变数据,使得元素改变,熟悉 js 应该秒上手。

    写了前端我倒觉得前端比后端至少方便 2 倍,bug 的不确定性也低至少 2 倍,至少我现在下班时间是可以做到准点了。
        13
    enaxm   79 天前
    不要写前端。。。学会甩锅
        14
    Nimrod   79 天前 via Android
    后端写前端直接套 bootstrap?
        15
    Caojx   79 天前
    @enaxm 锅子已经在手里了,甩不出去了
        16
    Caojx   79 天前
    @Nimrod bootstrap 写后台可以,前台难看的
        17
    Caojx   79 天前
    @zy445566 我也是想转前端,感觉现在前端很丰富,但是现在我已经卡在布局了
        18
    Tomotoes   79 天前 via Android   ♥ 1
    不怪你,css 是世界上最难的语言。。
        19
    ksedz   79 天前   ♥ 1
    我是通过不断模仿已有已有页面来学前端的,效果还挺好
    https://github.com/shapled/csspro
    https://juejin.im/post/5cc111a5f265da036023b4a4
        20
    ecrazy   79 天前 via iPhone
    抄页面啊
        21
    Caojx   79 天前
    设计图是不是靠 ps 切图啊
        22
    hpj   79 天前
    等你学会前端,你就成功晋级全栈了!
        23
    leafre   79 天前
    用框架,反正 CSS 我是不会写的
        24
    qianmeng   79 天前 via Android
    用了你就知道 css 用起来真爽
        25
    Caojx   79 天前
    @hpj 没办法,公司要求会前端,额,头疼
        26
    shuax   79 天前
    直接用现成框架
        27
    weixiangzhe   79 天前 via iPhone
    可以看看 张鑫旭 老哥的博客 css 相关的内容很多
        28
    hpj   79 天前
    @Caojx 只要钱到位了,就当作是一个提升自己能力的机会。
        29
    Foreverdxa   79 天前
    还是要多联系吧,css 基础最好全部过一遍,有笔记整理没事复习一下,然后就是练习,熟能生巧(我搞单片机的,不过也在学习呢,布局页面一点小东西,我往往调半天,还是没有掌握到精髓。。。)
        30
    Eugene1024   79 天前
    没啥诀窍,多花点时间
        31
    zhuzhibin   79 天前
    我是后端 但是这几个月都在跟前端的项目 当然接口也要写 一开始我也跟你差不多 其实用心去看一下 flex 布局其实很简单的 撸写页面很容易上手的
        32
    Huelse   79 天前
        33
    mway   79 天前 via Android
    我也是这么觉得,前端忒费时间了,学的东西又记不住
        34
    mzsongyan   79 天前 via Android
    会前端的后端,感觉 css 不难
        35
    luozic   78 天前 via iPhone
    兼容和效果问题 为啥要兼容那么多,需要兼容这么多 还兼职个 JB
        36
    mumbler   78 天前
    你的后端技术是在哪培训的?
        37
    youyaang   78 天前
    组件化开发,可以了解下 https://ice.work/的整套解决方案
        38
    fcoolish   78 天前
    同感觉,以前我也得写,没系统的学过,写写 ajax 还行,布局调样式真心难受。
    还好换了家公司专心写后端。
        39
    gy134340   78 天前
    practice
        40
    glfpes   78 天前 via Android
    我用的 antdesign,很适合不会前端的后端去写内部系统能用的前端。
        41
    kingsleydon   78 天前
    flex 一把梭完事
        42
    6260628   78 天前 via iPhone
    前端对后端也这么认为
        43
    Mutoo   78 天前
    后端的平台是服务器,选一个发行版即可。
    前端的平台是浏览器,各种各样的兼容性问题,而且控制权还不在你手上。
        44
    gramyang   78 天前 via Android
    前端不难,前端主要是很麻烦,很多 api 要记,很多特性和坑要踩
        45
    python30   78 天前
    说好听点可以仿啊
    不好听。。。直接另存为,套上就可以
    我就是这样前后端通吃了
        46
    zjsxwc   78 天前
    楼主的问题只是调样式

    那么推荐用 DreamWeaver 这类软件拖 bootstrap 搞样式一把梭

    JS 对应后端来说都不是问题
        47
    demonzoo   78 天前
    @Tomotoes CSS 是世界最难的语言?那前端岂不是世界上最聪明的程序员?
        48
    1002149271   78 天前 via Android
    @python30 兄弟握手
        49
    zqx   78 天前 via Android
    js 对后端很是问题,js 和所有面向对象语言的底层原理都不同,相当于 java 和汇编的区别那么大。
        50
    danjk159   78 天前
    android 前端我写得很习惯,后台也会,但是网页前端,超级讨厌,我有个朋友,前端写得好,ios 开发也会,但是后台,超级讨厌.不要做自己不合适或不喜欢的事情,那样只会给自己挖坑罢了
        51
    janus77   78 天前 via iPhone
    各种抄,用第三方库
    其实和后端一样,纯自己完整实现的东西很少,只不过后端可以抄的就是那几家(比如 java 的 spring 系),前端可抄的无数(因为每天都有新的 ui 被设计出来)。
        52
    abcbuzhiming   78 天前
    @Tomotoes CSS 不是难,它的思维方式不是逻辑方式,而是查表方式,需要背组合,这也是为啥很多后端程序员面对前端无所适从的原因。后端程序说对前端搞不定,其实就是死在对 CSS 的理解上,CSS 不能作为“编程语言”去思考
        53
    learnshare   78 天前
    Bootstrap 比较合适
        54
    Caojx   78 天前
    写前端 html+css 的时候,特别是页面布局各种懵逼,写 js 还好
        55
    sannyzeng   78 天前
    一个前端表示,后端怎么要学那么多东西。。。
        56
    EvilCult   78 天前 via iPhone
    后端表示:前端实在是太好玩了,react 写起来舒服的不要不要的…………恨自己当初入错行
        57
    stevexu   78 天前
    请把学习 c++ 的热情学习 css,学不好才怪
        58
    zy445566   78 天前 via Android
    @Caojx 布局慢慢谷歌也还好,前后端都会,我觉得还挺有优势的
        59
    zjsxwc   78 天前
    @zjsxwc #46

    写了个使用 DW 的例子 https://segmentfault.com/a/1190000019061266
        60
    iszengmh   78 天前 via Android
    不是框架模板,你不会连基础都没有吧
        61
    rrfeng   78 天前
    后端写前端请用 angular,然后选个合适的 UI 框架
        62
    BaiLinfeng   78 天前
    整准备入坑前端忐忑。。
        63
    ppwangs   78 天前
    写过一段时间 css,感觉挺有意思的
        64
    crackhopper   78 天前   ♥ 3
    从基本概念上理解了,问题也就容易搞定了吧。
    css 主要就几个:inline 和 block 模型,文档流和 float,优先级计算,flex 布局确实可以学一下比较简单能解决很多问题。
    html 那种东西就是个数据承载体,知道个 DOM 常用操作,事件的 bubble 之类的流程也差不多了,其实都是浏览器的规范。
    js 貌似也没什么很难的点,反正基本都是异步封装了,后台不也是异步来写么,感觉一样的道理。

    要说难一点的,也就是适配(其实只要你写代码多动脑子,布局多用百分比,合理应用 margin 和 padding 等 css 属性,基本不会出什么问题);优化 SEO 和首屏速度(基本就是 SSR,也是后端的,还有买 CDN,对象存储);

    3D 还算有点难,不过也就那样了,一堆封装好的引擎,把变换、相机、光照、材质什么的都构建好了,所以也没多难;很多也做不到写 shader 的程度。

    说起来后台也没什么特别难的,基本上数据库优化好,性能问题都比较少。也就基础架构会难一些吧,主要是对业务的理解和对各种后台服务特性的了解。不过前端做底层也比较难。做业务嘛,前后端都不难。
        65
    reus   78 天前
    如果你没学过,说明你懒
    如果你没学会,说明你傻
        66
    Actrace   78 天前
    这一套东西很适合后端切入到前端,楼主有兴趣可以看看。
    bootstrap4 的中文文档,和一个模块化前端组件。
    https://github.com/tmplink
        67
    U2Fsd   78 天前
    @zy445566

    现在流行 Flex 布局了
        68
    yifeng1212   78 天前
    后端为什么写前端?术业有专攻呀,这样效率低
        69
    ibugeek   78 天前
    兼容 ie8
        70
    chuhemiao   78 天前
    nuxt+vue+iview
        71
    llbbzh   78 天前   ♥ 1
    强烈推荐使用 Bootstrap 4
    然后拿这个 argon 设计系统(其实就是一个写得漂亮的模板)来改一改: https://github.com/creativetimofficial/argon-design-system#demo
        72
    xpresslink   78 天前
    一般来说做服务后端的人也要多少明白一些前端基础的东西。不然前端接口设计之类会迷糊,和前端撕逼时候很吃亏。
    再说相对于后端技术而言,前端入门要容易多了,主要因为学习的内容比较少。主要就是三部分:HTML 组件,CSS 样式,JS 逻辑。
    最容易就学个 bootstrap,主要是成熟,网上现成的例子不要太多,大部分需求只要复制粘贴改改变量名子。把 jquery 和 ajax 弄明白了,90%的前端需求就都能搞定了。
        73
    allen945   78 天前
    现在有很多 UI 库,直接用就 OK 了,一把梭~https://webjike.com/web.html#row-8
        74
    Raisu   78 天前
    百度技术前端学院?免费的大概就之个水平了
        75
    autogen   78 天前
    窍门就是,别管一大堆前端框架,一种用熟了一直用到底
        76
    KasuganoSoras   78 天前
    一头秀发进前端,一顶光头带回家。
    bootstrap 大法好,jquery 顶呱呱。
    学完还有 Vue,React 来一发。
    还要兼容 IE 6,项目经理打死他。
    一个文档查半天,论坛百度问贴吧。
    最后套一套模板,网站前端做好啦。

        77
    yuekcc   78 天前
    首先推荐 bootstrap 大法,然后上 react,最后开启新世纪之门。前端娱乐圈欢迎你。
        78
    avenger   78 天前 via iPhone
        79
    liuxue   78 天前
    我就是写前端的,如果是着急的话还是用框架吧。不然兼容性,响应式的问题就够头疼了。
        80
    lenling   78 天前   ♥ 1
    https://www.layui.com/ 前后通用,非常方便
        81
    zgl263885   78 天前 via iPhone
    其实实现特定功能,学起来也没有特别难,但是要想做漂亮,有用户体验,真需要有相关经验(设计,美工,前端,这些也是有一些章法的,比如排版,比如配色,比如交互等)才行,否则真就是完成功能而已,只能指哪打哪。如果用户是企业内部使用还好,面相搜索引擎,只要实现功能就可以。但如果互联网应用,前端最好还是专人负责好些,实在不行外包出去吧。
        82
    suzic   78 天前 via Android
    学会 flex 和 grid 足够了
        83
    kljsandjb   78 天前 via iPhone
    从模仿开始学起就好了,框架选好,反正你也只是用用能做出东西,不用死磕的就不死磕了,我就是这样对前端本无兴趣,纯粹为了做而做😂
        84
    kljsandjb   78 天前 via iPhone
    @yuekcc #77 同意,coursera 上港科技有门前端课程,跟着课程的前两部分:1. bootstrap 4 ; 2. react 相关。

    你基本就能开搞了,其实你可以一边学一边开搞,很快的!
        85
    eagleweb   78 天前 via Android
    首先我相信你是会 HTML 的。
    可能 css 对你来说陌生了点,但是并没有关系,你可以用框架,把最终的重点放在 HTML 和效果上。
    至于 JavaScript,因该是前端最难的一部分,你不要急着去为了适应你项目的某些需求(前后端分离之类的)去学习某些难学的框架,更不要低估了某些 JS 工具库,十二楼说的 jQuery 只是一个 JS 版的 css 选择器是完全不对的,jQuery 生态非常强大,用处非常广泛,只是有些古老了。
    别听他们的什么“先学 JS 框架”“ JS 框架都是有 JS 基础秒上手的”之类的话,根本不是那样,你作为一名后端,开发思维与前端肯定不一样,要进阶全栈工程师需要时间与毅力,而不是他们说的那样简单。
    (若有错误,麻烦指出)
        86
    cookey39   78 天前 via Android
    术业有专攻楼主,但只要钱给够了弄几个开源框架拼一个也行
        87
    lozzow   77 天前 via iPhone
    Vue+iview 一把梭🌚
        88
    coderY   77 天前
    基本的 CSS 布局,position,display,float 这三个属性算是难点和重点,好好看下这些属性的原理,推荐《 CSS 权威指南》里面各个属性讲的很透彻。其实 CSS 不难,主要是不重视,没有去深入理解
        89
    whevether   77 天前
    @Caojx css 比 js 难多了
        90
    hyy1995   76 天前
    css+html 不难,静下心来不到半个月就能会 70~80%,足够写页面,剩下的一些就需要工作中积累了,一次性背的话是背不住的。。。前端后端,其实难点都在于业务逻辑和框架使用上了
        91
    jiangwei2222   74 天前
    绝对定位一把梭,什么,你看着乱了?你换 xxx 手机看看
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2064 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 26ms · UTC 04:46 · PVG 12:46 · LAX 21:46 · JFK 00:46
    ♥ Do have faith in what you're doing.