js面向数据编程(DOP)一点分享

2011年01月18日 by 张 鑫旭 阅读 88037 次, 今日 6 次

面对数据编程(data-oriented-programme)这个概念第一次接受是在前年阿里巴巴举行的D2前端论坛上,来自Baidu金大为:《模板语言与大前端》的分享,面对数据编程在处理大数据量交互的情况下非常好用,性能高,维护方便,思路简单清晰,不易出bug。本文还是那样,讲讲废话,举举例子,画画图,展示下代码,写个pp的demo页面,中间再插几个冷笑话。不是什么高深的东西,比我还懂的人大把大把,这里算是点自我总结,是自我提高,也希望能对跟我一样js新人提供些帮助。

阅读全文…

完善:HTML5表单新特征简介与举例

2011年01月6日 by 张 鑫旭 阅读 101509 次, 今日 4 次

本文其实是对去年“你必须知道的28个HTML5特征、窍门和技术”一文其他HTML5表单新特征部分的完善与补充。简单介绍了HTML5中的其他的些input空间类型。

虽描述文字不多,但每种类型都配以丰富的截图展示效果,同时有相应的demo页面方便您亲自查看效果。有需要code的地方也展示了源代码。总之,希望能对您的学习有所帮助。

阅读全文…

CSS 相对/绝对(relative/absolute)定位系列(二)

2010年12月26日 by 张 鑫旭 阅读 162470 次, 今日 5 次


本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第二篇,文章通过三个事例展示了absolute绝对定位布局一些替换的实现方式;点明了absolute属性与left/top等属性之间的关系,再一次提及了absolute属性与float:left的近亲关系。最后表达了自己absolute元素应该放在body标签内的观点。这些就是本篇的主要内容。内容阐述方便很详尽,丰富的截图,必要的源代码展示,以及非常专业的demo实例页面。总之,希望能对您的学习有所帮助。

阅读全文…

div模拟textarea文本域轻松实现高度自适应

2010年12月23日 by 张 鑫旭 阅读 263679 次, 今日 10 次

textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。
作为多行文本域功能来讲,textarea满足了我们大部分的需求。然而,textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条,高度固执地岿然不动。所以,有时候,为了增加交互体验想让文本域高度自适应的时候,就会遇到麻烦。
然而,实际上,如果你要求不是很高,是个非常简便,且老少皆宜的实现方法的。这种方法就是使用普通的div标签模拟textarea文本域,同时又利用了div标签的高度自适应性。于是,textarea文本域的高度自适应效果就可以轻松实现。
本文就是讲述如何实现这种模拟的自适应效果的。提供代码展示,提供丰富飞截图,以及必要的demo实例页面,希望能对您的学习有所帮助。

阅读全文…

CSS box-flex属性,然后弹性盒子模型简介

2010年12月19日 by 张 鑫旭 阅读 526081 次, 今日 10 次

本文以CSS3中的box-flex属性未切入口,简单介绍下CSS3中新的盒子模型——弹性盒子模型。介绍内容涵盖目前盒子模型所有的CSS属性,如box-orient, box-direction, box-align, box-pack, box-lines之类,其中每个属性都有代码展示与demo示例,并有丰富飞截图展示,可能有些地方啰嗦了点,但是内容还算比较具体,总之,希望能对您的学习有所帮助。

阅读全文…

jQuery powerFloat万能浮动层下拉层插件

2010年12月16日 by 张 鑫旭 阅读 830265 次, 今日 179 次

jQuery powerFloat万能浮动层下拉层插件

本文就是介绍自己最近一直在整的一款jQuery插件,名为powerFloat,中文名为万能浮动层插件。顾名思意就是可以实现基本上一切与某元素有位置关系的浮动效果。插件虽然强大,但是考虑到API的精炼,虽然制定了不少特殊的规则,所以此插件在学习成本上比一般的插件要高一点。这也是为何本文的内容会比较长的原因。其他就不多说了,虽然王有婆卖瓜的味道,但是我还是要说这个插件还是挺不错的。如果您对其中的规则都熟悉的话,会对您开发制作页面有很大的帮助的。主要是省掉了很多的功夫。

阅读全文…

CSS3 box-shadow实现纸张的曲线投影效果

2010年12月12日 by 张 鑫旭 阅读 130322 次, 今日 4 次

本文可以说是CSS3下的小点新技术展示吧。如何借助CSS3的一些属性实现类似纸张的曲线投影效果。内容不多,但是,有原理讲解,源码展示,有截图示意,还有demo实例页面。总之希望能对您的学习有所帮助。

阅读全文…

CSS 相对|绝对(relative/absolute)定位系列(一)

2010年12月9日 by 张 鑫旭 阅读 333678 次, 今日 6 次

本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第一篇,大部分的内容被理论观点和题外话给占据了。本文主要内容就是分析了absolute与浮动之间的关系,一些典型的特性。还阐述了自己尽量不要使用absolute属性做普通DOM布局的观点。相对于本篇的文字量,图片啊代码啊以及demo相对少了写,但是,应该不会影响您的阅读与理解的。本文书写还是花了好些功夫的,力求准确表述自己观点的同时语言通俗生动。总之,希望本文能对您的学习有所帮助。

阅读全文…

小tip:iframe高度动态自适应

2010年12月7日 by 张 鑫旭 阅读 184907 次, 今日 4 次

我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,其中麻烦的是高度自适应的问题。后来,参考国外一些实现方法,根据原理提炼出了一个比较简单通用可行的方法。作为小小tip展示下,做备忘用。

本文内容不算多,但是该有的demo还是有的,该有的代码展示也是有的,有必要的截图。总之,希望能对您的学习提供帮助。

阅读全文…

CSS3 Transitions, Transforms和Animation使用简介与应用展示

2010年11月25日 by 张 鑫旭 阅读 367548 次, 今日 23 次


本文介绍CSS3动画相关的几个属性是:transition, transform, animation,分别理解为过渡,变换,动画。虽然目前很多浏览器还没有完全支持这些属性,但是,在渐进增强的原则下,其高效的动画实现方式还是有很实际的应用价值的。本文实例当先(共14个),依次展示transition属性,transform属性,animation属性,而后三者结合展示一些更实际的效果与应用。
本文demo页面非常详细,提高必要的源代码展示,和截图供参考。希望能对您的学习有所帮助。

阅读全文…