最近的文章列表

解决IE6、IE7、IE8、IE9不支持HTML5 placeholder属性值的方案

placeholder 是HTML5的新属性,在做input 的预设值还挺方便的,但无奈IE8以下不支持,因此需要额外做fix。在实际使用中,却遇到了很多问题:

例如在官网查到的plugin:http://plugins.jquery.com/project/input-placeholder,就不支持type="password"的结果。因为仅改变value,对应password的显示方式

以下是我找到支持度最好地plugin:

DEMO: http://mathiasbynens.be/demo/placeholder

plugin: https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

2015/10/21 Comments:
jQuery bug:Slidetoggle 在IE7会出现闪烁消失及自动关闭的情况

事件原因:

绑定事件的对象的父类不能包含position属性值为absolute和relative的样式,一旦包含,IE7则会出现此情况。


解决方法:

将position属性删除或者设置高为101%即可解决

2015/10/16 Comments:
Modernizr、HTML5Shiv、respond.js三者的区别?

HTML5Shiv主要解决HTML5提出的新的元素不被IE6-8识别。

Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。

Modernizr 是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

2015/10/15 Comments:
Expressjs的安装创建与启动(pm2重启express)

初次接触nodejs,想快速用nodejs建个站,于是找到了expressjs这个框架,摸索了许久才弄明白expressjs项目的创建与启动,现在分享一下。

前提环境:window系统、已安装nodejs、已联网。

补充:

在安装express之前需要安装express-generator,或则会出现express不是内部或外部命令的问题

npm install -g express-generator

步骤:

1、在D盘创建一个web文件夹;

2、打开cmd,cd到web目录;

2015/9/18 Comments:
windows下通过 node.js启动express报错:cannot find module 'mongodb'

我有一个Node.js Express项目。我已经安装了MongoDB,有server.js文件,当我尝试运行它,我得到这个错误:

module.js:340
throw err;
^
Error: Cannot find module 'mongodb'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:362:17)
at require (module.js:378:17)

这个错误表明:NPM包:MongoDB 安装不正确。

2015/9/16 Comments:
详解JSON.stringify(value [, replacer] [, space]) 语法(带实例)

语法:

JSON.stringify(value [, replacer] [, space]) 
value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。 
replacer:这个是可选的。它又分为2种方式,一种是方法,第二种是数组。


情况一:我们先说数据,通过我们后面的实验可以知道,它是和第一个有关系的。一般来说,我们系列化后的结果是通过键值对来进行表示的。


比如说: 
name:"Camnpr",age:25

2015/9/10 Comments:
推荐两款在线Web前端聊天框架:Shout、Converse.js

Shout:一个IRC Web客户端

这是什么?

Shout 是一个 Web IRC 客户端,可托管在你自己的服务器上。

它有什么特性?

  • 支持多用户
  • 关闭浏览器后,连接保持不断
  • 同时可从多设备连接
  • 响应式布局,在智能手机上同样适用
  •  

示例

2015/9/7 Comments:
移动端页面问题归总和规避方法(页面高度渲染错误、叠加区高亮、事件无法被触发、:active 效果不兼容)

对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。

移动端页面在不同设备、不同操作系统 、不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了。下面先介绍一下4类具体常见的坑:

1、外观

A、页面高度渲染错误

2015/8/19 Comments:
通过userAgent是否包含MicroMessenger来判断是否在微信内置浏览器打开网页,并提示友好的引导

由于微信的种种封闭,导致在微信内置浏览器打开的页面,会把外部链接全部屏蔽掉.

所以通用的做法是,判断是微信浏览器打开的时候做一种处理方式.

非微信浏览器打开时做另外一种处理方式.

 

类似你想在微信打开页面里点击下载按钮,一定是不成功的.我们会友好的跳出一张引导图.

2015/8/17 Comments:
js实现移动HTML5页面滑动到最底部触发内容加载

今天和大家分享的是 html5 页面下拉到最底部时实现自动刷新加载新数据.

当然,也不一定是html5下适用,web页面都适用.

 

首先要清楚3个定义:

  1. 文档高度

    这是整个页面的高度

  2. 可视窗口高度

    这是你看到的浏览器可视屏幕高度

2015/8/14 Comments: