吹衣轻飏

风飘飘而吹衣,舟遥遥以轻飏。

纯CSS圆角 箭头 三角形 多边形 — CSS border的运用

好久没更新了 最近在淘宝UED博客上看到一个有意思的技巧 用CSS边框来画图 可以画出任意三角形 梯形. 先来看图 基本原理 在原文说的很清楚 我这里只是延伸一下 做一些稍微复杂的应用 具体我就不多说了 相信搞前端的都喜欢自己研究 直接看DEMO 吧~  

JSONP跨域调用Twitter

大家都知道twitter被GFW给隔离了,直接调用的话 对于那些没有翻墙的朋友是看不到的, 利用JSONP 通过国外的服务器来实现这个 是比较简单的方案. 大概原理是 1.服务器端.在一个不受GFW限制的主机上 我们需要一个程序 他的作用是代理发起一个HTTP请求 获取twitter API的数据, 然后经过简单处理返回这些数据. 2.客户端. 就是我们调用twitter的这个页面上只需要一些Ja.. Read More

CSS裸体日O(∩_∩)O

今天是4月9日 一年一度的CSS裸体日又到了 我们搞前端的没啥节日 好不容易来个节日 就小纪念一下吧~

困惑

今天碰到一个非常怪异的事情,在FF下没问题 在IE下任何版本都有问题, 经过苦苦排查 最终发现原来是多了一个<span>空标签 ⊙﹏⊙b汗 类似事件已经不是第一次出现 这里记录一下 防止以后再犯 PS: IE对标签的兼容性比火狐差很多 如果发现IE和FF之间有怪异的无法理解的问题 请先检查标签是否合理嵌套,是否多余,是否完整.

firefox下有滚动条时页面抖动问题

在firefox中 默认页面不超过一页是没有滚动条的 加入页面中某些元素会临时改变页面高度 比如用了toolTip 之类的提示小工具 就会出现滚动条时有时无 导致页面抖动 解决方法是 CSS里加: body{overflow: -moz-scrollbars-vertical;} 即可 ^_^ 其实上面这个问题并不是很重要, 一个比较严重的情况是 当在页面中有 局部的部分用了滚动条 在页面上再使用.. Read More

类似物品栏的拖放拖拽jQuery插件–DragDrop

最近公司项目需要, 要实现类似游戏里面物品栏之间的拖放功能,网上关于拖拽的JS大部分都是只适合做单个元素的拖放(drag and drop) 找了很就也没找到满足需求的. 只好自己写一个了. BTW:鸡肯肉(jquery)UI组件倒是有drag drop 但是用起来太复杂 而且总觉得卡卡的 代码也很多 还要 JQUI core的支持.所以还是自己动手 丰衣足食. 原理: drag功能好做 就不多说.. Read More

不到长城非好汉

清平乐·六盘山 毛泽东 一九三五年十月 天高云淡, 望断南飞雁。 不到长城非好汉, 屈指行程二万。 六盘山上高峰, 红旗漫卷西风。 今日长缨在手, 何时缚住苍龙? 今天,在清明佳节踏青的日子,给自己放了一天假,到传说中的八达岭长城玩了一天.一睹了the Great Wall的great! 毛主席的这句诗:不到长城非好汉.原意是指 不登临目的地绝不是英雄. 这是当年长征的时候毛主席到了六盘山上的时候.. Read More

论PNG和GIF

经常听到很多人说GIF比PNG好 而且大部分人还在用着GIF 我在这里要说的是如果不做GIF动画,GIF完全可以忽略了 首先我们分析下什么是GIF格式什么是PNG格式 ====================朴素的分割线========================= 一.GIF 维基百科中GIF的介绍: GIF(Graphics Interchange Format)图形交换格式是一种位图图形.. Read More

[转]理解 JavaScript 闭包

要成为高级 JavaScript 程序员,就必须理解闭包。 本文结合 ECMA 262 规范详解了闭包的内部工作机制,让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中,真正领会到闭包的实质。 原文链接:JavaScript Closures 翻译: 为之漫笔 http://www.cn-cuck.. Read More