后端如何学前端？不求精，求快就行

[opengps]

最近需要接触一些前端的代码，无奈一直写后端，受不了 js 的各种奇葩问题、另类语法、各种封装。。。。

[breezeFP]

百度的 amis，基本不需要写前端

[BQsummer]

我最近也是因为前端资源不够，帮忙改前端的，以前会点 jquery，react 、vue 完全不会。发现基本改不动，推荐 https://fullstackopen.com/ 这个网站（这个网站也是在 v 站搜出来的），学完虽然还是有地方改不动（组件继承、嵌套，一个模态框嵌套了 4 层，完全不知道 props 里的一个参数是从哪传过来的），但是现在能看懂，稍微简单的页面能改了。

[konakona]

你别看 js 了，直接看 ts 吧，然后看下 ES5-ES11 新增的几个特性，目前一些新的框架一般都已经支持 ES11 了，老项目（ 3-5 年之前）也一般有 ES5/6 的支持度。

js 那德行我也不太行，直接跳过 jquery 时代吧！

[zone10]

说真的，js 还好， 用 es6 没那么恶心，css 才难倒你，需要记的东西太多了，都是经验，我觉得学个那种原子化的 ui 框架好一点，几乎 0 css

[justfun]

@breezeFP 看了下文档 真的简单到哭😭

[ospider]

TypeScript + React + tailwind 一把梭，相当好使。尤其要提下 tailwind，直接把我从 CSS 中解放出来了呀，不然我一个后端对 CSS 真是感觉按下葫芦起了瓢

[hedwi]

angular 一把梭

[JustRuning]

早 hxAngular typescript 风格标准，再找个

[enchilada2020]

@murmur 请教一下怎样练习布局拆解 尤其是要考虑自适应的那种

[initd]

mdn 文档
mdn.moz.one

html 元素
he.moz.one
html 元素示例
he.fib.one

sololearn css js 课程
solo.moz.one

tailwind css
tcss.moz.one

vue3 CN
v3c.moz.one

Typescript
mlts.moz.one

vitejs
vite.moz.one

nuxtjs
nuxt.moz.one

[murmur]

@enchilada2020 自适应有毒，除非你的页面经过特别的设计，比如苹果网站一张图一段字

其余的时候最好做 2 套页面，不要考虑什么自适应

[murmur]

@enchilada2020 说的有点草了，自适应可以做，但是前提
1 、自适应的规律必须明确的可以让需求用语言描述出来，比如哪个部位 4 列变 5 列，什么地方拉长，什么地方填充，不要让开发自己脑补
2 、自适应后的效果必须至少你们自己能接受，尤其是简单的拉长、放大，你们自己都觉得丑怎么拿给用户看
3 、必须能接受自适应带来的代价，为了适应各种屏幕宽度，还得保证清晰度，放到 pc 上现在至少要做 1920 的宽度，你们的美工干不

综合几点，你就发现，在 pc 上，两边留白居中显示，也就是放弃挣扎是最简单的，手机上当然类似，放弃横屏简单缩放

至于手机 pc 自适应，就是我刚才说的，除非你的布局非常简单，否则建议放弃，直接做两套

如果还是不懂，你就打开手机淘宝和 pc 淘宝，去比较，仔细想，这俩玩意能通过做自适应无缝切换么？？

[murmur]

@enchilada2020 我还是拿淘宝举例，你可以在 pc 上拖动他的页面，他是有最小宽度的，浏览器小于这个宽度就放弃挣扎了，从大到小，你可以发现他

1 、推荐商品少了一列
2 、少了一栏广告位
3 、上面的链接因为放不下也少了几个

1 很好理解，加长就可以了，少一列不影响内容数量
2 就很严重了，首页的顶栏广告位直接少了一个，这就是曝光率和钱的问题，不是说做就能做的，这个就得让需求去排版了

[ChrisV5]

直接 react + bootstrap

[bluehammer2019]

没人用 layui ？