- 博客(19)
- 问答 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序事件传参
button绑定事件:<button size="default" type="primary" plain="true" bindtap="send" data-id="{{id}}" data-read-id="{{readId}}">事假传参</button>传递参数:send(e) { console.log(e); console....
2019-05-27 16:16:23
1160
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序已授权之后,自动获取用户信息
index.wxml:<view class="Box"><button wx:if="{{canIUser && !hasUserInfo}}" size="mini" type="primary" plain="true" loading="true" open-type="getUserInfo" bindgetuserinfo="getUserIn...
2019-05-23 11:55:06
5473
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序手动获取用户信息
wxml:<view class="Box"> <image class="avatar" src="{{userInfo.avatarUrl}}"></image> <text>{{userInfo.nickName}}</text> <button size="mini" type="primary" plain="...
2019-05-23 09:47:36
469
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序自定弹窗
wxml<view bindtap="showRule">点击出现弹窗</view><!-- 弹窗 --><view class="cover {{isRuleTrue?'isRuleShow':'isRuleHide'}}"> <view class="window"> <image class="PopupWi...
2019-05-22 17:17:59
156
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序Tab切换
懒得去接口重新写了,如果有需要的自己去一下接口wxml:<!-- order.wxml --><view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav"> 待支...
2019-05-22 16:54:11
759
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 清除小程序swiper组件的滚动条
结构如图:css样式:.section-area ::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2019-04-30 11:13:33
607
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序生命周期
通俗的讲,生命周期就是指一个对象的生老病死。 从软件的角度来看,生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期:应用生命周期、页面生命周期、应用生命周期影响页面生命周期应用生命周期 用户首次打开小程序,触发 onLaunch(全局只触发一次)。 小程序初始化完成后,触发onShow方法,监听小程序显示。 ...
2019-02-21 18:14:28
240
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 bootstrap面试题
bootstrap的栅格模型 <div class="container"> <div class="row"> <div class="col-xs-6"></div> <div class="col-xs-6"></div&
2019-02-21 17:23:32
2787
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS面试题
通过js数组去重问题 方法一:使用双层循环,外层循环元素,内层循环时比较值如果有相同的值则跳过,不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){...
2019-02-21 17:06:03
127
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 跳转页面后特定元素获得焦点事件
类名为con_text的元素获得了焦点document.querySelector(".con_text").focus();id为con_text的元素获得了焦点 document.querySelector("#con_text").focus();
2019-02-12 15:43:24
482
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 移动端项目如何在手机上查看效果(通过tomcat)
第一步:安装tomcat 安装步骤第二步:将项目放在tomcat下的webapps这个文件下面第三步:查询自己的ip信息 方法一:在设置中查找 方法二:通过CMD命令查询 第四步:在tomcat下的conf文件夹中找到server.xml文件通过记事本或者其他代码编辑器打开找到端口号,一半的情况下都是...
2018-11-27 18:26:44
4482
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 仿仿滴滴时间控制选择器(前端-移动端)
效果 HTML<body> <div class="time-box"> <div> <span class="time_span1">上门时间:</span> <input type="text" id="time" readonly
2018-11-20 18:00:34
2270
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 定时器轮播
<div class="step"> <div class="container"> <div class="row "> <div class="col-lg-1-8 step-middle"> <img src="IMG/product-img24.png"&
2018-11-09 14:43:34
200
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 input对象获得焦点后自动把光标移到内容最后
直接将项目的部分代码放上来了,懒得重新写了今天在写一个公众号的页面用到输入金额的input的框,但是发现当我给input的框添加焦点事件(也就是绑定focus())的时候发现光标总会添加到input输入框内容的最左边。<div class="new-ser"> <div class="row"> <div class="col-xs...
2018-11-09 00:32:07
14991
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 $.ajax()参数及标准写法
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。...
2018-10-25 13:42:28
713
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 禁止遮罩层下屏幕滚动
<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxi
2018-10-24 19:09:52
1133
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS控制网页滑动顶部导航条变色
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <!--引入jQuery--> <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"
2018-10-23 16:59:42
8665
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 bootstrap栅格布局五等分/八等分(参考Bootstrap的栅格写法)
五等分:<style type="text/css">.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 { position: relative; min-height: 1px; margin-right: 10px; margin-left: 10px;}.col-xs-1-5 { width: 18%;...
2018-10-09 20:37:53
5163
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Sublime Text3 快捷键
文件ctrl+shift+n 打开新Sublime ctrl+shift+w 关闭Sublime,关闭所有打开文件 ctrl+shift+t 重新打开最近关闭文件 ctrl+n 新建文件 ctrl+shift+s 另存为 ctrl+f4 关闭文件 ctrl+w 关闭基本编辑ctrl+k, ctrl+b 切换侧边栏显示状态 f11 切换全屏状态 backspace ...
2018-09-28 17:35:25
248
空空如也
localStorage存储的参数随着页面的跳转丢失
2019-02-15
遍历navigator组件的url后显示没有连接,但是其他的字段遍历成功
2019-01-10
第一次写定时器,没什么效果
2018-11-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人