前端框架

近几个月,工作中用了一个我们骆驼厂自己的一整套移动前端开发框架,包括css框架、js框架。

所以这次想回过头来想想前端框架这个东西。

为什么出现了即么多各种各样的框架:

web app概念的出现,可见前端HTML界面开发变得越来越复杂,本质问题可以说是如何将来自服务器端或者用户输入的动态数据高效的反映到复杂的用户界面上。

有哪些比较得到认可的框架:react、backbone、angularjs。。。

想看看react:

1.用于开发数据不断变化的大型应用程序。

2.原理:虚拟dom机制:在浏览器端用javascript实现一套DOM api。基于react进行开发时所有的dom构造都是通过虚拟dom进行。所以开发者不再需要关心某个数据的变化如何更新到一个或多个具体的DOM元素,而只需要关心在任意一个数据状态下,整个界面是如何render的(降低逻辑复杂性)。----》简单的ui开发逻辑

3.组件化的开发思路:

组件(封装起来的具有独立功能的ui部件),将ui上每一个功能相对独立的模块定义成组件。然后将小的组件通过组合或者嵌套的方式构成大的组件,最终完成整体UI的构建。

mvc思想让你做到视图-数据-控制器的分离(从技术的角度对ui进行拆分)。

组件化的思考方式带来了ui功能模块之间的分离(从功能的角度对ui进行拆分)

4.设计哲学:简单之美

  (1)使用jsx直观地定义用户界面:使用xml标记的方式去直接声明界面,

      界面组件之间可以互相嵌套;

  (2)单向数据流动flux(模型到视图的数据流动):组件之间以及组件和数据模型之间如何通信

    dispatcher和action(全局消息发布订阅模型):

    dispatcher是一个全局的分发器接收action,

    而store可以在dispatcher上监听到action并作出相应的操作。

时间: 2024-12-14 09:04:03

前端框架的相关文章

前端框架相关

WebMIS 基于CI的PHP免费开源框架 http://www.ksphp.com/docs/WebMIS/other_chart.html Bootstrap 简洁.直观.强悍的前端开发框架,让web开发更迅速.简单. http://www.bootcss.com/ 前端开发框架对比 http://www.ibm.com/developerworks/cn/web/1404_wangfx_jsframeworks/ H-ui概述 - H-ui前端框架官方网站 http://www.h-ui.

前端框架与前端类库的理解

前端框架的理解误区 网站的价值在于它能为用户提供什么价值,在于网站能做什么,而不在于它是怎么做的,所以在网站还很小的时候就去追求网站的架构框架是舍本逐末,得不偿失的.前端框架同理,如果是一个简单的页面型产品,应用只是依赖服务器来生成Web页面和视图,并且只需要使用一些简单的Javascript或者JQuery来使应用更加具有互动性,那么一个JQuery前端类库就可以了,真的没必要用上一些高大上的框架. 当然,框架的确是很有用的,重点是我们要知道什么时候该用什么框架.大公司大项目的经验和成功模式固

一个很实用的前端框架Zui

杰哥给我推荐了一个很有用的前端框架-Zui,我看着觉得很神奇的,因为有很多我都不懂.在这里分享总结一下.首先,这是一个中国自己开发的框架,比起很多外国的框架来说,有很详细的API,而且是全中文的,不需要再经过其他人的翻译了.然后,它的内容十分丰富,很系统的分为了:基础,控件,组件,JS插件,视图几大块:而且使用起来,只需要导入js,在适当的地方加上正确的class类就可以了.对于,没有什么js基础的人,也是十分容易上手的.下面我就大体的介绍一下它的各个模块的功能.基础:基础里面我觉得很有用的主要

90网论坛推荐10大H5前端框架,建议好好学习一下

作为一名做为在前端死缠烂打6年并且懒到不行的攻城士,这几年我还是阅过很多同门从知名到很知名的各种前端框架,本来想拿15-20个框架来分享一 下,但在跟几个前辈讨教写文章的技巧时果断被无情的打击了,所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍,凑够字数也就全剧终了. 原本写这篇文章想围绕着 CSS 框架来的,但因为目前界内比较流行并遍地开花的主要还是 JS+CSS 模式的框架,并且自己靠着一点 JS 功 底,就想专门针对 CSS,所以最后来个大锅乱炖都大致聊聊.下面的框架也没有什么先

web前端框架

1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架.它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面.它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件. Bootstrap是用动态语言LESS写的,主要包括四部分的内容: 脚手架——全局样式,响应式的12列栅格布局系统.记住Bootstrap在默认情况下并不包括响应式布局的功能.因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能.

闲话js前端框架(2)——庞大的angularjs

闲话js前端框架 前端人员=美工+设计+代码+测试 --题记 专题文章: 一.从avalonjs的模板说起 二.庞大的angularjs 三.再也不想碰DOM 四.组件化?有没有后端的事? 五.再看自己一年前设计的微型渲染引擎 六.在浏览器标准上做文章 七.抛开浏览器,构建应用容器 八.为何Flash.银光和Java都在网页端一蹶不振 本文属 西风逍遥游 原创, 转载请注明出处: 西风世界 http://blog.csdn.net/xfxyy_sxfancy 二.庞大的angularjs Ang

2015年你必须学习的编程语言和前端框架

各种前端开发库和前端框架在不断的更新,为了适应潮流的需要,你必须不断的学习新的东西.但是下面提到的编程语言和前端框架会在很长的时间内占据重要的位置,学习和掌握它们是值得的和必须的.从长远来看,它们是十分受欢迎的,被广大社区支持,并且提供很多的就业机会. JAVASCRIPT 如果你正在从事前端web的开发工作,那么不论你使用什么后台语言,前台开发中javascript使你必须掌握的语言.你可以在浏览器中.在服务器上.在移动app中.甚至是在可编程硬件上使用JS.ECMAScript 6将会使语言

UIkit – 轻量级前端框架

高效轻量级前端框架: 来自:咕噜分享

开关控件在主流前端框架中的使用方法

本文仅介绍使用方法,后续再介绍实现方案及优劣对比. jquerymobile jqm可以使用checkbox和select模拟switch控件,只需要增加data-role='flipswitch'即可: 默认开关控件: <input type="checkbox" data-role="flipswitch" /> 若要变为选中状态,只需要增加一个checked属性即可,如下: <input type="checkbox" d