`
zhangdaiping
  • 浏览: 128210 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表
博客搬家了,新博客地址为http://www.maxzhang.com
今天我在知乎上回答了一个问题《怎么跟工程师沟通时间进度问题?》,回答完之后又思考了很多,觉得有必要总结下如何有效的评估工程师的时间进度?这个问题。   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 ...
  Web UI的差异性 界面风格,设计团队决定了产品的界面风格,导致UI在视觉上会有差异 HTML结构,制作团队决定了页面的HTML结构,导致UI在界面渲染上有差异 互联网领域相对于传统软件行业,Web UI的差异性尤其突出 传统UI ...
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 ...
转载: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 ...
Global site tag (gtag.js) - Google Analytics