上啊比卡丘

摘要： RAF也即是requestAnimationFrame，之前的动画都是基于setTimeout写的，所以为了性能方面的考虑，开始使用requestAnimationFrame写动画。 阅读全文

摘要： 还是围绕着那个下拉框的动画效果 对于这样的一个效果，很明显我们要把下拉框隐藏，然后给a标签加事件，js点击的时候，慢慢的出现下拉框。 如果是以前的话我肯定是直接在css中直接把下拉框给隐藏了，但是这次写着写着突然发现这个隐藏应该是由js来实现的，因为只有这样，当用户没有禁用js的时候，我们的js可以 阅读全文

摘要： 在做一个下拉框的动画效果中遇到了这个bug，记录一下。 在写下拉框的动画的时候，一般我们的做法都是把下拉框的外盒子设为overflow:hidden，然后设下外层盒子高度，之后通过js慢慢的改变高度从而达到动画效果。 那么有时候我们设overflow:hidden的时候可能会遇到这样的bug。 首先 阅读全文

摘要： http://zencode.in/19.CSS-vs-JS%E5%8A%A8%E7%94%BB%EF%BC%9A%E8%B0%81%E6%9B%B4%E5%BF%AB%EF%BC%9F.html 首先是提到了jq动画慢的原因是以下： 1、jq不能避免layout thrashing，也就是布局颠簸 阅读全文

摘要： 这是我模拟的header顶部导航条。这里用到了Font-Awesome字体图标，用法很简单，只需要下载好资源，然后在我们的站点引入min.css就可以了，至于具体用法就是查到你想使用的图标名称，放在i标签的class中便可。 这个是之前写的关于字体图标的总结，也一起放上来 说完字体图标说回我们正事， 阅读全文

摘要： 早两天写过一篇博讲到满屏布局和非满屏布局的情况，其中对于非满屏讲了一点点内容，这次讲下满屏布局的一些内容，就是圣杯布局。 这个网站就是使用了所谓的圣杯布局，它的特点就是网站左边的菜单栏是固定宽度的，而右边的内容区则是不固定宽度的，可以拉伸自适应的，由当前浏览器的宽度决定它的宽度。在网页的布局方法中， 阅读全文

摘要： 浏览器的同源策略，即是浏览器之间要隔离不同域的内容，禁止互相操作。 比如，当你打开了多个网站，如果允许多个网站之间互相操作，那么其中一个木马网站就可以通过这种互相操作进行一系列的非法行为，获取你在各个网站的相关信息，很明显这是不安全的，所以同源策略避免了很多这样的问题。 但是同时也带来了一些问题，比 阅读全文

摘要： 设计稿如下： 初看这张图可能感觉不出什么，我们来对比下京东的登录界面。 京东的登录界面，连同附带的图片，他们是不满屏的，而我手上的登录界面图片却是满屏的。对于京东这种不满屏的，就像我昨天分析的那篇博客那样，我们设一个wrap盒子的宽度为1000px把图片和登录都丢到里面就可以一劳永逸，不管你的电脑分 阅读全文

摘要： 这是我手上的设计图 是思博大神的作品，ewei的新项目。图是1400*748的，把这张图做成网页说难不难，可是我考虑的问题是高度还原，即是在各个主流分辨率下看到的效果都要一样，这就有点懵逼了，查了很多网站的登录效果，基本都不是满屏登录的比如淘宝的京东的还有很多购物网站的登录框要么就是中间居中登录，就 阅读全文

摘要： 网站的布局方式，我个人把它们分为两种，一种是百分百满屏的，而另外一种就是不满屏的。不考虑手机端布局。 其中，不满屏是我们常见的布局，包括网易，腾讯，淘宝都可以称为不满屏布局。 通过观察上面的三张图，也即是三个网页，不难发现，他们都有一个共同点都是两边留白，而且留白的区域都很大。我们观察代码会发现，其 阅读全文