04 2017 档案

margin top 无效
摘要：常出现两种情况： （一）margin-top失效 两个层box1和box2，box1具有浮动属性，box2没有，这时候设置box2的上边距margin-top没有效果。 解决办法： 1.box2增加float属性 2.box1与box2之间增加一层"<divstyle="clear:both;">< 阅读全文
posted @ 2017-04-26 11:39 善未易明 阅读(265) 评论(0) 推荐(0)
XMLHttpRequest cannot load file浏览器无法异步加载本地file文件
摘要：原因：Chrome不支持本地Ajax请求，在.html文件中访问.json文件时就会出现这个问题，就是说这个时候不能加载这个.html文件。 解决方式 打开Chrome快捷方式的属性中设置： 右击Chrome浏览器快捷方式，选择“属性”， 在“目标”中加上"--allow-file-access-f 阅读全文
posted @ 2017-04-21 17:09 善未易明 阅读(1580) 评论(0) 推荐(0)
HTML小技巧
摘要：让背景图不滚动IE浏览器支持一个 Body 属性 bgPRoperties，它可以让背景不滚动: 〈Body Background="图片文件" bgproperties="fixed"〉 让你的网页无法另存为<noscript><iframe src=*></iframe></noscript> 阅读全文
posted @ 2017-04-20 09:51 善未易明 阅读(166) 评论(0) 推荐(0)
HTML实体符号代码速查表
摘要：1.特色的 © &copy; © 版权标志 | | 竖线，常用作菜单或导航中的分隔符 · &middot; · 圆点，有时被用来作为菜单分隔符 ↑ &uarr; ↑ 上箭头，常用作网页“返回页面顶部”标识 € &euro; € 欧元标识 ² &sup2; ² 上标2，数学中的平方，在数字处理中常用到 阅读全文
posted @ 2017-04-20 09:48 善未易明 阅读(143) 评论(0) 推荐(0)
宽度不固定，水平居中
摘要：<div id="box"> <div id="inner">11111111111111111111</div></div> 1.相对定位： #box{position:relative; left:50%; float:left;} #inner{position:relative; left: 阅读全文
posted @ 2017-04-18 17:17 善未易明 阅读(430) 评论(0) 推荐(0)
CSS实现背景透明，文字不透明
摘要：css3的opacity(不可取) 兼容性：IE6、7、8不支持，IE9及以上版本和标准浏览器都支持 使用说明：设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度 在background-color中使用rgba(ie8以下不兼容) 标准浏览器中，背景透 阅读全文
posted @ 2017-04-13 09:18 善未易明 阅读(409) 评论(0) 推荐(0)
window.inner 兼容IE8
摘要：window.getHeight = function() { if (window.innerHeight != undefined) { return window.innerHeight; } else { var B = document.body, D = document.documen 阅读全文
posted @ 2017-04-12 15:11 善未易明 阅读(267) 评论(0) 推荐(0)
div横排放置对齐问题；block,inline,inline-block区别
摘要：1、左右两个div都设置为float:left，如果右边div没有设置宽度，右边div的宽度会根据div里的内容自动调整。 缺点：不易控制 2、只有左侧div设置为float:left，右侧div设置overflow:auto;，右侧div将会占据整个右侧剩余宽度。 缺点：如果有多个div 比如三个 阅读全文
posted @ 2017-04-11 14:54 善未易明 阅读(8783) 评论(0) 推荐(1)
IE兼容CSS3圆角border-radius的方法（同时兼容box-shadow，text-shadow）
摘要：1.下载ie-css3.htc 2.CSS box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 1 阅读全文
posted @ 2017-04-10 11:17 善未易明 阅读(378) 评论(0) 推荐(0)
js 值和引用
摘要：js对值和引用的赋值/传递在语法上没有区别，完全根据值得类型决定 简单值(即标量基本类型值)，总是通过值复制的方式来赋值/传递，包括null,undefined,字符串，数字，布尔值和ES6中的symbol。 复合值——对象(包括数组和封装对象)和函数，则总是通过引用复制的方式来赋值/传递。 ___ 阅读全文
posted @ 2017-04-07 16:14 善未易明 阅读(575) 评论(0) 推荐(0)
js 字符串和数组注意点
摘要：var a="foo"; var b=[ "f","o","o"]; a[1]="o"; b[1]="o"; javascript中字符串是不可变的，而数组是可变的，并且a[1]在javascript中并非总是合法语句，在老版本的IE中就不被允许(现在可以了). 正确的方法应该是a.charAt(1 阅读全文
posted @ 2017-04-07 14:13 善未易明 阅读(183) 评论(0) 推荐(0)
向requestAnimationFrame的回调函数中传递参数
摘要：BallAnimate.prototype = { initialize: function() { var self = this; self.moveBalls(self); }, moveBalls: function(self) { animateBall(); function anima 阅读全文
posted @ 2017-04-06 14:41 善未易明 阅读(2547) 评论(0) 推荐(0)
JS性能优化之创建文档碎片(document.createDocumentFragment）
摘要：先了解下插入节点时浏览器会做什么。 在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面就会更新并反映出这个变化，对于少量的更新，一条条循环插入也会运行很好，也是我们常用的方法。代码如下： 但是，如果当我们要向document中添加大量数据时(比如1w条)，如果像上面的 阅读全文
posted @ 2017-04-06 09:39 善未易明 阅读(340) 评论(0) 推荐(0)
js判断当前浏览类型
摘要：var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器var isIE = userAgent.indexOf("co 阅读全文
posted @ 2017-04-05 16:01 善未易明 阅读(242) 评论(0) 推荐(0)
canvas 背景透明
摘要：theCanvas = document.getElementById('canvasOne');var context = theCanvas.getContext('2d');context.fillStyle = 'rgba(255, 255, 255, 0)'; 阅读全文
posted @ 2017-04-05 11:26 善未易明 阅读(15402) 评论(2) 推荐(0)
IE下判断IE版本的语句...[if lte IE 8]……[endif]
摘要：<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![ 阅读全文
posted @ 2017-04-05 11:22 善未易明 阅读(3080) 评论(0) 推荐(0)