![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
勉后之幸
这个作者很懒,什么都没留下…
展开
-
css内部div无法撑开外部div
原文链接 https://my.oschina.net/u/3720375/blog/1604748当外部div的高度设置为自适应时,如果内部div有浮动的样式,则无法撑开外部div。可通过给外部div设置overflow:auto这样外部的div就会被撑开。转载 2020-10-26 17:03:07 · 1953 阅读 · 0 评论 -
点击出现弹框遮罩层
首先写好弹框的页面<!-- 弹窗 --> <div class="index_tan" id="index_tan"> <div class="in_tan in_kuang hide" id="in_tan"> <img src="../images/close.png" class="in_close"> <div class="in_title">请选择您要登录的系统</div>原创 2020-09-09 18:05:20 · 994 阅读 · 0 评论 -
前端限制手机号框不能输入汉字字母
<input type="text" name="re_phone" placeholder="请输入报名时填写的手机号" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">原创 2020-09-01 10:18:50 · 488 阅读 · 0 评论 -
手机端页面图片自适应居中
<img src="./images/logo.png" class="logos_logo" style="width:auto; height:auto;display: block;margin: 0 auto;padding-top: 1.3rem;">其中重要的就是display: block;margin: 0 auto;这两个,其他的就根据自己的需求样式设置了。原创 2020-08-25 09:13:29 · 1155 阅读 · 0 评论 -
JQ 文件上传
前端页面上传图片到后台html页面<div class="si_left si_top_small"> <label for="file"> <input type="file" id="file" name="headimg" multiple accept="image/*" lay-verify="required" onchange="pic_size(this,'file')" style="d原创 2020-08-18 15:55:01 · 186 阅读 · 0 评论 -
JQ保存用户信息到cookie
首先需要下载下 jquery.cookie.js 文件,我在文章最后放下这个文件的代码吧,就不需要再话时间去下载了。当用户登录成功后,把用户id存到cookie中,在需要用到的页面直接获取用户id即可。var uid= 'uuid';var info='11'; $.cookie(uid,info,{path:'/'});//保存一天到 当前路径//获取var uuid= $.cookie(uid);console.log(uuid);//打印出来的数据为 11jquer原创 2020-08-15 12:32:12 · 1005 阅读 · 0 评论 -
微信小程序thirdScriptError Cannot read property ‘length‘ of undefined; [Component] Event Handler Error @
thirdScriptErrorCannot read property 'length' of undefined; [Component] Event Handler Error @ pages/leagueadd/leagueadd#bound formSubmitTypeError: Cannot read property 'length' of undefined功能描述:周历表,可以添加其中任何一天的课程时间,但是我只添加周一的时间的话,就出现了这个错误。但实际上是可以只添加一天.原创 2020-07-24 10:30:43 · 2572 阅读 · 0 评论 -
echarts文件下载及实现地图
因为项目中要用到地图,滑过区域要显示本区域的信息。用echarts做这个地图的时候踩了很多坑,也看了很多博主的文章,终于完成了自己想要的功能,所以在此记录下。首先是下载的文件遇到的问题,前前后后下载了好多次,终于找到了完美的。其中china.js文件,之前下载的到地图出来后会有缝隙,然后看了一个博主的文章,TA的文件是好使的,在此放下链接 https://ask.csdn.net/questions/715546echarts.js文件下载,链接 https://echarts.apache.org原创 2020-07-15 18:15:23 · 4862 阅读 · 0 评论 -
微信小程序切换标签背景色随之改变
首先,先放张图片,为了更方便看到样式。wxml页面代码<view class="time_box"> <view class="time {{type=='day'?'date-color':''}}" data-id="day" bindtap="day">今日</view> <view class="time {{type=='week'?'date-color':''}}" data-id="week" bindtap="day"原创 2020-07-09 16:44:43 · 487 阅读 · 0 评论 -
html中标签切换
<div class="right_two"> <div class="two_new clearfix"> <ul class="clearfix lf rz_query_right_header"> <li class="two_active lf " data-value="1">通知公告</li> <li class="lf " data-value="2"&g.原创 2020-05-12 15:44:47 · 1595 阅读 · 0 评论 -
jQuery获取div中循环数据a标签的id值
前台调用后台接口,把省市循环展示在前台页面上,然后前台需要把省市的id传给后台以此来查询,我这里记录下如何获取到省市的id。首先,获取到省市的数据并展示<div class="fb_area lf" style="width: 71%;"> <span>分布区域:</span> <a class='ks_active' href=...原创 2019-12-31 13:53:54 · 3249 阅读 · 1 评论 -
微信小程序图片上传
首先,先放上效果图 接下来放上代码,首先wxml页面<view class="wrap"> <view class="phone"> <input name="inputName" bindinput="inputName" placeholder="请输入商品名称" /> </view>...转载 2019-11-28 11:44:26 · 145 阅读 · 0 评论 -
js 接收id值并高亮展示到页面上
首先,说下项目需求,这是个商城项目,页面接收传来的id值(也就是商品分类id),然后高亮展示。<div class="left left_content clearfix"> <ul class="shop_type" data-cid="111"> <li class="class_first"><a href="#" cl...原创 2019-10-12 13:36:05 · 375 阅读 · 0 评论 -
设置背景颜色或背景图片时让全屏铺满
background: #F5F6FA; background-attachment: fixed; background-size: cover; background-position: center top;背景图片或背景颜色按实际情况来,这样就可以搞定了原创 2019-10-09 16:21:58 · 1853 阅读 · 0 评论 -
标题展示几行以省略号代替(CSS)
1.控制显示多行 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;2.控制显示一行 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;...原创 2019-09-11 14:27:24 · 178 阅读 · 0 评论 -
jquery图形验证码
做项目的时候,注册和登录都用到了验证码,这次用了jquery插件,比较方便使用。1、首先,html页面的代码2、然后引入gVerify.js 3、接下来初始化验证码图片以及判断验证码是否正确...原创 2018-11-29 14:36:17 · 1470 阅读 · 0 评论 -
PHP 商城中商品的加减
<div class="order_message clearfix"> <div class="left_order"> <img src="templates/default/images/order.jpg"> </div> <div class="right_order"> &...原创 2019-04-16 18:13:15 · 312 阅读 · 0 评论 -
html页面div的显示/隐藏
废话不多说,直接上代码html页面代码<p class="rf marginright20">点击</p> <div class="message"> <textarea id="orgAuditDesc" name="orgAuditDesc" placeholder="点击此处添加内容...">...原创 2019-04-18 10:36:47 · 7291 阅读 · 1 评论 -
页面上点击号码直接拨打电话
手机端网站的底部有电话号码,要求是点击号码可以直接拨打电话。以下代码就可以实现:<a href="tel:010-******"><span>010-******</span></a>...原创 2019-08-01 11:31:08 · 1538 阅读 · 0 评论 -
响应式网页开发注意事项
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。具体说:一.CSS代码不能指定像素宽度:width:xxx px;只能指定百分比宽度:width: xx%;或者:width:auto;这里开发是指一个网页不仅能用在pc上,也能同时用于移动端,但是对于webapp这种还是需要单独做一个webapp使用...转载 2019-08-13 15:08:52 · 197 阅读 · 0 评论 -
鼠标移上去变小手样式
实现这个效果一共有两种方式。第一种方式:<a href="javascript:video(0);"> </a> 或者 <a href="#"> </a>第二种方式:cursor:pointer; cursor 属性规定要显示的光标的类型(形状)还有其他的一些样式值 描述 ur...原创 2019-08-09 09:22:08 · 22634 阅读 · 0 评论 -
点击链接跳转到新的标签页
项目要求点击链接可以跳转到新的标签页,只需要加上target="_blank"即可。<a href='***.htm' target="_blank"></a>原创 2019-08-09 15:06:23 · 3205 阅读 · 0 评论 -
移动端滚动加载更多
项目需求,滑到手机底部可以加载更多。网上查了下资料,结合自己实际情况,记录下以便使用。<a href="javascript:void(0)" id="gengduo_button" page="2" style="display:none"></a><input id="interval" type="hidden" value="0">然后是jQu...原创 2019-08-07 15:02:45 · 238 阅读 · 0 评论 -
将html页面底部内容固定到当前页的最下面
在做项目的过程中,有的页面的内容不够多,所以导致底部悬浮在半中腰,遇到这种问题可这样解决。<div class="footer" style="width: 100%;"> <!-- 底部内容 --></div>引入js$(function(){ //如果页面内容高度小于屏幕高度,div#footer将绝对定位到屏幕底部,否则d...原创 2019-08-16 09:45:51 · 8650 阅读 · 0 评论 -
html页面宽度自适应
想要页面自适应电脑屏幕,加上这行代码即可<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">原创 2019-08-13 11:40:24 · 7189 阅读 · 0 评论 -
轮播图图片变形解决方法
之前改别的同事做的项目,有一个问题是APP首页的轮播图压缩严重,修改好后记录下。 这是之前需要修改的图片,但是想要的效果是下图图片。 在原来的代码上稍作修改,变成以下代码,便可达到想要的效果。max-width: 100%; height: 5.067rem; display: block; margin: 0 auto; ...原创 2018-11-23 09:17:51 · 3227 阅读 · 0 评论