作为一个后端，写前端好难，怎么写好前端？

[Caojx]

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

[q8164305]

那就找个前端

[chwech]

后端为啥要写前端

[licoycn]

表示前后通吃

[Caojx]

@chwech 公司人手不够，后端也要做前端的活

[Caojx]

@licoycn 有什么学习心得，这个布局我都写不出来，

[lhx2008]

我是后端，布局用框架，数格子，写 CSS 样式会死的
https://element.eleme.cn/2.0/#/zh-CN/component/layout
https://getbootstrap.com/docs/4.3/layout/overview/

[lhx2008]

而且用框架可以自动支持响应式

[MiRECoFu]

感觉现如今布局掌握 flex 就基本够用了？小程序也基本都用 flex 布局

[Caojx]

@lhx2008 我写 css 好痛苦啊

[Caojx]

@MiRECoFu 学习下，一周写出一个小程序吗

[lhx2008]

@Caojx 把框架的布局部分的 css 引进去就行了

[zy445566]

我原来是后端，现在在公司做前端。

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

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

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

写了前端我倒觉得前端比后端至少方便 2 倍，bug 的不确定性也低至少 2 倍，至少我现在下班时间是可以做到准点了。

[enaxm]

不要写前端。。。学会甩锅

[Nimrod]

后端写前端直接套 bootstrap?

[Caojx]

@enaxm 锅子已经在手里了，甩不出去了

[Caojx]

@Nimrod bootstrap 写后台可以，前台难看的

[Caojx]

@zy445566 我也是想转前端，感觉现在前端很丰富，但是现在我已经卡在布局了

[Tomotoes]

不怪你，css 是世界上最难的语言。。

[ksedz]

我是通过不断模仿已有已有页面来学前端的，效果还挺好
https://github.com/shapled/csspro
https://juejin.im/post/5cc111a5f265da036023b4a4

[ecrazy]

抄页面啊

[Caojx]

设计图是不是靠 ps 切图啊

[hpj]

等你学会前端，你就成功晋级全栈了！

[leafre]

用框架，反正 CSS 我是不会写的

[qianmeng]

用了你就知道 css 用起来真爽

[Caojx]

@hpj 没办法，公司要求会前端，额，头疼

[shuax]

直接用现成框架

[weixiangzhe]

可以看看 张鑫旭 老哥的博客 css 相关的内容很多

[hpj]

@Caojx 只要钱到位了，就当作是一个提升自己能力的机会。

[Foreverdxa]

还是要多联系吧，css 基础最好全部过一遍，有笔记整理没事复习一下，然后就是练习，熟能生巧（我搞单片机的，不过也在学习呢，布局页面一点小东西，我往往调半天，还是没有掌握到精髓。。。）

[Eugene1024]

没啥诀窍，多花点时间

[zhuzhibin]

我是后端 但是这几个月都在跟前端的项目 当然接口也要写 一开始我也跟你差不多 其实用心去看一下 flex 布局其实很简单的 撸写页面很容易上手的

[Huelse]

框架用用好了
https://blog.csdn.net/u013778905/article/details/78632650

[viWww0vvxmolvY5p]

我也是这么觉得，前端忒费时间了，学的东西又记不住

[mzsongyan]

会前端的后端，感觉 css 不难

[luozic]

兼容和效果问题 为啥要兼容那么多，需要兼容这么多 还兼职个 JB

[mumbler]

你的后端技术是在哪培训的？

[youyaang]

组件化开发，可以了解下 https://ice.work/的整套解决方案

[fcoolish]

同感觉，以前我也得写，没系统的学过，写写 ajax 还行，布局调样式真心难受。
还好换了家公司专心写后端。

[gy134340]

practice

[glfpes]

我用的 antdesign，很适合不会前端的后端去写内部系统能用的前端。

[kingsleydon]

flex 一把梭完事

[6260628]

前端对后端也这么认为

[Mutoo]

后端的平台是服务器，选一个发行版即可。
前端的平台是浏览器，各种各样的兼容性问题，而且控制权还不在你手上。

[gramyang]

前端不难，前端主要是很麻烦，很多 api 要记，很多特性和坑要踩

[python30]

说好听点可以仿啊
不好听。。。直接另存为，套上就可以
我就是这样前后端通吃了

[zjsxwc]

楼主的问题只是调样式

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

JS 对应后端来说都不是问题

[demonzoo]

@Tomotoes CSS 是世界最难的语言？那前端岂不是世界上最聪明的程序员？

[1002149271]

@python30 兄弟握手

[zqx]

js 对后端很是问题，js 和所有面向对象语言的底层原理都不同，相当于 java 和汇编的区别那么大。

[danjk159]

android 前端我写得很习惯,后台也会,但是网页前端,超级讨厌,我有个朋友,前端写得好,ios 开发也会,但是后台,超级讨厌.不要做自己不合适或不喜欢的事情,那样只会给自己挖坑罢了

[janus77]

各种抄，用第三方库
其实和后端一样，纯自己完整实现的东西很少，只不过后端可以抄的就是那几家（比如 java 的 spring 系），前端可抄的无数（因为每天都有新的 ui 被设计出来）。

[abcbuzhiming]

@Tomotoes CSS 不是难，它的思维方式不是逻辑方式，而是查表方式，需要背组合，这也是为啥很多后端程序员面对前端无所适从的原因。后端程序说对前端搞不定，其实就是死在对 CSS 的理解上，CSS 不能作为“编程语言”去思考

[learnshare]

Bootstrap 比较合适

[Caojx]

写前端 html+css 的时候，特别是页面布局各种懵逼，写 js 还好

[sannyzeng]

一个前端表示，后端怎么要学那么多东西。。。

[EvilCult]

后端表示：前端实在是太好玩了，react 写起来舒服的不要不要的…………恨自己当初入错行

[stevexu]

请把学习 c++ 的热情学习 css,学不好才怪

[zy445566]

@Caojx 布局慢慢谷歌也还好，前后端都会，我觉得还挺有优势的

[zjsxwc]

@zjsxwc #46

写了个使用 DW 的例子 https://segmentfault.com/a/1190000019061266

[iszengmh]

不是框架模板，你不会连基础都没有吧

[rrfeng]

后端写前端请用 angular，然后选个合适的 UI 框架

[BaiLinfeng]

整准备入坑前端忐忑。。

[ppwangs]

写过一段时间 css，感觉挺有意思的

[crackhopper]

从基本概念上理解了，问题也就容易搞定了吧。
css 主要就几个：inline 和 block 模型，文档流和 float，优先级计算，flex 布局确实可以学一下比较简单能解决很多问题。
html 那种东西就是个数据承载体，知道个 DOM 常用操作，事件的 bubble 之类的流程也差不多了，其实都是浏览器的规范。
js 貌似也没什么很难的点，反正基本都是异步封装了，后台不也是异步来写么，感觉一样的道理。

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

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

说起来后台也没什么特别难的，基本上数据库优化好，性能问题都比较少。也就基础架构会难一些吧，主要是对业务的理解和对各种后台服务特性的了解。不过前端做底层也比较难。做业务嘛，前后端都不难。

[reus]

如果你没学过，说明你懒
如果你没学会，说明你傻

[Actrace]

这一套东西很适合后端切入到前端，楼主有兴趣可以看看。
bootstrap4 的中文文档，和一个模块化前端组件。
https://github.com/tmplink

[U2Fsd]

@zy445566

现在流行 Flex 布局了

[yifeng1212]

后端为什么写前端？术业有专攻呀，这样效率低

[ibugeek]

兼容 ie8

[chuhemiao]

nuxt+vue+iview

[llbbzh]

强烈推荐使用 Bootstrap 4
然后拿这个 argon 设计系统（其实就是一个写得漂亮的模板）来改一改： https://github.com/creativetimofficial/argon-design-system#demo

[xpresslink]

一般来说做服务后端的人也要多少明白一些前端基础的东西。不然前端接口设计之类会迷糊，和前端撕逼时候很吃亏。
再说相对于后端技术而言，前端入门要容易多了，主要因为学习的内容比较少。主要就是三部分：HTML 组件，CSS 样式，JS 逻辑。
最容易就学个 bootstrap，主要是成熟，网上现成的例子不要太多，大部分需求只要复制粘贴改改变量名子。把 jquery 和 ajax 弄明白了，90%的前端需求就都能搞定了。

[allen945]

现在有很多 UI 库，直接用就 OK 了，一把梭~https://webjike.com/web.html#row-8

[Raisu]

百度技术前端学院？免费的大概就之个水平了

[autogen]

窍门就是，别管一大堆前端框架，一种用熟了一直用到底

[KasuganoSoras]

一头秀发进前端，一顶光头带回家。
bootstrap 大法好，jquery 顶呱呱。
学完还有 Vue，React 来一发。
还要兼容 IE 6，项目经理打死他。
一个文档查半天，论坛百度问贴吧。
最后套一套模板，网站前端做好啦。

[yuekcc]

首先推荐 bootstrap 大法，然后上 react，最后开启新世纪之门。前端娱乐圈欢迎你。

[avenger]

http://tailwindcss.com/ 了解一下

[liuxue]

我就是写前端的，如果是着急的话还是用框架吧。不然兼容性，响应式的问题就够头疼了。

[lenling]

https://www.layui.com/ 前后通用，非常方便

[zgl263885]

其实实现特定功能，学起来也没有特别难，但是要想做漂亮，有用户体验，真需要有相关经验（设计，美工，前端，这些也是有一些章法的，比如排版，比如配色，比如交互等）才行，否则真就是完成功能而已，只能指哪打哪。如果用户是企业内部使用还好，面相搜索引擎，只要实现功能就可以。但如果互联网应用，前端最好还是专人负责好些，实在不行外包出去吧。

[suzic]

学会 flex 和 grid 足够了

[kljsandjb]

从模仿开始学起就好了，框架选好，反正你也只是用用能做出东西，不用死磕的就不死磕了，我就是这样对前端本无兴趣，纯粹为了做而做😂

[kljsandjb]

@yuekcc #77 同意，coursera 上港科技有门前端课程，跟着课程的前两部分：1. bootstrap 4 ； 2. react 相关。

你基本就能开搞了，其实你可以一边学一边开搞，很快的！

[eagleweb]

首先我相信你是会 HTML 的。
可能 css 对你来说陌生了点，但是并没有关系，你可以用框架，把最终的重点放在 HTML 和效果上。
至于 JavaScript，因该是前端最难的一部分，你不要急着去为了适应你项目的某些需求（前后端分离之类的）去学习某些难学的框架，更不要低估了某些 JS 工具库，十二楼说的 jQuery 只是一个 JS 版的 css 选择器是完全不对的，jQuery 生态非常强大，用处非常广泛，只是有些古老了。
别听他们的什么“先学 JS 框架”“ JS 框架都是有 JS 基础秒上手的”之类的话，根本不是那样，你作为一名后端，开发思维与前端肯定不一样，要进阶全栈工程师需要时间与毅力，而不是他们说的那样简单。
（若有错误，麻烦指出）

[cookey39]

术业有专攻楼主，但只要钱给够了弄几个开源框架拼一个也行

[lozzow]

Vue+iview 一把梭🌚

[coderY]

基本的 CSS 布局，position,display,float 这三个属性算是难点和重点，好好看下这些属性的原理，推荐《 CSS 权威指南》里面各个属性讲的很透彻。其实 CSS 不难，主要是不重视，没有去深入理解

[whevether]

@Caojx css 比 js 难多了

[hyy1995]

css+html 不难，静下心来不到半个月就能会 70~80%，足够写页面，剩下的一些就需要工作中积累了，一次性背的话是背不住的。。。前端后端，其实难点都在于业务逻辑和框架使用上了

[jiangwei2222]

绝对定位一把梭，什么，你看着乱了？你换 xxx 手机看看