移动项目技术负责人。多年全栈经验,熟悉 Java 和 JS,CSDN 博客技术专家,著有《ExtJS 详解与实践》等书。
写在数据库重构前面的话——说说我之前认识的数据库 数据库向来是个“老大难”问题。好的数据库设计与好的数据库程序密切相关,一个逻辑清楚、管理维护方便的程序往往离不开优秀的数据库表设计。本人之前就是基础不牢,对这个问题认识不够,忽视了数据库表设计,导致了后来程序层(ASP/JSP)怎么写都不顺当——好生烦恼!究其原因,就是把关系型的数据库的问题简单化、想当然。
一、NavigationView 简介 NavigationView 与 Card 布局的方式有点相似,可以管理多个视图之间的显示或隐藏,但是NavigationView 同一时间只能显示一个视图。
这次发布新版的 ST2(下载:http://cdn.sencha.io/touch/sencha-touch-2-rc.zip),将为我们带来什么呢?以下就我阅读了 Sencha 官方博客文章后,做的一些笔记。
Ted 谈 ExtJS 4.1 入门 First Thoughts Learning Ext JS 4.1 January 17, 2012 | Ted Patrick http://www.sencha.com/blog/first-thoughts-on-ext-js/ 翻译: Ext 中文网 ajaxjs.com / sp42 转载请保留本页信息 作为学习 Sencha 的新手,我希望把我学习 ExtJS 4.1的一点一滴过程分享出来。
原文:http://www.sencha.com/blog/sencha-touch-2-beta-3-kindle-fire-and-chrome-support/ 翻译: Ext 中文网 ajaxjs.com / sp42 转载请保留本页信息 Sencha Touch 2 Beta 3今天来啦!有着更多设备和浏览器的支持。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/keyboard_nav 翻译:frank/sp42 转载请保留本页信息 使用键盘的原因,无非大致两个原因:一、控制鼠标指针不及敲键盘来得快;二、某些用户用不了鼠标,这是可用性方面的问题(accessibility)。
在诞生 RemoteJS 之后,我们开始思考我们如何能够进一步就有关测试 Android Web 应用程序的方面进行实践。尽管在 Monkey 基础上便可以构建一个测试框架,不过功能却有所欠缺,不但没有事件回放,而且根据我们的经验,还不太稳定的说。
每当在 Android 移动设备上调试网页时,开发人员往往都会不自觉陷入调试的泥潭中去。《Android开发指南》提供了一个解决方案,却有点繁琐复杂。因此,许多 Web 开发人员会倾向于使用类似 Firefox Firebug 的或像 WebKit 的 Web Inspector 之类的工具进行调试,因为它们的确容易使用,而且功能强大。
Carousels 组件Carousels,翻译过来“传送带”的意思,顾名思义,仿佛屏幕背后就有一传送带,用户发出向左或向右的指令,即可命令传送带“移动”。移动设备上的屏幕就是当前显示的内容。在中间的那个“一点点”图案即为指示器,指示器可以告诉你剩余有多种张待现实的页面。
利用 Sencha Touch 2 开发出 iPhone、iPad、Android 和黑莓 6+ 的应用。 Sench Touch 2 在 HTML 5 移动开发方面独一无二。本课程集中于 Sencha Touch 2 并涵盖 Touch 1.1 与 Touch 2 之间的跨域。
ExtJS4Up—ExtJS 4 升级课程Upgrading to Ext JS 4 ExtJS4Up—ExtJS 4 升级课程Upgrading to Ext JS 4本课程针对 ExtJS 3 的程序员而设。
ExtJS101—JS、CSS基本面内容JavaScriptand CSS Fundamentals 本课程面向Web客户端开发的初学者而设,或者想梳理一下有关JavaScript、CSS等客户端方面的开发基本面知识,都可以在本课程学习到。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/component 翻译:frank/sp42 转载请保留本页信息 ExtJS 程序由不同的器件所组成,器件也称作“组件”。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/drag_and_drop 翻译:frank/sp42 转载请保留本页信息 拖放 Drag and Drop 在那么多的交互设计模式之中,“拖放(Drag andDrop)”模式可以说是开发者感觉比较不错的。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/tree 翻译:frank/sp42 转载请保留本页信息 树 Trees 树面板组件是在 ExtJS 里面最多彩缤纷的组件之一,用于显示层次状明显的数据来说十分适合。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/grid 翻译:frank/sp42 转载请保留本页信息 选区模型 Selection Models 有时 Grid 面板被用于只是在屏幕上显示的数据,但更多的是进行交互动作或执行更新数据的任务。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/grid 翻译:frank/sp42 转载请保留本页信息 Grids Grid 面板为 Ext JS 的大头核心之一。
原文:http://docs.sencha.com/ext-js/4-0/#!/guide/layouts_and_containers 翻译:frank/sp42 转载请保留本页信息 布局系统是 Ext JS 的最强大的部分之一。
HTML5 Family: CSS3 Ads Versus Flash Adshttp://www.sencha.com/blog/html5-family-css3-ads-versus-flash-adsJuly 20, 2010作者:Arne Bech翻译:Frank / Zhangxin09 说明:本来该系列的文章的文体是属于学习笔记之类的,但是这一篇是翻译的文章。
http://www.sencha.com/blog/sencha-touch-2-what-to-expect/ 作者:Aditya Bansod 译者:Sp42(zhangxin09) 今天,我们提前为大家介绍一下 Sencha Touch 2.0的新功能。
作者:Chris Sells 译: sp42 原文 这是《运用 JavaScript构建你的第一个Metro式应用程序》系列教程的最后一篇,将会告诉你在的 Microsoft Visual Studio 11 Express for Windows Developer Preview 提供的Metro 样式和 Split 模板的帮助下,如何透过 CSS样式 使得你的程序更符合 Windows 的 Look & feel。
作者:Chris Sells 译: sp42 原文 先前的学习中,我们已经了解了 Metro式的 JavaScript 应用程序大致如何,以及通过使用 Microsoft Visual Studio 11 Express for Windows Developer Preview 搭建你的应用程序。
作者:Chris Sells 译: sp42 原文 包括 HTML、CSS 和 JavsScript 的 Web 技术正被 Metro 风格的程序采纳为视窗程序中首类(first-class)的开发技术。
TaskRunner 在浏览器提供的 setTimout()/setInterval() 基础上继续完善, 扩展了主要两项功能:执行次数的限制、执行时间的限制(即超时)。TaskRunner 旨在利用计时器分时执行方法提供一个相对简易的并行运行机制,其目的不但在于一般的延时执行任务(或者另一个类 DelayedTask 会更合适),还可以同时进行多项任务。
《高效的JavaScript代码编写技巧》虽然是不算长的网上文章,但却是非常好的讲述。作者围绕了如何更高效地进行 DOM 操作,作出多方面、有经验的分析与总结。有的是语言编码的技巧(如循环),有的是浏览器本身不足而去要克服的问题,有的是常见的陷阱,要我们如何去注意并规避之。
九月的第一天,重要的是开学了,莘莘学子们返回校园,而我下面说的,则是次要的,呵呵。 是这样的,想换掉旧的 ddns 服务商,打算试试一个海外的。作为一站长,使用 ddns 是司空见惯的事情。没想到服务商却没有提供客户端 ,希望只是暂时的,日后会提供。
今早看到 InfoQ/cn 一则业界消息如下: (按 2011 年 8 月 10 日 )上周末是 World Wide Web 项目在 alt.hypertext 发布的二十周年纪念。1991年8月6日,Tim Berners Lee 写道:…………尽管 HTTP 的基础内容在1991年就有了,但直到五年后的 1996 年 5 月,HTTP/1.0(即 RFC 1945)才正式发布。
近来利用一点时间,对十多个 JavaScript 框架进行感性的认识,谈不上知性、理性、超越理性、悟性,因为本人真的没在项目中使用过这些 JS 框架,顶多按自己的理解在源码中发掘一下上下文的意思。
null
注:文章最后有 PPT 展示! Sencha SDK Tools(主页http://www.sencha.com/products/sdk-tools/)是 Sencha 公司围绕 Ext JS 和 JavaScript 应用程序所推出开发者工具箱。
找一份中文版的开源许可真费劲,花一阵功夫才在DotNetNuke翻译的网站上看到这一段: 任何获得本软件副本及相关文档文件(下面简称为“软件”)的个人都可以免费获得不受限制处置本软件的权限,包括不受限制地使用、复制、修改、合并、出版、分发、重新许可或者销售本软件的副本,并且在满足下述条件时,允许本软件的受让人获得下述权限: 在本软件的所有或者重要部分中包含上述版权公告信息和本权限公告信息。
访问 http://code.google.com/p/naturaljs/on Google Code 可获取 JScript快速开发框架 Edk 之源码。 相信许多人学 Web 的第一步便是从连接数据开始,封装过程亦如是。
自从本日起,开始写写关于 Edk 的文章。要开始理顺思路咯~彻彻底底弄好 Edk! 说明: 一、尽管框架这玩意不好做,用现成的库方便,但在编写框架时,还是可以学到许多一般应用无法学到的知识。
ExtJS UI这一套UI被广泛地运用在不同客户端主机上,已经成为业界继Dojo、Yahoo!UI之后全能型UI框架。理论上,仅提供HTML/CSS /JavaScript的环境便可流程运行ExtJS UI,于是我们可以看到除了Web之外类型客户端:移动终端、WebOS、Fireware(如路由器、甚至任天堂Wii)等等。
很久没写博客了,突然想起 JS 的 OO 自己有一个想法,并实现了,于是就拿来作新博文的内容。 关于 JS 的 OO,这里有一份列表,均是我以前总结这方面的心得与体会,不正之处,应要提出。 JS OO继承、多态一法 JavaScript“类”继承的横向比较 学习NodeJS第五天:JavaScript的继承 YUI 3中的继承模式及其用法简介 Ext.extend()中使用super关键字 纵观多少 JS OO 实现的方法,其内部总有些不足。
November 24, 2008 by Aaron Conran 事实上,我们一直在关注 Adobe AIR,而且在后来的与 Adobe 的合作促使下,我们对 Ext.air 包的进行了若干功能的加强,包括增加声音、窗体、数据库、信息、粘贴板和文件系统接口的新类,同时,我们列举新的例子去显示如何使用这些新特性。
前端开发者是幸福的,源自于浏览器对 JSON 天然的支持(JSON 本身脱胎于 JavaScript),JSON 字符串一下子 eval() 或者 JSON.parse() 就可以直接使用了;输出 JSON 字符反之亦然。
一套来自于游戏“星际”,另外一套来自 OS X 风格的,请君享用:) 这里点击下左手鼠标指针 edit:2011-5-24 迁移服务器,修正了旧链接。 edit:2012-10-14 迁移服务器,修正了旧链接。
面板Panel 支持了边界接触(Docking) Panel的改变之一便是通过面板特定的组件布局类(a panel-specific ComponentLayout)来负责管理其边界内所接触的元素项。
Layout 参考资源 Ext 4 Layouts (video) Ext 4 Layouts (slides ComponentLayout ComponentLayout是一种新型的布局方式,许多复杂的组件就采用这种布局(与之对应的为ContainerLayout,“ContainerLayout”——传统基于容器布局的新名字)来计算内置元素的大小尺寸,以响应resize的调用。
Ext JS 参考资源 Intro to Ext 4 (video Ext 4 Architecture (video) 通用问题 适配器(Adapters) 之前的各个Ext版本中都可以透过使用适配器(adpaters)的方式转换第三方的JavaScript库为我所用。
Env命名空间 提供浏览器和操作系统的相关信息,还有告诉我们现代浏览器提供了什么功能。 Ext.env.Browser 该类提供了全部浏览器的元信息(名称、引擎、版本、是否 Strict 模式等等。
Ext Core 新型类系统 参考资源 Ext JS 4的倒数:动态加载和新的类机制(上) Ext JS 4的倒数:动态加载和新的类机制(下) Ext JS 4 的类机制主要围绕传统OO模型而设计,弥补了Prototype OO不足。
For both extjs and ext core Ext 4概述 Summary: Ext4概述 Author: Brian Moeskau (译者Frank Cheung ) Published: 2011年三月二十九号 Ext Version: Ext 4.x Languages: Chinese Ext 4有志诚成为Web程序其革命性的开发平台。
做前端的,如果你说专业做前端的,那么它的特点便是使用的技术多种多样,而且跨域性较大:有设计的、用用户体验分析系的,有编码开发的……显得斑驳庞杂。看似那么多的技术,作为前端人员,不能说都精通,但至少需要有所猎及,以便于“突击”,才称得上胜任。
Ext 4概述 全文详见:http://www.sencha.com/learn/Guide:Ext_4_Overview(Chinese) Ext 4有志诚成为Web程序其革命性的开发平台。框架中的每一个首要的组件几乎都作了改善,而且属于相当大幅度的改善。
一般原型继承的写法 xxx.prototype = new Base();,但是 new Base 这样的写法怎么能对构造器传入参数呢?明显写死了而不能传入参数——必然要有其他的做法。什么做法?我们很容易想到 sub.prototype = base.prototype,但这样直接的写法虽然看上去可以,实际上却很危险,因为这相当于设置同一个原型链(Prototype Chain)——在同一个类上修改 prototype 成员,原型链上一旦出现变动,就会影响了继承链,结果便是“子类修改了父类的行为”,让其他同级的子类也牵连进来——这万万不是我们想见到的情况,不可采用。
在构建 Ext.Class 之时,它会分配既细又专的处理器(processors),专门处理构成类定义的每一个部分。当前Ext缺省提供了一些处理器,包括有:mixins 多态的,配置项函数的,以及处理类扩展的都是必备的。
配置项config 最后要说明的是“config”配置项对象。配置项对象就是Ext组件的参数,它以对象的key/value形式出现。大多数的配置项可以在运行时作改变。
上次的资料中我们跟大家介绍了Ext JS 4 的类机制大概如何,主要围绕传统 OO 机制而设计,从而打算弥补了 Prototype 继承的不足。虽然性质上仍为模拟手段,但包含了比旧版本更为完整的 OO 特征。