Rumah  >  Artikel  >  hujung hadapan web  >  前端技术有哪些

前端技术有哪些

angryTom
angryTomasal
2019-08-03 11:38:2816484semak imbas

前端技术有哪些

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

Atas ialah kandungan terperinci 前端技术有哪些. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:webview是什么Artikel seterusnya:p是什么元素