![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
con_knife
我的博客并没有那么高大上
展开
-
基于layer.js收货地址弹框选择,然后返回相应的地址信息
(‘.selectaddress’).click(function () {//图一联系方式中的点击事件 top.layer.open({ id: “layer_say_hello”, type: 2, title: ‘请点击选择联系地址’, shadeClose: true,原创 2017-05-26 10:55:29 · 1308 阅读 · 0 评论 -
微信小程序遍历多维数组
微信小程序遍多维数组的方法,接口返回数据如下 遍历数据如下 <block wx:for="{{storelist}}" wx:key="{{index}}"> <swiper-item style="display:flex"> <block wx:key="{{index}}" wx:for="原创 2018-04-17 15:47:38 · 14822 阅读 · 2 评论 -
微信小程序发送模板信息php开发实例
使用PHP开发语言开发微信小程序模板信息发送微信小程序发送模板消息官方API地址 微信小程序发送模板信息首先要在小程序后台添加或者申请个人模板库,来获得相应的模板ID,详情操作可看官方文档 第一步获得access_token,access_token 的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的 access_token 失效。实际开发中access_toke...原创 2018-03-24 17:49:40 · 773 阅读 · 0 评论 -
微信小程序商城拼团商品、抢购商品倒计时
//单个倒计时,适用用于单个商品的倒计时function countdown(that) { var EndTime = that.data.end_time || [];//倒计时的结束时间 var NowTime = new Date().getTime();//当前时间 var total_micro_second = EndTime - NowTime || [];//剩余...原创 2018-03-10 11:48:52 · 5919 阅读 · 4 评论 -
PHP 获取微信小程序接口B二维码接口
微信小程序接口B二维码接口调用微信小程序二维码接口A与C总共生成的码数量限制为100,000,也就是说如果超出了这个现在二维码调用就会失败,我这边的业务需要调用二维码的频率较多,以防万一。 文档在此 —- [ 微信小程序二维码获取文档 ]微信小程序获取二维码首先要获得access_token 动态获得access_token的文档在此 —- [ 微信小程序二维码获取文...原创 2017-11-15 12:52:59 · 11206 阅读 · 2 评论 -
微信小程序商品筛选,侧方弹出动画选择页面
微信小程序动画原文档地址 动画api 请求参数 timingFunction 有效值:wxss.animation{ background: rgba(0,0,0,0.2); /* background: #000; */ z-index: 999; float: left; right: -100vh;//动画初始前向右移100vh width: 100%;原创 2017-12-22 17:27:11 · 13824 阅读 · 4 评论 -
信息提示小点点
类似信息的小点点代码css 样式 .spot{position: absolute;left: 60%;top: -8px;color: #fff;text-align: center;font-weight: normal;font-size: 12px;font-family: 宋体;width: 16px;height: 16px;原创 2017-03-28 19:24:48 · 293 阅读 · 0 评论 -
jq 常用字符操作
1.去除字符空格$.trim($('input[name=name]').val());//去除input的值中的空格2.查找字符是否存在某个字符,返回该字符的所在的位置$('input[name=name]').val().indexOf(text);查找字符串$('input[name=name]').val();目标字符text函数indexOf();3.原创 2017-04-13 14:57:59 · 400 阅读 · 0 评论 -
Ajax 提交表单数据处理
$("button").click(function(){ x=$("form").serializeArray(); $.each(x, function(i, field){ $("#results").append(field.name + ":" + field.value + " "); });});原创 2017-04-17 17:34:36 · 256 阅读 · 0 评论 -
js 正则验证手机号
//获取表单中的手机号 var phone = $('input[name=phone]').val(); re= /^(13[0-9]{9})|(15[89][0-9]{8})$/ //原创 2017-05-18 14:58:48 · 251 阅读 · 0 评论 -
JQ 滚动到页面底部事件的判断
在移动端的页面中经常会看到页面划动到底部就进行分页数据加载,然鹅jq只有$(window).scrollTop()这个事件,并没有$(window).scrollBottom()这样或者滚动到底部就触发的事件。 但是我们可以根据$(document).height(),$(window).hei原创 2017-05-26 10:28:57 · 2107 阅读 · 0 评论 -
单选框、复选框美观的样式
1.背景图 html<div class="check-wrappers"> <span class="c-checkbox checked"> <input type="radio" autocomplete="off" name="type" style="display:none;" value="1" checked="checked"> </span>原创 2017-06-26 12:19:51 · 2060 阅读 · 0 评论 -
html form表单上传图片覆盖
$("input[type=file]").change(function () { var fsrc= URL.createObjectURL(this.files[0]); $("form").find("img").attr("src", fsrc);//这里是要替换的图片标签 });原创 2017-04-21 16:44:26 · 1534 阅读 · 0 评论 -
js促销商品倒计时
js 时间相关知识 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.ge原创 2017-06-24 15:23:07 · 751 阅读 · 0 评论 -
基于swpiper的资讯滚动走马灯做法
首先我的需求是 垂直滚动的资讯,同时可以手动地去上下划动,并且数据是动态获取的,在做的过程中我发现这里有几个坑,下面逐一说来, 附上效果图 第一个坑:用手去划动资讯后,发现资讯不能自动滑动了。停止了这里有一个参数‘autoplayDisableOnInteraction’,作用是用户操作swiper之后,是否禁止autoplay。默认为true:停止。这要把这里改为false这个坑就填好了。参原创 2017-07-12 16:14:53 · 3247 阅读 · 3 评论 -
css3 实现选项卡小三角形状
效果如下图查看链接 html <div class="fitting-tab"> <div class="fitting-text fit-active" id="btn1"> <div class="trangle "></div> 推荐 </div> <div class="fitting-text原创 2017-06-29 18:35:53 · 2026 阅读 · 0 评论 -
5分钟学会Web自适应
✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难,适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图,结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验,希望有益于诸君。...原创 2019-09-11 16:32:32 · 1535 阅读 · 0 评论