axl234
- 浏览: 260215 次
- 性别:
- 来自: 北京
-
最新评论
-
haixin3036：
jQuery是一套跨浏览器的JavaScript库，简化HTM ...
jquery sizzle 选择器浅析 -
panshunchang：
非常感谢分享，正找这东西呢。
基于jQuery的QQ表情插件 -
yuur369：
不错。。。
移动端webapp开发必备知识
文章列表
一、思路
1、单击元素时，使元素可以编辑，并获得焦点
2、按下键盘检测用户编辑元素中的文本
3、监听按下Enter键操作或离开可编辑元素焦点时，更新数据库
二、代码
<!doctype html><html><head><meta charset="utf-8"><title>contenteditable</title><style>body, p { margin: 0; padding: 0;}.layout-box { padding: 10px; ...
HTML5--JS API-新的选择器
- 博客分类：
- css
新的选择器document.querySelector("selector");selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+document.querySelectorAll("selector");selector:根据CSS选择器返回所有匹配到的元素数组，如果没有匹配到，则返回空数组;支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera ...
IE6-IE8浏览器，按照现代浏览器的API来工作就好了！也就是，你只要关心在现代浏览器下如何使用，至于IE6-IE8，额外引入一个补丁JS，万事OK，歌舞升平，天下大吉！这个引入的补丁JS就是这里的ieBetter.js. 我将这种引入称之为JS的“趋同策略”。
目前，ieBetter.js压缩后大小30K. 大小基本上是jQuery的1/3.
如何使用IE9+以及Chrome, FireFox等浏览器直接出门左转欣赏浪漫的雾霾景色。IE6-IE8浏览器引入
一、这是篇经验分享
就算不是果粉也应该知道，iPad2与new iPad的重大区别之一就是显示屏的分辨率。new iPad显示屏被称之为“视网膜显示屏”，其设备分辨比（之前有详细介绍，点击这里查看）是iPad2的两倍。 – iPad mini也是普通 ...
手机网页项目一些心得
- 博客分类：
- 其他
一、手机与浏览器
据互联网分析公司StatCounter公布的2月份数据显示，数据显示：
谷歌的Android默认浏览器成为了最流行的手机浏览器，欧朋浏览器占到了22.67％的市场份额，苹果的Safari浏览器占到了21.7%的市场份额。诺基亚的Symbian浏览器占到了11.24%的市场份额，黑莓浏览器占到了6.53%的市场份额。
iPhone默认浏览器为Safari;Android默认浏览器webkit内核；诺基亚Symbian S60智能机默认浏览器为OSS(OpenSourceSoftware)浏览器；诺基亚window phone7手机浏览器默认是IE9浏览器。
以上 ...
设备像素比devicePixelRatio
- 博客分类：
- css
一、定义
定义如下：
window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。公式表示就是：window.devicePixelRatio = 物理像素 / dips
dip或dp,（device independent pixels，设备独立像素）与屏幕密度有关。dip可以用来辅助区分视网膜设备还是非视网膜设备。
所有非视网膜屏幕的iphone在垂直的时候，宽度为320物理像素。当你使用<meta name="viewport" content=" ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8 ...
display:inline-block感觉与display:table-cell有些相似，例如对内部元素的包裹性。但是，由于display:inline-block最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以可以置身于inline水平的元素中。可谓黑白通吃，左右逢源。
inline-block属性的元素适用于inline box模型，所以，当其中的列表元素高度不一时，是不会有错位的。关于line box模型，我在之前的“css行高line-height的一些深入理解及应用”第二 ...
绝对定位元素的居中实现
- 博客分类：
- css
如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了。
兼容性不错的主流用法是：
.element {
width: 600px; height: 400px;
position: aboslute; left: 50%; top: 50%;
margin-top: -200px; /* 高度的一半 */
margin-left: -300px; /* 宽度的一半 */
}
但，这种方法有一个很明显的不足，就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时，往往要借助JS获得。
CSS ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style type="tex ...
<!doctype html><html><head><meta charset="utf-8"><title>contenteditable</title><style>body, p { margin: 0; padding: 0;}.layout-box { padding: 10px; width: 300px; height: 36px; margin: 50px auto; background-color: green; font- ...
JavaScript总结
- 博客分类：
- javascript
在HTML里嵌入javascript
可以经由过程<script>标签把javascript代码嵌入到HTML文件里。语法如下：
<script> //代表脚本说话的开端。
</script> //代表脚本说话的停止。
<script language=”javascript” ...
Emmet：HTML/CSS代码快速编写神器
- 博客分类：
- css
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示：
Zen coding下的编码演示
去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来了一些新特性。本文就来直观地演示给你。 一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签，比如<html>、<head>、<body>等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键： ...
术语和概念 屏幕尺寸 屏幕的物理尺寸，以屏幕的对角线长度作为依据（比如 2.8寸， 3.5寸）。 简而言之， Android把所有的屏幕尺寸简化为三大类：大，正常，和小。 程序可以针对这三种尺寸的屏幕提供三种不同的布局方案，然 ...
当今 JavaScript 大行其道，各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用，从而忽略了对原生 JavaScript 的学习和深入理解。所以，经常出现的情况是，很多做了多年 JS 开发的程序员对闭包、函数式编程、原型总是说不清道不明，即使使用了框架，其代码组织也非常糟糕。这都是对原生 JavaScript 语言特性理解不够的表现。要掌握好 JavaScript，首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思维的干扰，全面地从函数式语言的角度理解 JavaScript 原型式面向对象的特点。把握好这一 ...