zhangdaiping
- 浏览: 129416 次
- 性别:
- 来自: 北京
-
最新评论
-
SuseLinux：
非常有价值的比较！
移动WebApp开发 JS框架对比 -
962464i：
麻烦问一下：edittreegrid-pkg.js这个文件是做 ...
EditTreeGrid行编辑树列表组件（更新1.5版） -
blueskyxiao：
楼主。问下咱们这个能实现和grid一样的双击编辑功能吗？双击只 ...
EditTreeGrid行编辑树列表组件（更新1.5版） -
namelessmyth：
新版本 怎么使用 localData呀...求楼主发案例呀.. ...
EditTreeGrid行编辑树列表组件（更新1.5版） -
wokao_wg：
zhangdaiping 写道2011-6-9 更新1.5版修 ...
EditTreeGrid行编辑树列表组件（更新1.5版）
文章列表
今天我在知乎上回答了一个问题《怎么跟工程师沟通时间进度问题？》，回答完之后又思考了很多，觉得有必要总结下如何有效的评估工程师的时间进度？这个问题。
1、任务拆解
我在这里不论述计划如何制定，只是讨 ...
我们在开发Web App时，通常会遇到一些兼容性问题，orientationchange事件就是其中之一。严格来说，并不是orientationchange有兼容问题，而是触发orientationchange事件回调函数时有兼容问题（很绕口啊）。具体表现在回调函数中获取window.innerWidth与window.innerHeight属性上的差异。
在safari下，对orientationchange支持很好，当orientationchange触发回调时，使用window.innerWidth能或立刻获取到最新的屏幕高宽。
而在Android浏览器下，需要延迟一定的时间，才能获取 ...
原文地址：http://www.iunbug.com/archives/2012/09/19/411.html
已经有不少前端同行抱怨iScroll4的各种问题，我个人并不赞同将这些问题归咎于iScroll4,因为iScroll4进无论是touch事件的捕获，还是使用transform来处理滚动，以及将cubic-bezier应用到transition上实现高效的平滑滚动，这些原理我们都是已知的。更多原理细节可以参看[译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚动 一文。此文则来解释另一个被很多人误解为iScroll4 造成的问题 ...
1 未来平台及浏览器内核
1.1 三大移动平台
iOS
Android
Windows Phone
1.2 四大浏览器内核
WebKit-based(WebKit)
Firefox(Gecko)
Opera(Presto)
Interner Explorer(Trident)
WebKit是一个开源的浏览器布局引擎，它可以渲染HTML和CSS并且执行JavaScript。目前广泛应用于Safari, Chrome的移动版和桌面浏览器，包括Android系统自带的浏览器。Nokia手机上的Symbian系统从S40 6th开始采用基于WebKit内核 ...
导读
最近一段时间，我在研究移动WebApp应用开发，想在设计WebApp前端JS构架时，使用MVC分层技术，经过一段时间的技术选型，最终确定使用Backbone JS作为底层基础MVC框架。在使用Backbone写示例时，总是觉得非常怪，但又说不出怪在哪，所以，就想通过Backbone与Ext JS 4 MVC的对比，来发现Backbone的缺点与优化点。PS：由于我在做Desktop前端JS开发时，十分青睐Ext JS这一类的框架，Ext JS 4 MVC是我认为在所有框架中做得最好的。
特性对比
在对比两个MVC框架之前，必须理解四个十分重要的特性：
UI Binding ...
1 目的
本次评比的目标是以移动Web App开发为基础的JS框架，会有意的排除部分不适用于移动Web App开发的JS框架，如 jQuery、ExtJS等。希望通过这次评比结果，能找到最合适你移动Web App应用开发的JS框架。
2 方法
由于JS框架在功能、特性和应用领域不同，所以，我将现在的主流JS框架分成四个大类：
Mobilie Javascript Library。移动JS框架，在Desktop Javascript开发中具有代表性的JS框架有jQuery、ExtJS等，而在Mobile Javascript开发中比较成熟的有Sencha Touch、jQ ...
利用业余时间写了个小游戏，俄罗斯方块，在chrome浏览器下运行流畅，没有过多的美化，也没有做性能调优。
试玩地址：http://caytetris.sinaapp.com/
使用了HTML5 CSS3的特性，canvas是自己第一次使用，绘图速度很快。在这里，只有积木是使用的canvas绘制的，背景和界面UI都是用的普通html。对性能影响最大部分是算法。图形绘制在chrome20和firefox9下，没有察觉到明显的性能差别，在绘制像素不复杂的图形时，保持50fps，没有察觉到任何性能变化。不知道在大型游戏开发中，绘制像素要求高的图形性能怎么样。
由于在设 ...
以前在做Ext3开发的时候，一直用使用Ext.extend()来做类的继承，在以后写代码，都习惯了使用Ext.extend类似功能的代码来做类继承，但是遇到一个问题一直无法解决，如下面的代码：
MyClass1 = function() {};
MyClass1.prototype = {
s ...
构建可复用的前端组件模型
- 博客分类：
- JavaScript
Web UI的差异性
界面风格，设计团队决定了产品的界面风格，导致UI在视觉上会有差异
HTML结构，制作团队决定了页面的HTML结构，导致UI在界面渲染上有差异
互联网领域相对于传统软件行业，Web UI的差异性尤其突出
传统UI ...
Ext的一些经验分享
- 博客分类：
- Ext JS
1、尽量不要使用Ext.apply、Ext.override重写Ext组件函数，实在避免不了这样的写法，需要在统一的位置管理起来，方便以后代码维护；
2、尽量使用extend的方式继承扩展组件，这样的写的好处在于能将组件的功能扩展影响局限在单个组件内部，而不影响到父类组件；
3、尽量避免过度的Ext面板的嵌套定义，过度定义会导致多层深度的嵌套HTMLElement创建，以致严重影响了初始化时间、渲染时间和组件的运行时间。例如：
var panel = new Ext.Panel({ // Level-1
title: 'Multi Column, Nested Layouts ...
最近对Web前端有很多想法，刚好看到这篇文章，跟我想法不谋而合，所以翻译出来与大家分享。许久没翻译了，里面多少还是有些我没能完全理解，意译过来，如果错误，请务必指出和修改，谢谢。
原文：The Time is Now for Front-End Architects， 来自：Garrett Dimon，感谢作者的许可。
去年，我在YTS发表了前端架构师的想法，之后花更多时间来思考，现在更坚信这是一个不可或缺的角色。
当后端技术伴随.Net, Rails和Java之类的框架发展得越来越抽象和强大，前端技术的潜在发展也日益复杂。在束缚前端技术潜在好处的差劲实现之前， Web需要更多的前端架构师 ...
ff4以上写法：
.x-bg {
background-color: #fff;
}
.x-bg:hover {
background-color: #ff000;
}
.x-bg:active {
background-color: #000;
}
ff3.6必须加上标签才能生效，如下
.x-bg {
background-color: #fff;
}
div.x-bg:hover {
background-color: #ff000;
}
div.x-bg:active {
background-color: #000 ...
定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。 定位的定义：在CSS中关于定位的内容是：position:relative | absolute | static | fixedstatic：没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。relative：不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。absolute：脱离文档流，通过 top,bottom,left,right ...
（转载）ASCII编码表
- 博客分类：
- JavaScript
转载：http://www.dreamdu.com/xhtml/ascii/
目录
ASCII编码-控制字符
ASCII编码-可打印字符
ASCII编码-扩展字符
ASCII编码是美国信息互换标准代码(American Standard Code for Information Interchange)的简写，是基于英语的一种编码方式，用于计算机的信息传输。符合ISO646标准。
ASCII共定义了256个代码(从0-255)，从0-32位为控制字符(ASCII
control characters)，从33-127位为可打印字符(ASCII printable ...
效果图：
Ext.menu.ColumnMenu类
/**
* @class Ext.menu.ColumnMenu
* @extends Ext.menu.Menu
* 列布局菜单
* @xtype columnmenu
*/
Ext.menu.ColumnMenu = function(config) {
Ext.menu.ColumnMenu.superclass.constructor.call(this, config);
var cols = [];
Ext.each(this.columns, function(c) {
...