web前端
chem_zqm
这个作者很懒,什么都没留下…
展开
-
兼容ie6、ie7、ff的css顶端固定位置定位
[code="css"] body{ background-image:url(about:blank); background-attachment:fixed; } .myDiv{ position:fixed !important; position:absolute; top:expression(eval(document.document...2010-04-12 00:23:26 · 85 阅读 · 0 评论 -
几款前端开源flash报表比较
1.YUI(Ext)-chart其实Ext的chart组件来自于YUI2的chart组件,不过就是Ext做了一点自己的封装罢了,从它们的官网的示例和API你就会看出他们出奇的相似,话说YUI的chart组件也是基于另外一个开源项目。优点:纯JS配置,事件定义多,可以方便的与其它组件交互缺点:图表种类少(没有AreaChart导致我只能放弃)、配置不方便2.dv-charts一款使用xml进行配置的...2010-06-27 03:46:55 · 232 阅读 · 0 评论 -
[CSS]不用hack的css动态布局方案,兼容主流浏览器
[size=medium] [b]优点:[/b] 1.不用hack,易于理解和维护 2.可通过设置容器宽高来改变内部元素,免去定死宽高的烦恼 [b]注意:[/b] 1.容器的高度不包括上下部分的高度 2.调整内部元素宽高需要调整外层div的padding属性 3.多出了2px的地方是因为设置了border属性,通常是没有的 [/size] [code="html"] ...2010-06-14 22:06:49 · 97 阅读 · 0 评论 -
使用YUI框架的一些感受
[size=medium]总结起来只有六个字:[b]难看、难用、难改[/b] [list] [*][b]难看[/b]:YUI3暂时还没几个widget,就说YUI2的。我第一次看到的YUI组件是calendar组件,当时我就傻眼了,UI竟然可以做的如此难看 :cry: 后来又看了YUI的Tree组件,发现不光是难看,叶子节点前面竟然还有可收缩的图标 :x [*][b]难用[/b]:...2010-06-10 22:51:00 · 493 阅读 · 0 评论 -
How to use YUI2 in YUI3 locally
1.download YUI3.1.1 and YUI2in3(http://github.com/yui/2in3) 2.include the JS below before the YUI() function [code="js"] YUI_config = { groups: { yui2: { ...原创 2010-06-02 19:48:06 · 129 阅读 · 0 评论 -
[YUI示例]YUI Core
公司要做公网的网站,目前前端框架选定YUI,通过两天学习我发现YUI这个库理解起来一点不比Ext简单,里面很多比较复杂的函数,没有一两个月估计很难有个基本的理解。还是先从最简单的例子学起吧。 [code="js"]YUI().use('node' ...[/code] YUI()函数负责生成一个YUI实例并返回,在参数里可以设置一些配置项,例如debug什么的,这里我们什么都没设置。'no...2010-05-30 17:41:38 · 134 阅读 · 0 评论 -
纯css3做的太阳系演示
[url=http://neography.com/experiment/circles/solarsystem/]猛击进入[/url] 在webkit核心的浏览器上还能看到行星自转、公转,我觉得它真的很酷 :lol: [img]http://dl.iteye.com/upload/attachment/288507/12276511-8463-33c2-bfd5-7da237d7c7d8....原创 2010-08-05 10:48:46 · 389 阅读 · 0 评论 -
互联网前端模块化的一些思考
[size=large]前段时间参与了我的第一个互联网项目——公司主页改版,主要是负责前端的组件实现(html+js+css)。为了响应领导使用YUI的号召,项目中引入了YUI的延迟加载机制,再加以jquery做为底层库以及一些简单的UI组件,就构成了我们的UI组件库。实现过程没什么难度,不过使用过程却碰到不少问题。 1.页面加载中组件样式错乱。这是因为延迟加载样式造成的,如果css文件加载...2010-08-02 14:55:01 · 192 阅读 · 0 评论 -
几个我常用的浏览器插件
[list] [*]chrome的网页截图扩展: [url]https://chrome.google.com/extensions/detail/alelhddbbhepgpmgidjdcjakblofbmce?hl=zh-CN[/url] 操作方式跟QQ截图差不多,特点就是可以直接上传到网上并与他人分享,省去了保存到本地再上传的麻烦。 [img]http://dl.iteye.com/...原创 2010-07-25 18:29:41 · 188 阅读 · 0 评论 -
关于UI组件加载策略的思考
[size=large] [color=orange] 1.YUI的延迟加载策略是否适用于我们的网站?[/color][/size] [size=medium] 1)如果组件负责布局样式的话,组件样式的延迟加载会造成布局的错乱,这会延迟用户获取有用信息的时间,降低用户体验。 2)延迟加载会增加组件升级的成本。如果对组件进行重构的话其它适用该组件库的项目也需要同步重构,这个过程...原创 2010-07-21 10:54:45 · 126 阅读 · 0 评论 -
一个可以用来测试后端返回数据的java工具
调试AJAX程序是件麻烦事情,为了了解服务器返回的信息我们需要打开浏览器进行调试,且不说浏览器占用内存,每次输入一堆数据就是件麻烦的事。 这段程序其实是《java核心技术》上面的一段示例,做了一点修改以解决utf-8环境下中文乱码的问题 [img]http://dl.iteye.com/upload/attachment/246148/03e73cdd-1ea8-3039-8a97-b36ae...原创 2010-05-08 19:18:12 · 420 阅读 · 0 评论 -
ie6下弹出层会被覆盖bug的解决
[img]http://dl.iteye.com/upload/attachment/232721/2e2e5a33-a1b5-3112-b9c3-ecda777b9960.png[/img] 在层结点前方加入一个iframe结点; 样式:.zindexDiv { position: absolute; z-index: ...2010-04-12 01:04:13 · 93 阅读 · 0 评论 -
livereload自动通知页面重刷新的轻量级server
概述: 它是一个基于node的轻量级web server。它可以监听你的css、js、html文件变化自动通知浏览器刷新页面,或者重新载入css文件。它最大的特点就是不用你手工修改html或者使用浏览器插件来建立前后端通讯,而是动态的在html中插入一段无干扰的JS。如果你是做一些前端的练习或者建立前端的测试页面,那么它就很有用了。 安装: 安装node 0.60+(自带npm...2012-05-20 19:02:05 · 239 阅读 · 0 评论