使用JavaScript判断手机是处于横屏还是竖屏

移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange,进行执行就可以了。

jQuery外链新窗口打开

对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口。

工具武装的前端开发工程师

工具武装的前端开发工程师
作为一个前端工程师,现在可用的前端开发工具实在是多不胜数,本文作者讲了一些前端工作者电脑中的常用软件以及相关软件的对比,像编辑器就有sublime text3、atom等。

js判断鼠标向上滚动并浮动导航

判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动。滚动的坐标值可以取窗口的scrollTop。

精简jQuery滚动高亮代码

很久之前写过一个插件:jQuery滚动高亮插件:scrollHighlight,关于在滚动网页时同时高亮对应的导航链接节点。今天在CSS-trick上看到一个比较精简的代码,只有8行代码就搞定。

详解HTML行内置换元素与非置换元素的区分

之前的一篇文章里面说了行内元素与块级元素区别时提到行内元素不可以定义宽和高,那么来了img标签、input标签为啥可以设置呢?来看看这篇文章说到的行内置换元素,第一次听。

JavaScript一些比较常见缩写代码

在使用UglifyJS对javascript进行压缩和美化时,我在其中发现了一些关于if else的语法简写,顺便说说平时有哪些JavaScript代码可以进行简写,实现最少的代码获得最大的性能!

HTML Script标签的相关知识

关于script这个经常使用的标签,你了解多少,这个script标签随着改善,增加了一些html5的东西,比如async 和 defer,crossorigin,for / event等。

CSS 中的字体兼容写法

CSS 中的字体兼容写法
本文讲了一些比较常见的CSS字体兼容方案,帮助我们理解不同平台不同字体应该怎么使用,小编觉得文章挺有用的,分享给大家。

flexible.js如何实现rem自适应

flexible.js如何实现rem自适应
flexible.js正是利用rem单位相对根元素的font-size来做计算,而我们需要做的就是根据不同的屏幕算出html的font-size,而页面内的大小单位都根据rem来写,从而实现了自适应。