永远年轻

摘要： just another notes.. 离线检测HTML5为检测设备是否在线定义了一个navigation.onLine属性，值为true时表示设备能上网，为false是表示设备离线。不同的浏览器之间存在一定的兼容问题，但影响不大，可以直接像下面这样使用：if(navigator.onLine){}else{}另外，HTML5还为此定义了两个事件：online和offline，用来监听设备的网络... 阅读全文

摘要： 今天又看了下百度2012年前端研发暑假实习资料，其中有一道布局题，要求左右两侧布局，右侧100px宽度固定，左侧宽度自适应，两栏布局占满页面。看到要求时一下子没有想出具体的方案，倒是想起了之前看到的一道腾讯的前端招聘题，要求实现一个如下的页面要求自适应宽度，左右两栏固定宽度，中间栏优先加载，要考虑换肤（这个用js实现）。看到论坛下面的解答，提到了淘宝UED玉伯提出的双飞翼布局，这个我倒是知道，去年... 阅读全文

摘要： 最近愈发的感觉到时间的不够用了，但自己的效率还是明显的不够高，经常一次多个进程同时进行，来回切换，结果什么都没完成好。问题是发现了，但解决起来又不是那么回事了，看着浏览器上一排的窗口，这个知识想学，那篇博客要看，一个都舍不得关。碗里扒两口，又去锅里翻两下，效率就低下来了。大前天在当当买的两本书到了，一本是《锋利的jquery》，这本书其实之前也翻过的，在图书馆翻过，在自己电脑上也翻过，但都是翻过而... 阅读全文

摘要： 记录一下javascript错误处理的笔记。 常见的错误类型由于javascript是松散类型的，而且也不会验证函数的参数，因此错误只会在代码运行阶段出现，一般来说，需要特别关注三种错误类型： 数据转换错误常见情况有两种： 一是使用相等和不相等操作符引发的类型转换，解决方案是使用全等和不全等； 二是流程控制中使用非布尔值，解决方案是使用恰当的比较； 数据类型错误建议： 流程控制语句中不要使用非布尔... 阅读全文

摘要： 这是前两天突然想到的一个问题，经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了，但却不知道它的原理是什么。当然，留心的话多写几次也能总结出来，比如经常看见文本相关的会写inherit，表格类会写inherit，但不总结的话，知识就不会形成经证实的认知，不会完全吸收为自己的东西，所以还是查找了资料记录下来。css中默认会继承的属性在上面已经提到了，一是文本相关的属性，... 阅读全文

摘要： 之前发现豆瓣首页导航条上“我的账户”和“更多”两个链接点击的时候不会跳转，但在“我的豆瓣”页面上点击“我的账户”的时候却又会跳转，一直弄不明白是什么原因。自己一直用的是直接写成这样的形式，明知道用户体验很不好，却也一直没积极的找解决办法。如果这个链接不在顶部，那么点击的时候页面虽然不会重新加载，但却会跳到顶部，让人没有防备，带来糟糕的用户体验。而当页面在顶部的时候，比如就像豆瓣这样，虽然不会跳转，... 阅读全文

摘要： css3动画的几个关键属性：1.@keyframes关键帧，语法是@keyframes animationname {keyframes-selector {css-styles;}}@keyframes后面接动画名称，{}里面可以用百分号指定动画的不同阶段的css属性，也可以使用from、to代表开始（0%）和结束（100%）。2.animation-name动画名，指定关键帧的名称，和@key... 阅读全文

摘要： 在css2中，:before和:after伪类通常结合content属性一起使用，在元素的前面或后面添加装饰性的东西，默认是行内（inline）元素。在css3中，为了区别伪元素和伪类，css3中另外定义了前面有两个冒号的::before和::after代表伪元素。那么他们之间有什么区别呢？按w3c的说法，双冒号是在css3中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素... 阅读全文

摘要： 白天在jquery fundamental看了一天的jquery，发现英文确实比翻译的文章质量要好的多，就拿我看《javascript权威指南》的感受来说，中文翻译中很多错别字而且还有不少句子语句不通，很多简单的概念讲的很绕，难以理解，但英文的资料则会给人简明扼要、浅显易懂之感。现在w3s也只看英文的了，打算逐渐培养阅读英文文献的习惯。另外就是打算调整学习的方式：先把w3s的css官方文档再看一遍... 阅读全文

摘要： 在w3school把css3过了一遍，顺便就记些所有学到的东西。先上我的DEMO1.css3 border新增的三个属性 border-radius box-shadow border-image前两个我在之前的demo中都已经用到过了，今天才发现原来还有一个border-image,搜一下，我靠，这么牛逼，单这个属性就够写一篇文章了，搜到了三篇好文章，都讲解的很清晰透彻。先扔资料链接，你完全可以... 阅读全文