闲聊前端工程_html/css_WEB-ITnose

作为一只专注于后台和服务器的程序猴子，偶然间看了一下前端开发，发现自己写的前端代码简直是远古时代的产物。

前端也得用上mvc框架

一直以来，后台就是这样子用mvc框架来开发。然而前端开发直接一个页面，一个html文件，一个css文件，一个js文件。似乎这样子维护也没什么问题，开发过程也算是比较清晰了。

然而遇上了vue这个前端框架之后才发现，前端页面书写是如此方便，不再用手动写一堆代码去操作dom元素，也不需要使用后台语言的模板引擎输出html了，因为vue就可以充当一下模板引擎，并且渲染交给前端可以减轻服务器压力。

前端文件你有压缩合并吗？

用上框架之后的确是爽，但是一个问题出现了，由于页面变得越来越复杂了。为了节省服务器带宽呢，我们一般会选择把几个文件合成一个文件来使用，但是如果对于我们开发来说分成几个文件来写比较便于维护，so我们这个时候就会使用一些辅助工具来自动合并这些文件成一个文件啦。对于js文件，有时候我们不希望别人看到我们的源码，我们就会去混淆一下。

前端开发以后的趋势可能是组件化

现在的App和桌面软件开发，每一个界面都是有无数个组件所构成。但是网页开发呢？我们以前一直都是每个页面都在编写重复的代码，慢慢的，我们把重复的内容抽离出来，然后用引入的方式拼成一个完整的html页面（这种模板渲染可以用后台引擎也可以用前端的模板引擎）。

但是如果我们把常用的东西视作一个组件来对待的话，我们就需要把这部分区域的html，css，和js独立出来。具体可以参考一下vue教程组件那个部分。

你是如何处理引入的js和css缓存问题的？

在pc端调试页面，似乎改了js和css之后浏览器访问到的都是最新版。但是如果我们用手机调试的话，几乎读取的都是旧数据，所以我们每次修改之后都要为引入加一个随机数如：