自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 收藏
  • 关注

原创 PHP 超过规定时间则显示明天的日期

$time=time();$end_time = mktime(10,0,0,date('m'),date('d'),date('Y')); if($time > $end_time){ $moren_date=date("Y/m/d",strtotime("+1 day"));} else { $moren_date=date("Y/m/d",time());}

2021-03-22 15:51:47 176

原创 smarty 到某个时间后切换页面显示内容

当到某年月日的时候,页面显示的内容发生变化{%if $smarty.now|date_format:'%Y-%m-%d' gte "2020-10-30"%}<div class="end"> <img src="{%$URL%}images/second.png" style="width: 15px;"><span class="end_sign">申请通道已开启</span></div>{%else%}<div c..

2020-10-29 17:42:21 187 1

转载 css内部div无法撑开外部div

原文链接 https://my.oschina.net/u/3720375/blog/1604748当外部div的高度设置为自适应时,如果内部div有浮动的样式,则无法撑开外部div。可通过给外部div设置overflow:auto这样外部的div就会被撑开。

2020-10-26 17:03:07 1951

原创 点击出现弹框遮罩层

首先写好弹框的页面<!-- 弹窗 --> <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&gt

2020-09-09 18:05:20 994

原创 前端限制手机号框不能输入汉字字母

<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 487

原创 手机端页面图片自适应居中

<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 1152

原创 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

原创 JQ验证身份证号,身份证号超过18位不能输入

<input type="text" name="card_num" id="num" class="si_name_input si_left si_top_small" placeholder="请填写身份证号" maxlength="18" onBlur="checkIdCard(this.value)">接下来js//验证身份证号function checkIdCard(idcard) { const regIdCard = /(^\d{15}$)|(^\d{18}.

2020-08-16 14:05:49 539

原创 JQ获取当前URL中&后的内容

这个文章内容是看的别的博主的文章,由于是后来写的这篇文章,导致我不知道原文是哪个了,所以原作者看到后可以给我留言,我加上原文链接function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) {

2020-08-15 13:06:11 692

原创 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 1003

转载 Ajax使用formData提交带图片上传的表单

原文链接 https://www.zjhuiwan.cn/info/20180920/1809201054000240000.html记录一下今天踩过的坑。。这么个问题居然搞了快两个小时了。ssm框架,前台form带图片上传,因为效验表单数据,所以不能直接submit。formDat还是很简单的,有很多加值得方法,后台可以直接用对象接收。使用ajax提交有很多种方式,说一下使用formDat,直接贴代码。前端一个form表单,带图片<form id="form1" en..

2020-08-14 18:54:50 575

转载 JavaScript获取URL中参数值

原文地址:https://www.cnblogs.com/huximing/p/6164799.html当我们需要获取链接地址中“?”后面的参数时,除了用split方法去一步步拆分之外,还可以用正则更加方便的实现,见下文:函数定义/*** @param name 参数名* @return * 参数值*/function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*.

2020-08-13 16:59:08 104

转载 关于微信小程序,那些开发文档没有告诉你的

小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于: 开发工具不同。 区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具,可以实现同步本地文件+开发调试+编译+预览+上传+发布等一整套流程。 开发语言不同。 小程序自己开发了一套...

2020-07-30 16:10:09 483

原创 微信小程序周历表预约课程

把周历表的 星期一 提了出来,因为其他天也是一样的,这样更加方便查看。每一天都可以添加多个时间段,这里的时间就是 时:分(01:00),点击‘+’添加一行开始时间和结束时间,点击‘-’删除最后一行wxml<view class="week"> <view class="week_left"> <view class="week_day">星期一</view> <view class="week_d..

2020-07-30 10:47:28 673

原创 微信小程序引用背景图片手机上不显示问题(已解决)

点击圈圈中的图片实现上传图片的效果,引入这个背景图片在微信开发工具中都一切正常,但是在真机上就显示不出来图片。引入图片路径也是使用的相对路径,但是不好使下面放下代码,这样手机上就可以显示出来图片了<view class="img"> <image bindtap="upimg" class="section_img_one" src="../../img/uploadimg.png" style="width=160rpx;height:160rpx;">&..

2020-07-27 18:10:04 4153 3

原创 微信小程序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 2569

原创 echarts文件下载及实现地图

因为项目中要用到地图,滑过区域要显示本区域的信息。用echarts做这个地图的时候踩了很多坑,也看了很多博主的文章,终于完成了自己想要的功能,所以在此记录下。首先是下载的文件遇到的问题,前前后后下载了好多次,终于找到了完美的。其中china.js文件,之前下载的到地图出来后会有缝隙,然后看了一个博主的文章,TA的文件是好使的,在此放下链接 https://ask.csdn.net/questions/715546echarts.js文件下载,链接 https://echarts.apache.org

2020-07-15 18:15:23 4849

原创 微信小程序切换标签背景色随之改变

首先,先放张图片,为了更方便看到样式。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

原创 微信小程序 列表收起与展开效果

首先,先看下效果吧,就放两张图片看下吧第一张图就是原页面了,然后点击 “收起” ,效果就是第二张图的样式了。再点击 “展开” 的时候就会变成第一张图的样子了。<view class="list" wx:for="{{mylist.list}}" wx:for-item="test" wx:key="Addtime"> <view class="list-date list-one"> <view class="line-one"&

2020-06-16 16:24:57 4745 5

原创 微信小程序获取当前手机号拨打电话

<view class="right" hover-class="weui-cell_active" data-reply-phone="{{mdelist.info.Phone}}" bindtap="phoneCall"> <image src="../../img/phone.png" class="phone"></image></view>其中,{{mdelist.info.Phone}} 是获取到的手机号码/** * 拨打.

2020-06-01 11:59:57 738

原创 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

原创 微信小程序中input搜索

列表页搜索框搜索姓名或手机号,首先 wxml 页面代码<view class="search"> <input class="search-img" type="text" value="{{searchValue}}" bindinput="input1" placeholder="搜索会员姓名/手机号码" bindconfirm="search" />...

2020-01-09 09:47:03 952

转载 记录PHP编码规范

原文链接:https://blog.csdn.net/qq_34827048/article/details/78666844PHP编码规范版权声明每一个文件包含版权声明信息,具体格式如下/** * 一行说明本文件的功能 * * 如有必要,请详细说明本文件的具体内容和实现,可以多行。 * * @category Controller|Service|Templ...

2020-01-08 10:53:04 74

原创 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 3248 1

原创 微信小程序表单提交PHP后台

一、首先先把小程序页面写好,这个不多说了,直接上代码<form bindsubmit="formSubmit" bindreset="formReset"> <view> 昵称:<input type="text" style="border:1px solid #f5f5f5;" name="nickname" placeholder="请输入昵称...

2019-12-13 16:28:53 1049

转载 微信小程序图片上传

首先,先放上效果图 接下来放上代码,首先wxml页面<view class="wrap"> <view class="phone"> <input name="inputName" bindinput="inputName" placeholder="请输入商品名称" /> </view>...

2019-11-28 11:44:26 144

原创 小程序中文字超过两行内容,以‘...’结尾

如图,当内容有多行文字,全部展示影响美观,所以设定当超出两行的话,就以'...'表示.content text{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webki...

2019-11-21 13:49:36 2323

原创 小程序之轮播图

关于swiper中一些属性以及属性的说明,可以参考开发文档https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html首先,在js文件中定义需要轮播的图片以及属性data: { imgs: [ '../../img/1.1.png', '../../img/2.png',...

2019-11-08 09:42:11 214

原创 小程序底部导航栏

关于底部导航栏,是非常常见和使用的一个功能,刚学习,通过查阅资料,最终解决问题。在此记录下,方便查看。首先需要把要跳转的页面写好,在此就不细说了。其次在配置文件app.json里面写好需要展示的页面,把默认的页面放在第一个。如图"pages": [ "pages/test/test", "pages/my/my", "pages/lists/lists"...

2019-11-07 17:29:57 349

原创 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

原创 js 点击展示或隐藏(同class多条数据)

首先,html页面代码,仅供参考<div class="left left_content clearfix"> <ul class="shop_type"> <li id="tar_title" class="class_first" ><a href="#" class="">一级分类</a></l...

2019-10-11 18:24:18 1005

原创 设置背景颜色或背景图片时让全屏铺满

background: #F5F6FA; background-attachment: fixed; background-size: cover; background-position: center top;背景图片或背景颜色按实际情况来,这样就可以搞定了

2019-10-09 16:21:58 1852

原创 在指定时间内展示或隐藏一个div

在smarty中,这样就可以简单的把一个div展示或隐藏掉#notice_content{ width:100%; height: 46px; text-align: center; color: #F0250F; font-weight: 600; line-height: 46px; font-size: 18px; ov...

2019-09-27 17:04:49 388

原创 js获取当前日期以及星期几

首先写好页面样式<div class="time"> <span class="one" id="times_one">00:00:00</span> <span class="two" id="times_two">00-00-00</span> <span class="three" id="tim...

2019-09-25 11:36:20 825

原创 标题展示几行以省略号代替(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

转载 php程序员的学习路线,以及进阶篇

# PHP interview best practices in China如果你现在处于以下几种状态,本资料非常适合你:* 准备换工作,不知道从哪开始准备* 技术遇到瓶颈,不知道该学什么* 准备学 PHP,但不知道领域有多深## 基础篇* 了解大部分数组处理函数* 字符串处理函数(区别 mb_ 系列函数)* & 引用,结合案例分析* == 与 ==...

2019-08-21 10:37:21 177

原创 冒泡排序

两个相邻的元素进行比较,如果第一个比第二个大,就交换他们两个。以此类推,直至所有元素按照从小到大(或从大到小)排序。下面我的例子是从小到大进行排序的。//冒泡排序$arr=[1,4,6,8,2,89,56];$length=count($arr);for ($i=1; $i <$length ; $i++) { for ($j=0; $j < $length-$i...

2019-08-21 09:35:02 77

原创 将html页面底部内容固定到当前页的最下面

在做项目的过程中,有的页面的内容不够多,所以导致底部悬浮在半中腰,遇到这种问题可这样解决。<div class="footer" style="width: 100%;"> <!-- 底部内容 --></div>引入js$(function(){ //如果页面内容高度小于屏幕高度,div#footer将绝对定位到屏幕底部,否则d...

2019-08-16 09:45:51 8643

原创 从当前网站跳到外链页面

新接手的一个项目中,有个需求是这样的: 如果来源值为空的话,那么我前台页面展示我后台添加的内容; 如果来源值非空的话,那么来源就是外链的地址,我前台页面展示的时候就是跳到外链的页面。由于我这个项目是smarty写的,所以代码如下,仅供参考。{%if $show.lc_from eq ''%} {%$show.lc_content%}{%else%} &l...

2019-08-15 15:19:32 667

转载 响应式网页开发注意事项

由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。具体说:一.CSS代码不能指定像素宽度:width:xxx px;只能指定百分比宽度:width: xx%;或者:width:auto;这里开发是指一个网页不仅能用在pc上,也能同时用于移动端,但是对于webapp这种还是需要单独做一个webapp使用...

2019-08-13 15:08:52 195

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除