行内元素和块元素

1块级元素:div,p,form,ul,li,ol,dl,form,address,fieldset,hr,menu,table行内元素:span,strong,em,br,img,input,label,select,textarea,cite,内联元素(inlineelement)a-锚点b-粗体(不推荐)br-换行em-强调font-字体设定(不推

作者:星辰 时间:2016-10-23 浏览 1533评论 0 赞 0砸 0 标签: css

div中图片居中显示

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv

作者:星辰 时间:2016-10-23 浏览 1665评论 0 赞 0砸 0 标签: css

echart饼图ie缓存问题刷新浏览器饼图形状出现变化

相信使用ie渲染页面的开发者肯定遇到过ie缓存问题到来的痛苦,我也曾经遇到过,曾经通过在链接后面加个随记数的方式处理的,还有就是设置几个头参数的方式处理,后面一直就没遇到其他问题,所以就一直没深究,可是今天在做echarts统计图时却遇到了一个问题,所以特此记录下来,以免下次又不知道怎么处理了。先来看下效果图:以下是不正常效果:代码分析:以下是给iframe地址添加时间戳的代码12345678

作者:星辰 时间:2016-10-15 浏览 1886评论 0 赞 0砸 0 标签: echarts 前端兼容性

iframe缓存问题处理

相信使用ie渲染页面的开发者肯定遇到过ie缓存问题到来的痛苦,我也曾经遇到过,曾经通过在链接后面加个随记数的方式处理的,还有就是设置几个头参数的方式处理,后面一直就没遇到其他问题,所以就一直没深究,可是今天在做echarts统计图时却遇到了一个问题,所以特此记录下来,以免下次又不知道怎么处理了。先来看下效果图:以下是不正常效果:代码分析:以下是给iframe地址添加时间戳的代码function

作者:星辰 时间:2016-10-14 浏览 2640评论 0 赞 0砸 0 标签: 前端兼容性

js将GPS地图坐标进行度分秒和度的转换

场景:将度分秒转换为度或将度转换为度分秒利用了js库<script><script>gpsToDu(gpsStr)/将DMS或DM抓换成D---将度分秒转换为度,注意gpsStr是一个字符串,以下几个函数也是如此duToGpsDMS(duStr,duDir)/将D抓换成DMSduToGpsDM(

作者:星辰 时间:2016-10-14 浏览 4286评论 0 赞 0砸 0 标签: javascript 地图

textarea自适应大小

场景:我们需要为页面的textarea文本域设置自适应高度,需要满足输入文字如果超出高度即自动增高,而且最好能够支持ctrl+v等操作,以下是同事寻找来的一段代码,特此记录。优点:缺点:代码:/***文本框根据输入内容自适应高度*@param{HTMLElement}输入框元素*@param{Number}设置光标与输入框保持的距离(默认0)*@param{Number}设置最

作者:星辰 时间:2016-09-28 浏览 2463评论 0 赞 0砸 0 标签: demo javascript

递归寻找iframe下的指定元素对象公用方法

在某些时候我们的页面可能嵌入了多层的iframe,而有时我们可能有这样的需求:我们需要方便快捷的通过元素ID或类名来寻找到指定的元素,而此元素可能存在于这些iframe中的某个iframe中,如果我们一层层的去理清其层次关系可能比较费时间,所以此时我们希望有一个方便快捷的公用方法来一劳永逸的解决此问题,所以博主写了一个递归iframe来选择其中指定元素的方法。以下是个人写的递归寻找iframe

作者:星辰 时间:2016-09-28 浏览 2458评论 0 赞 0砸 0 标签: demo javascript 前端

兼容问题:浏览器版本判断

公用的判断浏览器版本的js函数,可以准确的打印出浏览器的类型和浏览器的版本。/***判断浏览器类型*@returns*/functionmyBrowser(){varSys={};varua=navigator.userAgent.toLowerCase();vars;(s=ua.match(/rv:([\d.]+)\)l

作者:星辰 时间:2016-09-28 浏览 1729评论 0 赞 0砸 0 标签: javascript 前端兼容性

自定义滚动条课程004-具体实现代码和效果查看路径

以下是具体的代码前面我们七七八八的讲了些基础也分析了一些小的实现,下面我们直接上代码,代码里面均有注释,结合前面几节课的知识,我相信代码能够看得明白。有看不明白的可以留言。<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>scroll</title><lin

作者:星辰 时间:2016-09-27 浏览 2231评论 0 赞 0砸 0 标签: demo jquery 前端 课程

自定义滚动条课程003-效果实现分析

通过前两节的课程我们已经为实现滚动条打好了基础,并准备好了基础材料,接下来我们要开始书写自定义滚动条的核心代码。滑块滚动效果实现分析第一我们要知道滑块的滚动可能是通过鼠标来完成的,那我们拖动鼠标的距离其实就是滑块要移动的距离第二我们要明确知道滑块可移动距离,滑块可移动距离为当前滑块所在位置到图上滚动条最底部的距离第三我们要明确知道内容区的可视区域第四我们要明确知道内容区的可滚动距离,其实就是文

作者:星辰 时间:2016-09-27 浏览 2283评论 0 赞 0砸 0 标签: demo jquery 前端 课程