前端框架
iteye_2245
这个作者很懒,什么都没留下…
展开
-
开源框架学习1--SimpleFramework
看到首页上的这篇,觉得很不错,自己整理学习转载 Simpleframework是基于 Intercepting-Filter模式和MVC2模式(我们称之为:后处理模式,After-Processing Pattern),基于“应用即组件,组件即应用(Application are components,component can be a application)”理念采用Java 技术实...原创 2011-01-28 09:59:51 · 164 阅读 · 0 评论 -
初识BigPipe
BigPipe ------ 一个重新设计的基础动态网页服务体系。 分解网页成叫做Pagelets的小块,通过Web服务器和浏览器建立管道并管理他们在不同阶段的运行不需要改变现有的网络浏览器或服务器,完全使用PHP和js来实现 工作原理: BigPipe的页面生成过程分为以下几个阶段: 请求解析Web服务器解析和完整性检查HTTP请求...原创 2012-11-12 14:38:16 · 110 阅读 · 0 评论 -
项目开发设计之设计文档编写规范
前言: 慢慢地,很多fe也会接触到一些比较大中型的项目,就需要编写一些类似的设计文档,本文简单地探究一些这方面的规范。 正文: 项目要求? 一般我们对大中型项目进行设计文档的编写。文档存放的位置?如果只是需要一个文档就能完整描述,存放在项目根目录下面就可以如果需要多份文档,建议新建文件夹目录进行分开存放...原创 2012-11-18 14:57:21 · 654 阅读 · 0 评论 -
内容复制兼容性解决方案之ZeroClipboard
Zero Clipboard 1、简介: Jon Rohan编写的,目前已经开源到GitHub上面了,这个case也已经停止更新了,最新的版本是1.0.8。 2、实现原理: 依赖采用内置的Adoble Flash文件和一个js文件,会在绑定DOM元素上覆盖一个flash(采用z-index的方式)。 3、参数介绍: zIndex:99 ...原创 2012-12-03 13:24:02 · 145 阅读 · 0 评论 -
关于页面依赖文件加载失败处理的一种“独特”设计
问题与需求: 某个项目首页或者首屏在弱网络环境下,或者某些由于用户无意操作、浏览器自身当机等不可预估因素导致页面的某个主体css依赖文件没有加载,打开或者当机后再次页面的时候会页面整体“裸露”,考虑用户体验,我们会考虑给页面加一些提示,比如: 方案设计: 页面头部有一个固定的提示层,内部提示文字等带有内联的样式: 内联的目的很简...2012-12-07 17:00:45 · 251 阅读 · 0 评论 -
移动框架Zeptp介绍
本文简单介绍一下Zepto. 基于移动webkit浏览器的js框架能与jQuery兼容官网: http://zeptojs.com/ 导入zepto的页面会生成一个全局的Zepto对象: 部分如图: ...原创 2012-12-13 13:10:59 · 216 阅读 · 0 评论 -
动画框架之Sprite
Sprite.js An efficient js sprite animation frameworkhttps://github.com/batiste/sprite.jshttp://batiste.dosimple.ch/sprite.js/tests/visual_guide.htmlhttps://spritejs.readthedoc...原创 2014-02-18 13:44:06 · 120 阅读 · 0 评论 -
TweenMax
TweenMax: 在线调用:http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js原创 2014-03-31 17:32:18 · 120 阅读 · 0 评论 -
AppJS简介
本文介绍一下AppJs. 官网:http://appjs.org/开发桌面应用程序使用Node.js作为后端支撑原创 2013-01-10 19:49:23 · 776 阅读 · 0 评论 -
Turn.js简介
本文简单介绍一下turn.js这个东东! 主要做书本杂志翻页效果的支持触摸屏设备 官网: http://www.turnjs.com/ 答疑问题库: https://github.com/blasten/turn.js/issues 支持浏览器: safari 5Chrome16+...原创 2013-01-14 11:18:41 · 901 阅读 · 0 评论 -
a javascript module pattern
本文介绍一种不错的module pattern. 可以避免N多的全局变量,以及比较好的私有和公有关系控制,但是层级比较深! //第一级var sina = {};//第二级sina.zhangyaochun = {};//第三级sina.zhangyaochun.myModule = function(){ var myP...原创 2013-01-21 14:13:59 · 78 阅读 · 0 评论 -
Sizzle简介
Sizzle 从jq的1.3开始,jq也采用Sizzle,可以单独部署应用作者:John Resig官网:http://sizzlejs.com/文档:https://github.com/jquery/sizzle/wiki/Sizzle-Documentation ...原创 2013-01-28 12:21:13 · 266 阅读 · 0 评论 -
关于专业化前端的自我修养总结反思篇
前言: 其实很多fe,当然包含我自身,很多时间很多场合,都在沟通或者自我反思,以后的方向,如何提高(不管是技术能力,产品意识,软素质等)。作为一个秉承"拿兴趣来做fe事业"这句话(这也是本博客的题目focus fe的一些文字变现)来对待前端这个事业的我来讲,我也一直在反思,除了扎扎实实地夯实每一个技术点,除了对行业和技术本身的痴迷和热情,拓展自己的大局观(现在这样做,以后还能走多...2012-10-21 16:48:24 · 384 阅读 · 0 评论 -
框架设计之Get first Set all原则
本思想其实很简单: Get first: 当选择器匹配很多个DOM元素时候,再去取元素的某些值,则只会返回第一个匹配元素的相应值 Set all:当选择器匹配很多个DOM元素时候,再去设置元素的某些值,则会将所有匹配元素相应的值修改为要设置的值来源于tangram 2.0 ...原创 2012-10-11 17:46:40 · 233 阅读 · 0 评论 -
关于Bootstrap----最近自己的研究优秀模型
关于Bootstrap ----开篇谈 ------有的人可能不是很熟悉,但是说到Twitter,很多人就知道了,它就是Twitter的开源的前端框架。自己从1.2.0到最新的2.0.0版本研究过来,有很多的体会,后续会陆续贴出里面比较精华的部分,当然如果你有兴趣也可以自己学习一下,保证会有很大的收获,甚至很多的属性可能你从来没见过哦,不信看看下面的 h1,...2012-02-09 11:12:10 · 112 阅读 · 0 评论 -
书写高质量JavaScript代码的要点(The Essentials of Writing High Quality JavaScript)翻译...
前言: 1、文章尾部带有原文的链接和来自zhangxinxu的翻译文章。 2、本文只是节选了部分更直接性的言论,去除了一些“无关的”言论。 3、只是个人学习+练习英语的topic 4、为了方便大家学习,加上了尾部部分单词的意思 正文: 书写可维护的代码 (Writing Maintainable Code) 可维护的...2012-02-25 17:08:47 · 121 阅读 · 0 评论 -
好东西之--获取ie版本号的一种方式
先看一段jqm1.1.0版本的代码: $.mobile.browser.ie = (function(){ var v = 3; div = document.createElement("div"), a = div.all || []; while(div.innerHTML = "<!...原创 2013-05-08 10:22:39 · 99 阅读 · 0 评论 -
防止网站页面被嵌套
本代码片段可以防止网站页面被iframe嵌套。 (function(window,document){ if(top != window){ top.location = location.href; } document.uniqueID != document.uniqueID && !!location....2012-09-07 14:32:15 · 136 阅读 · 0 评论 -
一个很老的脚本库Bindows
1、介绍: Bindows是一款由美国MB Technologie公司推出的,为AJAX程序和企业级WEB应用程序而设计的图形用户界面(GUI)框架和软件开发工具包,它可以在网页上方便快捷的生成一个像Windows那样的界面,它具有面向对象的设计方式和易于扩展的特点,因而比较适合大型软件项目的开发团队。 2、特点: 基于类进行设计的,完全面向对象的API...2012-09-26 21:12:36 · 107 阅读 · 0 评论 -
思考js框架模型
其实这两个词都不陌生,也有很多人研读了各个流行开源库的源码,甚至和我一样自己积累了一个自己的lib。 但是又没有想过,框架和库到底什么关系? 库是什么? -------- 一堆的代码经验与代码的积累业务需求的预处理框架是什么? -------- 一堆的规则框架包含库库只有框架的实...原创 2012-09-27 11:29:29 · 119 阅读 · 0 评论 -
介绍一下underscore.js
最近研究sakai项目的时候带到一个js的库,叫做underscore. 这篇文章只是简单介绍一下: 它提供了许多底层的api,类似于prototype这样的,但是区别是: 不扩展prototype以及原生对象的一些api支持链式调用采用了一些浏览器原生的api去支持例如Array、Object等的操作 后面我会慢慢地把源码引入我的...2012-05-13 16:08:06 · 107 阅读 · 0 评论 -
介绍一下Kaltura
无意中遇到这个东东,简单地介绍一下: Kaltura是一款基于Flash技术的在线视频编辑工具。除了具有同类工具的应用特性外,还支持多人协作编辑,处理的视频媒体可以通过网页内嵌代码输出到Blog或者其他的网页中,很方便...2012-05-15 11:36:10 · 392 阅读 · 0 评论 -
介绍一下MathJax
可能很多人用过这个东东,这里简单介绍一下: MathJax是一个开源,基于Ajax技术的数学表达式显示解决方案,它能够在HTML页面中高质量的显示LaTeX和MathML数学符号,支持大部分的浏览器,不需要插件和额外的东东。支持复制粘贴。 扩展阅读: http://www.open-lib.com/Lib/988.jsp...2012-05-15 12:47:09 · 268 阅读 · 0 评论 -
谈谈前端安全规范
最近研究了css规范,下一步就是简单分析一下前端安全相关的知识。 以下内容整理之淘宝UED相关资料 1、XSS (Cross Site Script)跨站攻击脚本 方式主要有: 在Web页面插入恶意的html代码 用户浏览网页,嵌入在页面里面的代码会被执行 种类主要有: 基于DOM的XSS 产生的原因:...原创 2012-05-26 15:13:47 · 270 阅读 · 0 评论 -
关于大型项目框架设计理论学习
这个文章主要是简单总结一下方荣大侠的一个ppt。 开篇:站得高,只为走得更远! 正文: 1、大体规则:着眼于整体,不重细节重团队,不重个人重规则,不重代码关注难点不仅关注现在,更关注未来2、兵马未动,粮草先行 可以把项目系统设计,详细设计等整理准备好。 系统设计文档:背景,名称解释功能描述...2012-05-26 19:57:06 · 96 阅读 · 0 评论 -
backboneJS
backbone.js 重量级js MVC应用框架通过Models 进行key-value绑定通过Collections 提供API进行枚举通过Views进行事件处理、与Application通过RESTful JSON进行交换依赖jquery与underscore(>= 1.4.3)官网:http://backbonejs.org/最新版...原创 2013-02-21 17:05:14 · 111 阅读 · 0 评论