Mr_chen95-CSDN博客

原创 ajax上拉加载数据在UC和QQ浏览器上无效果

前两天做的一个项目，移动端开发，在手机上测试发现用所有手机的自带浏览器没问题，但是换到UC和QQ浏览器上值加载出后台设定的5条数据，上拉刷新却没有数据，毕竟现在用UC和QQ浏览器的用户还是蛮多的。上拉刷新的代码如下： $(window).scroll(function() { var totalheight = parseFloat($(window)...

2018-03-06 11:30:49 1555

原创微信小程序对cover-view标签设置border没效果（手机不显示）

跟我的另一篇博客有些相似之处，都是在手机上不显示的问题，这次是border不显示，最近在做的一个项目，cover-view跟map结合一起使用，对cover-view设置border无效，现在都没找到原因，不过有一个解决的办法比如我要给一个cover-view设置底部边框，我会在下面再添加一个cover-view，给第二个cover-view设置宽度百分之百，高度为1个像素，说白了就是模拟边框

2018-02-05 17:28:59 13717 3

原创微信小程序对地图上的控件进行布局

让我们先来看一下官方文档上对地图上的控件布局所给出的属性从此处我们可以看出，对控件进行定位只给了四个属性，如果我要让一个控件使它处于屏幕的右侧该怎么办，反正是不可能使用left:**rpx的，因为我们要适配各种屏幕的大小，不能写死。举个栗子，如果我想让一个控件居右侧显示，该怎么办呢？解决办法用到小程序的api wx.getSystemInfo()，获取窗口的宽高再减去控件的宽高。

2018-02-05 17:17:03 1845

原创微信小程序cover-image手机上不显示问题

微信小程序标签cover-image，在未设置宽高的情况下，在手机上不显示，但是在微信web开发者工具上却显示。如果我们想使图片宽高比保持一致，是图片不变形，解决方法：在cover-image标签外放一个父容器给它设置相对定位，子元素设置绝对定位，宽，高。 cover-view class="img-wrap"> cover-image class="img" src="

2018-02-05 16:57:49 18095 6

原创浏览器缩小网页banner图居中显示

overflow: hidden; text-align: center; vertical-align: middle; background-position-x: center; background-position-y: center; background-image:url('../images/xxxx.png'); backgrou

2018-01-16 11:24:48 1083

原创 jquery实现多行文本溢出隐藏显示省略号，兼容IE

在工作中，我们有时需要将文章列表内容多出的隐藏并显示省略号，网上大多是用css实现，但不兼容，在这里教大家用jq实现溢出隐藏显示省略号。原理很简单。就是控制盒子里的内容。div class="box">东风夜放花千树,更吹落，星如雨,宝马雕车香满路。凤箫声动，玉壶光转，一夜鱼龙舞。蛾儿雪柳黄金缕，笑语盈盈暗香去。众里寻他千百度，蓦然回首，那人却在，灯火阑珊处。div>.box{

2018-01-09 17:25:52 4809

原创 JavaScript提取行间样式，currentStye与getComputedStyle方法

很久没更新博客了，这段时间一直被js困扰，学习在我看来是件痛苦并快乐的事情，把今天学习到的东西记录下来，方便自己忘记，以便以后复习。我们先来对一个div设置一些样式#div1{ width: 100px; height:100px; background: red; }效果如下图通常我们用js获取或修改行间样式会用这样一句代码但是，问题来了，这只能

2017-10-25 21:02:39 396

原创简单封装ajax

更新 var oul=document.getElementById('ul'); var obtn=document.getElementById('btn'); obtn.onclick=function(){ var xml=new XMLHttpRequest(); xml.open("GET","file.txt",true);

2017-09-18 18:39:52 466

原创 Ajax不重新加载整个网页的情况下，对网页的某部分进行更新实例

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。小编是个初学者，这里送给初学者一个实例，希望我们这些编码爱好者都可以在这条路上越走越远更新#box{ width: 100px; height: 100px; background-color: #ccc; }var boxobg=document.getEleme

2017-09-15 16:21:19 8678

原创纯css自定义radio,checkbox样式，提高用户体验

在页面编写的时候我们需要自定义radio样式，每个浏览器的渲染效果不一样，而且样式是系统默认的，不太美观，所以为了提高用户体验以及美观，我们需要对radio,chenckbox样式进行美化。这里只选取radio进行样式编写，checkbox以此类推就ok了。男女效果如下图所示编写思路先说一下，起先把input浏览器渲染的按钮清除掉，采用display:none;

2017-09-12 17:56:38 4362 1

原创 inline-block与float浮动的区别

在给网页布局的时候有多种方法，采用float,display,position.其中inline-block也可以实现网页布局，这里就说一下float和inline-block布局的差异。通常情况下小编是喜欢inline-block。而float浮动布局还要清楚浮动，有些麻烦。一 float浮动布局 .slide{ width: 100px;

2017-09-11 20:03:57 870

原创为什么清除浮动？清除css浮动的三种方法

一，我们为什么要浮动为什么浮动，为什么要清除浮动，以及清除浮动的方法。在网页布局的时候有时需要元素并排显示，如果不选择浮动，那么那些块状元素就会一行一行显示，占用空间不说，用户体验也是极为不好的。以下是没有浮动的元素代码 .box{ background: #000; } .box01{ width: 100px; height: 10

2017-09-08 18:20:19 640

Mr_chen95的博客