mguo

2013年5月31日

摘要：不需要关闭autocomplete的情况下通过js完美解决.<script> if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { $(window).load(function(){ $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).r 阅读全文

posted @ 2013-05-31 18:13 mguo 阅读(3730) 评论(0) 推荐(0) 编辑

word-wrap word-break white-space

摘要：今天主题是超长英文文本自动换行word-wrap的使用，在介绍这个属性的同时，我还把word-break和white-space两个属性一起放进来介绍，因为这几个属性常给我平时的制作中带来混淆的感觉，搞不清楚在什么地带需要使用中word-wrap属性，什么时候又应该使用word-break属性，而又何时才能使用white-space。为了解决这个疑问，今天特意将他们放在本文中一起介绍。大家在平时的网页制作中一定碰到过这样的情况，比如说你在自己的blog中制作了一个完美而且又靓丽的评论布局，让你的用户浏览网页是可以给你添加评论，但当有人发布了一个原始网址或者其它超长的文本时，你此时的布局就被阅读全文

posted @ 2013-05-31 14:50 mguo 阅读(820) 评论(0) 推荐(0) 编辑

2013年5月15日

JS面向对象

摘要：以下是内容小点:1. 使用funciton作为构造函数构建对象2. 使用json作为构造函数的参数3. 通过eval内置函数动态添加对象属性4. 为对象新增方法5. 使用JSON来创建对象6. 使用Function作为对象创建，并把JSON属性赋予给Function1. 使用function作为构造函数构建对象对于类的创建来说，最常见的方法是提供一个构造函数来获取类的实例。 <script type="text/javascript"> var Person = function(name, age, alias) { this.name = name; thi 阅读全文

posted @ 2013-05-15 15:36 mguo 阅读(220) 评论(0) 推荐(0) 编辑

JS 面对对象

摘要： prototype.js代码片段 var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } } } // Class使用方法如下 var A = Class.create(); A. prototype={ initialize:function(v){ this .value=v; } showValue:function(){ alert(this.value); } } var a =... 阅读全文

posted @ 2013-05-15 15:34 mguo 阅读(300) 评论(0) 推荐(0) 编辑

2013年4月23日

input[type="file"] CSS

摘要： 1.原理基于安全性考虑，IE不支持用程序设置input type=file的值。所以不能直接用<input type="text"/>和<input type="button"/>代替，CSS美化file组件的方法是使用position属性将file组件置于<input type="text"/>和<input type="button"/>之上，然后使其全透明化，操作时使用户感觉在操作<input type="text"/>和< 阅读全文

posted @ 2013-04-23 23:36 mguo 阅读(612) 评论(0) 推荐(0) 编辑

2013年4月19日

addEventListener中的第三个参数

摘要： <!DOCTYPE html><html> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39"> <title></title> </head> <body> <div id="id1" style="width 阅读全文

posted @ 2013-04-19 09:58 mguo 阅读(570) 评论(0) 推荐(0) 编辑

2013年4月18日

HTML Audio&Video

摘要： audio video 所具有的属性大致相同1> src2> autoplay (boolean)3> preload none:不预加载 metadata:只加载媒体的原数据(媒体字节数,第一帧,播放列表.持续时间等) auto:预加载4> poster(video) 当视频不可用时,展示代替的图片5> loop (boolean)6> controls 7> width ,height8> error switch (video.error.code) { case MediaError.MEDIA_ERROR_ABORTED: alert( 阅读全文

posted @ 2013-04-18 15:55 mguo 阅读(556) 评论(0) 推荐(0) 编辑

2013年4月17日

HTML5 文件API

摘要： <!DOCTYPE html><head><meta charset="UTF-8"><title>fileReader方法示例</title></head><script language=javascript>var result=document.getElementById("result");var file=document.getElementById("file");if (typeof FileReader == 'undef 阅读全文

posted @ 2013-04-17 15:46 mguo 阅读(320) 评论(0) 推荐(0) 编辑

2013年4月16日

HTML5 拖动API

摘要： <html><head> <title></title> <meta charset=utf-8> <meta name=description content=""> <meta name=viewport content="width=device-width, initial-scale=1"></head><style> #canvas{ width:300px; height:300px; background:orange; font: 阅读全文

posted @ 2013-04-16 16:42 mguo 阅读(433) 评论(0) 推荐(0) 编辑

MySQL下全文索引

摘要：一种特殊的索引，它会把某个数据表的某个数据列出现过的所有单词生成一份清单。 alter table tablename add fulltext(column1,column2)只能在MyISAM数据表中创建少于3个字符的单词不会被包含在全文索引里，可以通过修改my.cnf修改选项ft_min_word_len=3重新启动MySQL服务器，用repair table tablename quick 为有关数据表重新生成全文索引select * from tablenamewhere match(column1,column2) against('word1 word2 word3 阅读全文

posted @ 2013-04-16 10:48 mguo 阅读(17511) 评论(0) 推荐(0) 编辑

公告