5分钟了解前端开发行业前景（二）

时间：2023-05-28 11:24:02 | 来源：网站运营

时间：2023-05-28 11:24:02 来源：网站运营

5分钟了解前端开发行业前景（二）：优化

尽量减少HTTP请求 (Make Fewer HTTP Requests)

减少DNS 查找 (Reduce DNS Lookups)

避免重定向 (Avoid Redirects)

使得 Ajax 可缓存 (Make Ajax Cacheable)

延迟载入组件 (Post-load Components)

预载入组件 (Preload Components)

减少DOM元素数量 (Reduce the Number of DOM Elements)

切分组件到多个域 (Split Components Across Domains)

最小化iframe的数量 (Minimize the Number of iframes)

杜绝 http404错误 (No 404s)

以上10条涵盖了Web前端开发中遇到的各种页面处理技术，让前端开发人员能够准确和快速地把握整个网页的架构，从而达到减少开发成本和页面美化目的。




前端框架

学好Web框架

熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员常用RoR。

随着Web 越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，以下是一些常见开源前端框架：

Bootstrap

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。

html5-boilerplate

该框架可以快速构建健壮，且适应力强的web app或网站。

Meteor

Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。

Semantic UI

基于自然语言有效原则的UI组件框架

Foundation

优秀的响应式前端框架

Materialize

基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。

Pure

几乎可以在每一个web项目中使用的一组小的和响应式的CSS模块。

Vue

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

Skeleton

Skeleton 是一个小的 JS 和 CSS 文件的集合,可快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

Amaze UI

国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中，Amaze UI Touch可以帮助开发者通过丰富的组件，快速构建出与原生APP相媲美的专属移动端的HTML5应用。

UIkit

一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。

Yui

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证。

kissy

一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

MUI

最接近原生App体验的前端框架的框架。

Arale

一个开放、简单、易用的前端基础类库。

JX

JX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。

GMU

GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。

ZUI

开源HTML5前端框架

Clouda Touch.js

Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。




职业机会

2015年12月5日，《杭州互联网行业人才紧缺指数（TSI）报告》显示，前端开发工程师成为杭州互联网行业中最紧俏的职位。

常见前端开发工程师职位职责要求：

（1）使用Div+css并结合Javascript负责产品的前端开发和页面制作。

（2）熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案 。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。

（3）负责相关产品的需求以及前端程序的实现，提供合理的前端架构 。改进和优化开发工具、开发流程、和开发框架 [

（4）与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作 ；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。

（5）了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

资深前端开发工程师

相比较“前端开发工程师”而言，更加资深，工作职责更大。一般而言，资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件，熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案 提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外，还要跟踪研究前端技术，设计并实施全网前端优化。HTML5、node.js（JavaScript编程的后台语言）兴起，要求资深前端熟悉后端，并且要在商业模式、代码架构思想等维度去整体考虑前端的全局布局。

前端架构师

前端架构师更偏管理，但职责要求不仅限于管理。前端架构师需要带领组员实现全网的前端框架和优化，创建前端的相应标准和规范，完善并推广和应用自己的标准和框架。同时，还要站在全局的角色为整个网站的信息架构和技术选型提供专业意见和方案。