一个后端 er 想进前端娱乐圈

[Sh1nes00n]

https://sssis.me/post/fronter.html

[BranderZMX]

😹一入前端深似海

[Sh1nes00n]

@BranderZMX 从此头发是路人

[mamahaha]

现在的前端和以前不一样了，前端不是你想进，想进就能进。

[iPhoneXI]

后端 学习了下 vue，发现前端真不容易
不比客户端开发配各种 SDK 轻松

[May725]

“娱乐圈” 这个词 精髓 🤣

[unicloud]

是不是想裹前端妹子？

[CuVee]

前端正在想转后端。。。。 真的是围城

[momocraft]

从 0 配置说不得要坑全部踩一遍 (下面你可能要踩各种 css in js, 各种 webpack 插件 etc)

不如找个 boilerplate 省事

[ipwx]

我觉得你的学习顺序有问题。

正如 #8 所说的，你没必要把这些前端从底层到高层的东西全踩一遍，再来写前端代码。

还不如先挑一个框架（三大框架 Vue ReactJS AngularJS ），然后用它们做好的傻瓜工具开个项目，然后开工就是了。比如 vue-cli 可以直接新建包含 webpack、SASS 和 ES6 在内的项目框架。

因为除了这些底层工具链，你还有一堆框架之上的类库需要学。

[zhuangzhuang1988]

欢迎

[panwb]

哈哈，前端娱乐圈。哥们用词很到位呀

[charlie21]

赶紧去。走一个是一个，竞争压力小一些

[q8164305]

前端不是你想学，想学就能学

[12tall]

什么前端后端 还不是一样被找茬 (ಥ _ ಥ)

[eachann]

欢迎加入前端娱乐圈 , 大家觉得楼主几天会回后端

[herotiga]

本来每天回家就打游戏了，做了前端你回家还能打游戏吗

[xutao881]

实际没那么复杂，更多的是填第三方依赖的坑

[fumichael]

为什么这么想不开，全干（搬砖工）路过

[Lax]

我会 HTML/CSS/JavaScript，但是遇到 webpack 配置文件完全懵逼了

[encro]

PHP：cakephp+ci+Yii+laravel
Python：flask+django
GO：revel+gin+echo
前端：小程序+vue+angular+flutter+ReactJS+快应用
其他：redis+memcache+mongo+elastic+sphinxsearch+mysql+pgsql

目前以上都做过的一些项目中用到的，大部分都是公司的，有些是个人的，
目前也在纠结还学点或者做点什么好呢？

[yiyi11]

兄弟，别去，那是天坑。走，我们先去写 crud。

[TesterCC]

认真讲现在前端要学很多东西（不是当年学点 HTML/CSS/JavaScript/JQuery 就能凑合的），要求也不比后端低，除非真的是很喜欢写前端代码。（虽然也听过不少后端转前端的干得挺好的）

[chenyu0532]

我也请教下。。现在是手游开发客户端，js es5 es6 熟悉，html 和 css 正在搞 ife。也想问问转前端好，还是学习点 php 或 python 等之类的后端。。

[Rocka]

本来想在原博客评论的，可是不管怎么解锁，都提示 “发表评论前，请滑动滚动条解锁” ... 那就发在这里吧：

其实 yarn 也没什么更好的地方。npm 在更新到 5.x 版本以后（现在的版本是 6.x ）已经吸纳了 yarn 的很多功能，yarn 一开始作为主要功能的 package lock 也在 npm 里面被默认启用了，而 yarn 还有一些陈年旧 bug 没有修复，虽然影响的都是一些不常用的功能，但一旦遇上了还是挺烦的。

严格来讲 Rollup 不能算是 transpiler，是与 webpack 类似的 module bundler，支持各种插件，可以做到转译、打包、压缩一站式。而 gulp 在 webpack 出现以后也日渐式微了。

ESM 是可以直接在现代浏览器运行的，只不过要求以 <script type="module"> 的方式进行引入。一般来说 CJS 就是 CommonJS 的缩写，没什么可理解的。

至于打包工具的选择，一句话：“ Use webpack for apps, and Rollup for libraries ”。至于 parcel 什么的，玩玩就算了 ...

[Sh1nes00n]

@encro .net core 了解一下？

@TesterCC 现在的前端主要往规范化方向发展，我因为一个模块化，就折腾了这么多工具，总的来说是好的，只是太能折腾了

@ipwx 按你所说，我是要去学习某样技能，但我现在是面向需求学习，我只是为了规范我的代码，因此想学习怎么来写 js 的模块，这才牵扯到后面的一系列东西

[Sh1nes00n]

@Rocka 感谢，typecho 的插件有 bug，已经关闭了

我选择 yarn 最主要的原因是，安装包时，如果已经安装过一次，yarn 会从缓存中取，npm 会再次下载

我原先最不明白的点是从编译后的代码到浏览器运行代码的过程，也就是“打包”的意思，打包更多的是指将多个文件合并到一个吧？这个过程也该需要个 transpiler，后来想到，将多个 module “编译”为浏览器可执行代码，其实就是将这些文件打包进一个文件中，非常感谢你指出的“ transpiler ”和“ module bundler ”

如果 Rollup 也可以打包的话，那我更喜欢 gulp+rollup 这种组合，在试用 webpack 后发现也没怎么折腾

[hirasawayui]

npm 比 yarn 好用，优点是少打一个字母

[dk7952638]

CRUD 的十种写法你都会了吗？

[galikeoy]

@hirasawayui #27 高级黑

[hyyou2010]

@Sh1nes00n

[译] 向恐龙解释现代 JavaScript
https://zhuanlan.zhihu.com/p/38209210

[keepeye]

身为末端的我表示每天承受的压力很大，还是前端好

[angith]

前端想去后端

[hoosin]

看了一下楼主总结的 学习能力还不错 基本上诠释了现代前端的工作范围职责

[encro]

@Sh1nes00n c#只会一点，写了一个 word,excel,ppt 转 pdf 工具。.net core 没有深入了解，目前主要学习 typescript,ng。

[Rocka]

@Sh1nes00n #26 npm 也是有缓存的，运行 npm cache verify 可以查看缓存的路径以及大小

[bakabie]

小心不要变成这样就行（逃： https://image.uisdc.com/wp-content/uploads/2015/12/most-ugly-websites-10.jpg

[mamahaha]

@encro 大佬，你头发还在吗

[hiddendeerer]

@encro 怎么会的这么多，也有好多重复的框架

[encro]

@mamahaha
@hiddendeerer

学着用着就有这么多了，头发还好，胃开始不行了。

[missnote]

娱乐圈欢乐多，插眼

[codingbaby]

后端 crud 满足不了你？

[Caspian]

恭喜入坑前端配置工程师