美文网首页
初步接触web前端框架技术

初步接触web前端框架技术

作者: 寂川_b645 | 来源:发表于2019-03-06 17:46 被阅读0次

1.什么是前端开发

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。它从网页制作演变而来,名称上有很明显的时代特征。在互联网时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

2.都有哪些前端框架

  • 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是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

3.前端工程师的职位职责要求

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

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

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

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

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

相关文章

网友评论

      本文标题:初步接触web前端框架技术

      本文链接:https://www.haomeiwen.com/subject/vkvzuqtx.html