• 技术文章 >web前端 >js教程

    前端工程师需要掌握哪些知识?

    GuanhuiGuanhui2020-07-31 10:42:00原创111

    前端工程师需要掌握哪些知识?

    1、能熟练使用HTML、CSS、Javascript,主要工作还是搭建静态页面;

    2、学习Bootstrap、jQuery之类,以及AJAX技术;

    3、学习进阶框架Angular、Vue、React等。

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

    推荐教程:《PHP》《JS教程

    以上就是前端工程师需要掌握哪些知识?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:javascript css html js
    上一篇:JS 可断点续传文件上传实现教程 下一篇:ajax常见的面试问题
    第12期线上周末培训班

    相关文章推荐

    • 关于JavaScript监听组合按键• JavaScript的split()方法有什么用?• 总结javascript中遍历数组的几种方法• 深入分析JavaScript的Module模式编程• Javascript PJAX 原理和使用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网