web前端
gll77
对英语有特殊感情的码农
展开
-
css实现弹出框在页面居中
css简单方法实现弹出框在页面居中原创 2017-07-31 11:14:38 · 5024 阅读 · 0 评论 -
echarts笔记(一)
因在项目中,使用ecahrts较多,所以这里总结一下echarts的常用方法:1. 设置图表的标题,用title,文本、位置、字体2.设置图表的分类项,用legend,左右位置,上下位置移动,排列方式3.设置图表颜色,用color,color值为数组,可设置多个颜色4.横轴设置,用xAxis, 横轴刻度(设置为0,可实现自适应),横轴提示文字角度5.数据显示设置,用series,图形类别(柱状、折...原创 2018-03-27 15:03:33 · 443 阅读 · 0 评论 -
页面刷新经常出现样式排版乱掉
页面刷新经常出现样式排版乱掉,原因是css文件在js文件之后引入,会出现dom渲染完,但css还未加载,所以进行引入时,一定要严格按照先引入js文件,再引入css文件。...原创 2018-03-27 14:54:11 · 5225 阅读 · 0 评论 -
背景使用opacity设置透明度时,导致字体也出现透明
解决方法:通过使用background-color:rgba(0 , 0 , 0 , .7),即可解决。原创 2018-03-27 14:48:04 · 13766 阅读 · 3 评论 -
Js自定义位数保留小数
使用toFixed()进行小数位数保留,使用方法:num.toFixed(p), 括号中p为所保留小数位数,num为需要设置的数值,如 num=989.888907,保留两位小数位:num.num.toFixed(2);...原创 2018-03-26 15:33:19 · 1110 阅读 · 0 评论 -
css中overflow:auto滚动条滚动效果在IOS中不流畅,出现卡顿
在设置overflow:auto的元素标签上添加属性: -webkit-overflow-scrolling: touch;即可解决。参考链接:https://www.cnblogs.com/wangweipeng/p/5861633.html原创 2018-03-26 15:29:25 · 1951 阅读 · 0 评论 -
IE下get请求数据缓存问题
在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况。解决方法:在页面中添加以下代码:$.ajaxSetup({cache:false}) 其他方法参考:http://www.cnblogs.com/whm-...原创 2018-03-26 15:25:34 · 690 阅读 · 0 评论 -
Radio,CheckBox在iOS 端会被渲染成阴影样式问题
这里以CheckBox为例,通过纯css来实现):用label把input包裹起来,然后把input隐藏,添加一个span行内元素,通过给span添加包含选中与未选中背景图片,并控制这个背景图的显示部分来实现。更多参考:http://www.haorooms.com/post/css_mh_ck_radio...原创 2018-03-26 15:22:19 · 1994 阅读 · 0 评论 -
在移动端a、input、label等标签点击后会出现背景阴影问题
解决方法:将a,input,label{-webkit-tap-highlight-color:rgba(255,0,0,0);} 背景设置成透明的就解决了。原创 2018-03-26 15:13:23 · 2061 阅读 · 0 评论 -
实现两个内容总宽度不一致div的居中左对齐
解决方法:给这两个div套一个盒子div,将该盒子属性设为display : inline-block ; text-align : center ; 内容div属性设置 text-align : left ;如下所示:原创 2018-03-26 15:06:12 · 2968 阅读 · 0 评论 -
select下拉框在IOS中背景变黑、出现阴影问题
select下拉框在ios自带浏览器中,会自带黑色背景及阴影,解决方法: 设置其样式的时候加上-webkit-appearance: none; 但此时select下拉框点开的小箭头也会消失,所以这种情况下可以设置background: url(……) no-repeat right ;background-size: xx ; 来自己添加下拉箭头,或用其他方式自己添加。...原创 2018-03-26 15:04:05 · 2370 阅读 · 0 评论 -
苹果自带输入法输入中文时keyup事件不能触发( 需要按确认键才能触发 )
解决方法:使用input事件代替keyup事件,若为IE则使用propertychange代替;如:var eventName = (navigator.userAgent.indexOf("MSIE")!=-1)?"propertychange":"input";$(".search").bind(eventName,function({^^^^}...原创 2018-03-26 14:50:24 · 2992 阅读 · 0 评论 -
Css实现禁止某个点击事件
当某个元素添加了点击事件,在某种特殊情况下要禁止该元素的点击事件,将该元素的pointer-events属性设为none就可以实现。代码如下:原创 2018-03-26 14:36:03 · 12831 阅读 · 0 评论 -
解决ios出现hover和click事件,click事件的触发需要双击的问题
由于ios是将hover事件默认为click事件来处理,可通过js判断当前设备是移动端还是pc端,若是pc端则添加一个css类并设置hover样式,若是移动端,则无hover样式。 代码如下: 相关链接:点击打开链接...原创 2018-03-26 14:34:12 · 4766 阅读 · 0 评论 -
实现底部footer在内容较少时固定在页面底部
这里分享下自己已经实现了的,能够同时满足两种要求的固定底部footer的方法原创 2017-08-01 10:22:11 · 1969 阅读 · 0 评论 -
echarts笔记(二)
接着echarts笔记(一),以下是echarts笔记第二部分; 11. Y轴数据添加单位:yAxis的axisLabel添加formatter属性,如formatter: '{value} 人' 12. showSymbol值为false时,会影响label数据标签的显示。13. 饼图调整图表位置,grid属性设置不起作用:用center[‘ xx%’, ’xx%’ ]对饼图进行位置调整。14....原创 2018-03-27 15:28:01 · 386 阅读 · 0 评论