千锋教育-做有情怀、有良心、有品质的IT职业教育机构
领取全套视频
很对初学者对于web前端和前端开发有什么区别不是很清楚，这两者看似差不多，实际上也是会有一些具体区别的，比如业务应用场景、页面适配性、框架等等。下面是详细的介绍。
1、业务应用场景
web前端开发主要是指传统的PC端网页开发，页面主要运行在PC端浏览器上，移动前端开发的页面主要运行在手机端。
如果说直观上的体验，那么PC端页面更大，移动端页面更小，但根据开发经验，页面大小与写的代码复杂与否没有必然联系，页面小也不代表开发很容易。难易程度主要由具体的业务需求决定。
2、新技术的使用
由于移动端主要基于webkit内核，对HTML5等新技术的支持较好，因此新技术的使用范围更广，而PC端开发在很多场景下需要兼容IE等老浏览器。在某些情况下，浏览器兼容性考虑会限制新技术的使用。
3、页面适应性
传统PC端页面开发一般选择给页面设置固定宽度，两边留白，但是手机端页面，由于其运营商手机屏幕比PC小很多，一般选择显示为手机屏幕上尽可能多的内容。这就要求手机页面要能够充分适配各种屏幕尺寸的手机，并最大限度的发挥作用。
从这个角度来看，移动页面的适配难度更大。
4、页面表现
PC端的网络情况一般比较稳定，通过网线或者Wi-Fi接入网络，而移动端则比较复杂。除了Wi-Fi，还有2G、3G、4G，甚至在几种不同的网络连接之间切换。也经常发生。
网络连接不稳定对页面性能的挑战在于移动端的页面资源不能太大，否则在网络不好的情况下页面将无法访问，严重影响用户体验。
5、帧选择
由于移动网络的不稳定性，我们在选择移动页面框架时一般只考虑小而美的框架。比如zepto.js等压缩后，只有9.6K可以满足一般业务需求。如果要构建更复杂的单页应用，可以选择vue.js这样的框架，功能强大，但压缩后体积只有20K多。