求教前端大佬，后端如何快速上手前端？

[herojaxy]

事情是这样滴，楼主本身是后端，现在工作需要，要负责搞一个前端项目，在以前前后端没分家之前做过前端，html 、css 、js 都懂，但是自从前端工程化后就再没做过前端项目。

项目需求就是 PC WEB 单页面应用，如果可能，会适配移动端网页，没有移动端 app 没有小程序，目前我正在准备阶段，下个月开干

有没有前端的朋友来建议一下，已我目前的技术背景如何快速上手现代化前端项目，该了解哪些概念，哪些技术栈，能否给一个路线图。

PS：并非是转前端，只求快速上手撸项目

[murmur]

前端任何经验都没有么，比如 jquery 的使用经验有么，js 、css 、html 基本语法有么

[murmur]

我断句断错了，虽然我不知道你怎么上手，但是我看到一个坑，“会适配移动端网页”，这个需要设计稿的，主要内容区域一定得是块状流布局，比如图-文字-图-文字，可以有简单的导航顶栏、侧栏，移动端隐藏或者收起来也行

如果是淘宝级别的 pc 转移动需要重做设计稿，两套页面，做响应式坑死你

没有需求，没法给建议，建议给个参考，比如说我的项目大概和 xxx 差不多难度

[herojaxy]

@murmur 这个经验当然有，以前独立负责过 php 前后端项目，但自从前端工程化后就回去干后端了

[murmur]

还有，单页面应用不是灵丹妙药，以后坑多的是，比如 seo，而且就现在 spa 除了提升简历美观并没带来什么好处，你的 bundle 比 jq 年代大了几 10 圈，体验都是 chrome 浏览器和宽带网带来的优化，吹锤子吹

而且你的单页面应用是什么，是真的要做一个手机淘宝这样的 app，或者是墨刀这种本来就是应该做 app 的，还是虽然是 spa，但是像京东淘宝可以大页面切换的那种？

[jarl]

b 站看两天 vue 项目视频就 ok 了

[ch2]

“项目需求就是 PC WEB 单页面应用，如果可能，会适配移动端网页”
不懂前端会被坑死的，如果你一开始就没有考虑到要适配手机，一个已经写好的桌面项目是很难改造的
尤其是你一点 UI 设计的基础都没有的情况下

[herojaxy]

@murmur
@ch2

是一个 2b 项目，移动端网页的适配其实是有最好，没有也不是不可以。
以前我用 bootstrap 搞过简单的移动端适配，要求不是特别精细和苛刻的话，感觉不是很麻烦
现在移动端网页适配是咋搞的？

[yeqizhang]

给你加钱了吗？没有建议让领导招个前端

[ch2]

@herojaxy #7 现在的前端做界面得挑专门为目标平台设计的组件库，分为三种：PC 、移动以及自适应。你也可以不用别人的组件库，但是那样你很难搞的出来像样的产品，开发效率还很低
PC 的组件库在手机上显示就是很小没法操作，移动的组件库在 PC 上就是放大的竖屏手机
自适应的组件用起来需要你一套代码能够兼顾到横屏跟竖屏两种不同的场景，没有经验很难写得出来

[stroh]

先学学基础知识吧

浏览器环境(ie8~ie10 chrome 、firefox 、safari 、腾讯旗下浏览器、uc 等等)、http 协议、html 、css(css3 动画)、js(es5~es11)、编译器、发布部署、框架类库(react/vue/angularJS)、模块管理(webpack 、amd 、umd)、UI 框架(bootstarp/antd)、websocket 、跨域、canvas(绘制)、异步、less/sass 、wap(react native)、redux 、基础库(jquery 、zepto)、promise 、包管理(npm 、yarn)、中间语言(typescript 、jsx 、coffeescript)、安全(xss 、cors)

[66beta]

如果不要设计，随便撸一个的话，vuejs + 随便一个 UI 库就行了
如果是对外的，有设计的，还是算了，招个人吧

[c6h6benzene]

对内 bootstrap+jquery 还能战。想追新上 react/vue/angular 也不难上手。