最热web前端技术汇总

Web前段技术发展很快,主流技术日新月异,想想自己刚毕业那会用的asp技术,现在已经很少有主流网站在使用了。

再到后来的J2EE框架,然后SpringMVC大行其道,但是最近各种js框架被广为传播,Html5的推出很是丰富了移动互联网的发展,此文对当前最新的几种web前端技术进行的汇总,让大家更多地了解,然后取其所长,避其所短,快速推出简约大方,维护方便,性能良好的个人网站。

JavaScript MV*框架

在相当长的一段时间里,每个程序员都要学会如何利用JavaScript来编写弹出一个警告框或查看是否包含@符号的电子邮件之类的程序。而现如今,HTML AJAX App变得复杂了,以至于很少有人从头开始来学习它们。相反,像使用一个精心设计的框架、编写一些粘合代码来实现业务逻辑的方式更容易让人们接受。这些框架都可以帮助你处理Web App和网页上的事件和内容,大大的节省了时间。

类似的框架如: Dojo Utility tool,jQuery,AngularJS,Backbone.js,Node.js等等,

* AngularJS

AngularJS是一款开源 JavaScript函式库,由Google维护,用来协助单一页面应用程式运行的。它的目标是透过MVC模式 (MVC) 功能增强基于浏览器的应用,使开发和测试变得更加容易。

函式库读取包含附加自定义(标签属性)的HTML, 遵从这些自定义属性中的指令,并将页面中的输入或输出与由JavaScript变量表示的模型绑定起来。这些JavaScript变量的值可以手工设置,或者从静态或动态JSON资源中获取。

* Backbone.js

Backbone.js是一套JavaScript框架与RESTful JSON的应用程式接口。也是一套大致上符合MVC架构的编程范型。Backbone.js以轻量为特色,只需依赖一套Javascript 函式库即可运行。常被用来开发单页的互联网应用程式,以及用来维护网络应用程式的各种部份(例如多使用者与服务器端)的同步。Backbone.js是由Jeremy Ashkenas所开发,他同时也是CoffeeScript的开发者。

* jQuery

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有65%使用了jQuery,是目前最受欢迎的JavaScript库.

* Dojo utility tool

Dojo是一个用javascript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib,f(m)),这也是为什么叫它a"unified"toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些,长期存在、历史问题(historical problems with DHTML)。跨浏览器问题。

CSS框架

曾几何时,只要是在Web页面花点时间就能打开CSS文件,还包括一个新的命令,像font-style:italic,接下来只需要利用一上午的时间就能把所有事情搞定。而现在的网页设计则相对复杂些,而且也不可能利用这么简单的命令就可以填补一个文件。

可以这么说,CSS框架是SASS和Compass最坚实、最牢固的基础,CSS框架能够提供类似于实际变量、嵌套模块和混合之类的组件,这样有助于创建高质量、更稳定的编码程序。这听起来并不像是编程领域里的新奇事物,但是这在设计领域里几乎是一个巨大的飞跃。

CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如:

* typography.css 字体排版规则

* grid.css 表格布局

* layout.css 布局

* form.css 表单

* general.css CSS常规设置

下面是一些不错的CSS框架。详细参阅:CSS框架

* Elements CSS Frameworks

Elements 是一个基础CSS框架,它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架,它拥有自己的工作流。它拥有你需要完成项目的各种元素,查看介绍:Overview .

* YUI Grids CSS

基础的YUI Grids CSS提供4种页面宽度,6种边框模板,以及控制行列能力。4kb文件提供了超过1000个页面布局等。

* YAML CSS Framework

Dirk Jesse的能够对(X)HTML/CSS 框架扩展,支持复杂web项目。YAML基于web标准和支持各种流行浏览器,尤其支持所有IE版本包括从 5.x/Win 到 7.0.

* Blueprint CSS

Blueprint是一个CSS框架,它的目标是减少你的CSS开发时间。它提供给你强大的CSS基础来创建你的项目,包括易于使用的grid,有效的字体排版,以及可打印的stylesheet.

SVG+JavaScript on Canvas

曾几何时Flash一直在牵引着软件工程师们的主流思想,主要是因为软件工程师乐见这样的结果。对普通显示效果的渲染看起来很不错,许多有才华的设计师们为Flash代码建立了一个优质的堆栈,这样便于提供复杂的转换和动画显示功能。

既然JavaScript有能力做和Flash同样的事情,那浏览器厂商和开发者肯定更加倾向于JavaScript。开发者们认为DOM层与来自新格式SVG(可伸缩向量图形)的整合将会带来更好的结果。SVG和HTML是由大量的标签组成,便于Web开发者使用。紧接着,就会有大量的API在Canvas项目上提供精致的画面,弱弱的问一句:那还有必要再继续使用Flash吗?

单页面Web App设计

记得在网络出现并不久的时候,URL所指向的Web页面都是充满了静态文本和图像的,把所有信息放到一个称之为网络的网页是非常之简单的。新的Web App对于大型数据库而言算是比较前端的了,当Web App想要获得所需信息的时候,它就会从数据库中把数据调出来放到指定的位置,而数据层则是完全独立于表示层和格式化层的。在这里,移动计算机处理技术的兴起也是另一个因素:一个单一的、响应式设计的Web页面就像是一个应用程序——这样就更好的避免了APP Store里可能出现的混乱现象。

Web接口

也是在很早以前,人们只能使用一个命令行编译器。后来呢,有人通过集成编辑器和其他工具而创建了IDE。不过现在又到了IDE黯然失色的时候了——通过基于浏览器的工具就可以编写用于工作系统的代码。如果你不喜欢WordPress的工作方式,IDE可以在程序中安装一个内置的编辑器,随时随地的更改代码,也就是说,IDE更人性化。国内首家基于web编译器功能的网站(www.gbtags.com)更是引起了广大web前端开发者的关注。

Node.js

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎。目的是为了提供撰写可扩充网络程序,如Web服务。第一个版本由Ryan Dahl于2009年发布,后来,Joyent雇用了Dahl,并协助发展Node.js。

其他编程语言的类似开发环境,包含Twisted于Python,Perl Object Environment于Perl,libevent于C,和EventMachine于Ruby。与一般JavaScript不同的地方,Node.js并不是在Web浏览器上运行,而是一种在服务器上运行的Javascript服务端JavaScript。

Node.js实现了部份CommonJS规格(Spec)。Node.js包含了一个交互测试REPL环境。

在Node.js领域里,Node.js在浏览器和服务器之间提供和谐的开发环境以获得利益。运行在浏览器和服务器之间相同的代码使得开发者在调用功能和复制特性的时候及其便利。最后,Node.js层将会成为互联网上最热门的堆栈。

最热web前端技术汇总,布布扣,bubuko.com

时间: 2024-10-10 02:05:49

最热web前端技术汇总的相关文章

web前端链接汇总

JavaScript https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain Web前端技术栈 http://www.zhihu.com/question/33179506 不定期汇总...................................................................

最受欢迎web前端技术总结

Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html5移动互联网非常丰富的开发引进,一些最新的文本web进行的汇总,让大家很多其它地了解.然后取其所长,避其所短.高速推出简约慷慨,维护方便,性能良好的个人站点. JavaScript MV*框架 在相当长的一段时间里,每一个程序猿都要学会怎样利用JavaScript来编写弹出一个警告框或查看是否包括@

web前端技术归类

1.以屏幕可用宽和高的百分比来定义弹出框的宽和高 var trueWidth = $(top.window).width() * 0.9;var trueHeight = $(top.window).height() * 0.9; 2.光标离开时验证是否数字//jsfunction CheckIsNan(t){var IsNanValue=$(t).val();var strP=/^\d+$/; if(!strP.test(IsNanValue)) { alert("请输入数字!");

web前端技术社区分享

web前端技术社区分享 一.国外的前端技术网站:    1. 名称:W3C: 网址:http://www.w3.org/ 理由:前端技术的规范标准几乎都是W3C制定的  2.名称:ECMA 网址:http://www.ecmascript.org/ 理由:JavaScript最核心的内容就是ECMA 3.名称:Mozilla社区 网址:https://developer.mozilla.org/zh-CN/ 理由:Mozilla社区包含了很多有关Web前端的文章,非常值得学习   4.名称:H5

Web前端技术--网络三剑客(HTML、CSS、JavaScript)什么是新网络三剑客?以及其他前端技术(JQuery、Vue.js)。

一.Web前端技术--网络三剑客 1.HTML是什么? HTML,全称HYPER TextMarkup Language (超文本标记语言).HTML是一门描述性语言,它是网页的标准语言,并不是一门编程语言. 2.CSS是什么? CSS,全称Cascading Style Sheet(层叠样式表),是用来控制网页外观的一种技术. 3.JavaScript 是什么? JavaScript ,就是我们通常说的JS,是一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行.   “HTML”是网

一般Web前端开发要学什么 如何掌握Web前端技术

一般Web前端开发要学什么?如何掌握Web前端技术?越来越多的行业巨头不断向Web前端示好,除苹果.微软.黑莓之外,谷歌的Youtube已部分使用Web前端.Chrome浏览器宣布全面支持Web前端;Facebook则不遗余力地为Web前端进行着病毒式传播.Web前端代表了移动互联网发展的趋势,总有一天它将成为主流技术.Web前端作为一个前端的编程语言,前景十分可观. 学习内容包括7大学习阶段: 第1阶段:前端页面重构(4周) 内容包含了:(PC端网站布局项目.HTML5+CSS3基础项目.We

web前端技术框架选型参考

一.出发点 随着Web技术的不断发展,前端架构框架.UI框架.构建工具.CSS预处理等层出不穷,各有千秋.太多的框架在形成初期,都曾在web领域 掀起过一场技术浪潮,可有些却仅仅是昙花一现,随着他们用户量的逐渐减少,社区也越来越不活跃.如:meteor.backbone.ember.knockout. 不禁感叹技术的更新换代来的太突然.为了追赶技术更新的脚步,保证技术实施的高性能,强兼容性,并且不会再短时间内被时代所遗弃.以下为目 前常见的主流技术参考,根据github关注度排名: 架构框架 框

web前端知识汇总61-80

61.ajax请求的时候get和post方式的区别? ajax是异步的JavaScript和XML,用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,ajax可以使网页实现异步更新.这意味着在不重新加载整个网页的情况下可以对网页的某部分进行局部更新 使用get请求时,参数会在URL中显示,而是用post则不会 使用get发送数据量小不能大于2k,post请求发送数据量大一般默认不受限制 get安全性非常低,post安全性较高(get请求的数据会被浏览器缓存起来,因此其他人就可以从浏

Web前端框架汇总

转载:赞生博客 在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本. 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本. Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动.开发者可以通过贡献代码,来帮助