【Web前端框架与类库的思考【转】】的更多相关文章

Web前端框架与类库的思考

说起前端框架,我也是醉了.现在去面试或者和同行聊天,动不动就这个框架碉堡了,那个框架好犀利. 当然不是贬低框架,只是有一种杀鸡焉用牛刀的感觉.网站技术是为业务而存在的,除此毫无意义,框架也是一样.在技术选型和架构设计当中,脱离网站业务发展的实际,一味的追求时髦新技术,可能会适得其反,将网站发展引入崎岖小道.就好像一个日均pv只有几百的小型电商网站,却要大喊“某宝就是这么搞的”,然后搭建应用服务器集群,使用分布式文件系统和分布式数据库系统...等巴拉巴拉的一堆用来处理高并发,海量数据访问的手段.我…

Web前端框架与类库的思考【转】

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

Web前端框架与类库

Web前端框架与类库的思考 说起前端框架,我也是醉了.现在去面试或者和同行聊天,动不动就这个框架碉堡了,那个框架好犀利. 当然不是贬低框架,只是有一种杀鸡焉用牛刀的感觉.网站技术是为业务而存在的,除此毫无意义,框架也是一样.在技术选型和架构设计当中,脱离网站业务发展的实际,一味的追求时髦新技术,可能会适得其反,将网站发展引入崎岖小道.就好像一个日均pv只有几百的小型电商网站,却要大喊“某宝就是这么搞的”,然后搭建应用服务器集群,使用分布式文件系统和分布式数据库系统...等巴拉巴拉的一堆用来处理高…

国内5款优秀的WEB前端框架

1. JX(腾讯) 官网地址:http://alloyteam.github.io/JX/#home JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服务于 WebQQ 等大规模的 WebApp. JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode ,于2012年切换到Github. JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模.工业级的Web App,腾…

React 还是 Vue: 你应该选择哪一个Web前端框架？

学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了. 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西,请使用Vue    如果你的应用需要尽可能的小和快,请使用Vue    如果你计划构建一个大型应用程序,请使用React    如果你想要一个同时适用于Web端和原生App的框架,请选择React    如果你想要最大的生态圈,请使用React    如果你已经对其中一个用得满意了,就没有必要换了…

Web前端框架学习成本比较及学习方法

就项目中自己用过的前端框架的学习成本比较与学习心得分享 刚工作时间不长只用过这几个框架下面是难易程度比较: 不论哪个web前端框架, 究其本质都是把页面的数据传递给后台服务器语言(如java)进行处理, 后台取出的数据把它显示在页面上不就这么简单么; 弄清楚这其中的提交方式(特别点就ajax方式), 参数传递, 事件机制然后在看懂API; 那么不管用什么web框架开发都是很顺心的, API在手通吃所有;  前提是一定要看懂API , 总是去问别人不会有多大进步的, 自己多看API文档; 学习成本…

Web前端框架与移动应用开发第八章

Web前端框架与移动应用开发:制作58招聘专题页 1.html代码: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-sc…

关于自己封装Web前端框架的思考和探索

一.引言 首先这些年关于前端技术层出不穷,从最早的只用js做简单验证,到现在发现好像大前端已经无所不能了的感觉.特别是为了降低前端开发复杂度,涌现了一大批 的MVC/MVVM模式的前端框架,不停了刷新我们的代码组织结构及开发模式,比如:BackboneJS.EmberJS.KnockoutJS. AvalonJS(国产).AngularJS.ReactJS等等. 二.现有主流框架 我们的开发模式第一次革命应该算是从google提出ajax一直到nodejs变化是非常的大,我们也在尝试着找到更合理…

Web前端框架汇总

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

web前端框架选型

1.1.界面使用脚本语言有html5,php5,css3,js动态库jquery等 1.2.html采用技术为最新html5技术,html5生成的页面在phone.pad.Phablets.pc也可方便操作,配合公司云通讯的实施和开展. 1.3.关于开源php框架 1.3.1.52framework框架 http://www.52framework.com/  ,是html5+CSS3+JS的一个框架,号称有史以来第一个HTML5和CSS3的框架, 它是一个Web开发框架,它能实现HTML5和C…

响应式web前端框架Foundation & Bootstrap 对比

Foundation & Bootstrap都是易用.强大且灵活的前端框架,用于构建基于任何设备上的 Web 应用.提供流式布局,及多种 js UI 组件,如导航.表单.按钮.Tabs 等等. 如果是基于移动优先的原则(Mobile First), 建议选择Bootstrap, 当然也可以用Foundation 4…

web前端框架之Vue hello world

[博客园cnblogs笔者m-yb原创,转载请加本文博客链接,笔者github: https://github.com/mayangbo666,公众号aandb7,QQ群927113708] https://www.cnblogs.com/m-yb/p/10162346.html Vue.js是web前端当下最火的框架之一, 作者是中国人 尤雨溪(Evan You), 官网地址:https://cn.vuejs.org Vue的官网是学习Vue的较好途径之一, 今天笔者写了一个Vue的hello…

Unslider Web前端框架之图片轮播

前端框架,前端组件,前端库,都是一个意思,能看源码. 最近做H5小游戏,用到了图片轮播的组件,而且要求支持移动端触屏滑动.一开始用的是nivo slider,但是对大小不一样的图不支持box 的参数设置.unslider,满足了需求. Unslider--入门篇 背景:因工作需求,需要完成一个图片轮播效果,因博主不是专业的前端开发人员,so google之,经过挑选最终选择使用Unslider插件完成工作. 一.Unslider插件介绍 unslider插件是一个超小的jQuery轮播(slid…

推荐web前端框架bootstrap

bootstrap是基于Jquery而开发的一个前端框架. 全中文的学习网站:http://www.runoob.com/bootstrap/bootstrap-tutorial.html 实际上就是html+css,但是使用该框架可以让我们的项目界面更统一,更美观,更强大.当然对我们来说,他最大的好处在于响应式布局,在如今手机上访问bootstrap开发的网站,和在电脑上看起来几乎一样. 目前使用较广的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.7. 在2015年8月下…

Web前端框架

框架框架,先框后架.你觉得不方便或者麻烦的地方就像是第一个框(frame)字一样,有点限制住你的感觉.为啥现在你没有觉得有架(work)的感觉呢?其实也在你的问题中提到了:1. 入行时间短,工作比较闲2. 大部分时间靠自己探索在这个基础上,基于合理分析,首先你的工作内容应该就是个人能够独立完成的web页面,而且这些页面本身没有过多复杂的业务需要或者控件要求.其次由于缺乏工作上的协同需要以及直接且高观的信息交换,导致你现在的困惑.其实我也不知道我分析得是不是正确,或者有没有解答你心中对产生这个问题…

三种Web前端框架比较与介绍--Vue, react, angular

一.Angular 1.MVVM(Model)(View)(View-model): 2.模块化(Module)控制器(Contoller)依赖注入: 3.双向数据绑定:界面的操作能实时反映到数据,数据的变更能实时展现到界面: 4.指令(ng-click ng-model ng-href ng-src ng-if...): 5.服务Service($compile $filter $interval $timeout $http...). 备注: (1) api比较全,功能比较完善.关于数据绑定…

web前端框架之自定义form表单验证

自定义form验证初试 .在后端创建一个类MainForm,并且在类中自定义host ip port phone等,然后写入方法,在post方法中创建MainForm对象,并且把post方法中的self(这里的self指代 的前端的ip,端口等)传入到这个MainForm方法中,在check_valid方法中定义一个参数handler代指传入的self,然后遍历MainForm对象中的属性,然后用handler.get_argument(key)的方法让前端的post 对应后端的post,前端的…

Python-S9-Day99——Web前端框架之Vue.js

01课程安排 02let和const: 03 箭头函数 04 对象的单体模式 05 Node.js介绍和npm操作 06 Webpack,babel介绍和Vue的第一个案例 01课程安排 1.1 html(语义化,除了语义,其他的什么都没有了),网页的结构: 1.2 CSS(样式表现),页面的表现,记住的东西比较多,排版布局,如果不会写,就是写页面写少了: 1.3 js(ESMAScript.JSdom.bom),网页的行为: 1.4 jQuery(操作),项目开发的目的就是:快速的做出来!:…

Web前端框架与移动应用开发第七章：二

3.练习3:抽奖大转盘 注意事项:需要使用Zepto.js,区别于zepto.min.js 实现效果:转盘转动抽奖 html <!DOCTYPE html><html><head> <meta charset=UTF-8> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale…

Web前端框架与移动应用开发第七章

1.练习1:焦点图切换 html: <!doctype html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/&…

推荐一些不错的开源免费易上手的web前端框架

1. bui 2.Semantic UI 3.oniui…

几款常用的高质量web前端框架

http://blog.csdn.net/qianduankuangjia/article/details/78042944…

web前端-框架jquery

1.jquery库 就是js的库 ,可以通过jquery语法简化js操作 ,如文档遍历 ,文档操作 ,事件处理 ,动画js定时器等等 2.引用 下载:https://www.bootcdn.cn/jquery 引用:加入一条js在文档中<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"></script> 3.jquery的选择器 1)基本选择器(与css一致) # id选择…

程序员Web面试之前端框架等知识

基于前面2篇博客: 程序员Web面试之jQuery 程序员Web面试之JSON 您已经可以顺利进入Web开发的大门. 但是要动手干,还需要了解一些已有的前端框架.UI套件,即要站在巨人肩膀上而不是从轮子开始造汽车. 下面就Web开发用到的前端框架.UI套件.UI插件一一列举(排名不分先后): jQuery UI jQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.包含了许多维持状态的小部件(Widget)…

2015年最全的移动WEB前端UI框架

目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了.在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率.下面PHP程序员雷雪松就把2015年最全的移动WEB前端UI框架分享给大家. 目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了.下面在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率.下面就把2015年最全的移动W…

web前端UI框架

分类:WEB前端 时间:2016年1月13日 目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了.在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率.下面就把2015年最全的移动WEB前端UI框架分享给大家.目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了.下面在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率.下面…

Web前端开发必不可少的9个开源框架

大多数人想到Web开发时,通常会想到HTML或JavaScript,往往忽略了CSS,根据Wikipedia的说法,CSS既是网页中最重要也是最常被遗忘的部分之一,尽管它是万维网的三大基础技术之一. 今天就和大家分享9个流行的.强大的前端开源框架,帮助你轻松构建漂亮的网站前端. 1.Bootstrap Bootstrap无疑是最流行的CSS框架,它是最早的Web前端框架,由Twitter开发.Bootstrap还提供了许多示例来帮助你入门. 使用Bootstrap,你可以将不同的组件和布局组合在…

2015 年开源前端框架盘点 TOP 20

1.名称:Bootstrap 类别/语言:HTML.CSS.JavaScript 创建者: Twitter 人气:在Github上有91007 stars 描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML.CSS.JavaScript 的,它简洁灵活,使得 Web 开发更加快捷. 核心概念/原则: RWD 和移动优先制. 浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8) 响应式: Yes 模块化: Ye…

2015年开源前端框架盘点TOP20

2015年,榜单根据github上star数作为排名依据.(榜单中大部分为组件式框架, react.Angular等基础框架不在此篇讨论) 1.Bootstrap 类别/语言:HTML.CSS.JavaScript 创建者: Twitter 人气:在Github上有91007 stars 描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML.CSS.JavaScript 的,它简洁灵活,使得 Web 开发更加快捷. 核心概念/原则: RWD 和移动优先制. 浏览器支持: Fire…

目前几款基于html5的前端框架：如Bootstrap、Foundation、Semantic UI 、Amaze UI

Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS 和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示,其核心就是基于Less框 架构建的CSS.Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟 的,也是其最受欢迎的条件之一. Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最…