前端技術有哪些

angryTom
發布: 2019-08-12 16:12:13
原創
16428 人瀏覽過

前端技術有哪些

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

推荐教程:HTML前端教程

  移动互联网带来了大量高性能的移动终端设备以及快速的无线网络,HTML5,node.jS的广泛应用,各类框架类库层出不穷。

核心技术

HTML语言

  掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。

  HTML是一种标记语言,能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。

  随着CSS、JavaScript、Flash等技术的发展,Web对于应用的处理能力逐渐增强,用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破,使得Web技术首次被认为能够接近于本地原生应用技术,开发Web应用真正成为开发者的一个选择。

  HTML5可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具,支持HTML5应用的发展。

CSS

  学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。

JavaScript

  学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。

操作系统

  了解Unix和Linux的基本知识,对于开发人员有益无害。

网络服务器

  了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等。

前端框架

  熟悉掌握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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!