自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

这里是痞子Monkey的博客

写一写自己平时遇到的问题,增加记忆,如果有错误的地方请给我指出来,不胜感激...

原创 小程序,H5 腾讯地图通过详细地址获取经纬度

小程序 //地址转坐标解析 uni.request({ url: 'https://apis.map.qq.com/ws/geocoder/v1', data: { address: 省市区, region: 区县名字, key: 申请的key, ...

2020-01-07 10:35:02

阅读数 82

评论数 0

原创 H5 授权微信第三方登录

第一步:拉取授权页面进行授权登录 let pages = 'https://open.weixin.qq.com/connect/oauth2/authorize? appid='+自己的appid+'&redirect_uri='+授权登录后返...

2020-01-02 15:05:02

阅读数 341

评论数 0

原创 常见的HTTP状态码

2开头 (请求成功)表示成功处理了请求的状态代码。 200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创建了新的资源。 202 (已接受) 服务器已接受请求,但尚未处理。 203 (非授权信息) ...

2019-12-20 10:43:37

阅读数 10

评论数 0

原创 js 从数组中删除重复项

//返回新数组的长度 var nums = [1,2,1,3,5,4,5,6,7,8,6]; nums.sort();//如果数组顺序杂乱无章 需要进行排序 var count = 0; var n = nums.length; for(let i = 1;...

2019-12-13 11:03:06

阅读数 19

评论数 0

原创 小程序 特殊字符的转义字符

" 的转义字符 &quot; & 的转义字符 &amp; < 的转义字符 &lt; > 的转义...

2019-12-13 09:25:24

阅读数 35

评论数 0

原创 小程序 获取屏幕高度

let that = this; // 获取系统信息 wx.getSystemInfo({ success: function (res) { // 获取可使用窗口宽度 let clientHeight = res.windowHeight; // 获取可使用窗口高度 ...

2019-12-13 09:16:26

阅读数 10

评论数 0

原创 vue 子组件传值给父组件

首先,在父组件调用子组件product,定义一个on的方法监听子组件的状态 <Product v-for="(item,index) in orderList" :key="index" :item="item" @gobtn_...

2019-09-25 10:03:35

阅读数 18

评论数 0

原创 小程序 rich-text 解析后端传的 富文本内容

<rich-text :nodes="acdescripts"></rich-text> data() { return { acdescripts: "", }; }, //富文本变量 = 后台传回来...

2019-09-10 09:46:40

阅读数 170

评论数 0

原创 如何使苹果手机兼容new Date(date)

在苹果手机上使用new Date("219-01-02").getTime() 获取时间戳是会报NAN的, 封装一个方法 //兼容苹果new date var getDatas = (strdate)=> { var arr = strdate.split(/[-...

2019-09-10 09:37:05

阅读数 247

评论数 0

原创 vue 如何在js中调用scss的变量名

第一步在scss文件中写上: $theme-text-color-colorful:#EE5002; //这是一个变量名 //主要的一步: :export { theme_color: $theme-text-color-colorful; } 第二步在要用到变量的js中 imp...

2019-09-10 09:29:37

阅读数 1196

评论数 0

原创 小程序 判断是否是开发版 正式版

console.log(__wxConfig.envVersion),查看打印出来的是什么 console.log(__wxConfig.envVersion) // 'develop', //开发版 console.log(__wxConfig.envVersion)...

2019-08-02 14:36:26

阅读数 963

评论数 0

原创 小程序 wx.getStorageSync 读取数据

在index.wxml页面存储了一个数据wx.setStorageSync("shopInfo", res.data.data);在另一个tab页面order.wxml取值wx.getStorageSync ("shopInfo") 答案: 在onloa...

2019-07-10 11:56:01

阅读数 2456

评论数 0

原创 小程序 绘画canvas 组件

https://github.com/kuckboy1994/mp_canvas_drawer 下载这个文件 放到小程序组件中 https://www.awesomes.cn/repo/kuckboy1994/mp_canvas_drawer--有详细教程 根据教程自己写的页面 <...

2019-07-08 10:29:49

阅读数 146

评论数 0

原创 小程序 wxParse解析后端传过来的富文本内容

首先,下载一个文件wxParse 地址:https://github.com/icindy/wxParse 只需要下载这个文件就行,将wxParse放入小程序中 在要解析富文本的页面wxml调用 <import src="../../../wxParse/wxParse...

2019-07-08 09:57:16

阅读数 464

评论数 0

原创 小程序 将组件的数据传到父类

假设在home.wxml 调用组件test 1:在hom.json "usingComponents": { "test": "/pages/common/test/test", } 2:在home.wxml //写...

2019-07-08 09:39:25

阅读数 126

评论数 0

原创 小程序 地图导航

wx.getLocation({//成功定位之后才能用 type: 'gcj02', // 返回可以用于wx.openLocation的经纬度 success(res) { const latitude = res.latit...

2019-07-08 09:28:35

阅读数 323

评论数 0

原创 小程序 定位

// 引入SDK核心类--去官网下载qqmap-wx-jssdk.min.js var QQMapWX = require('./static/js/qqmap-wx-jssdk.min.js'); /** * 微信获得经纬度 */ getLoc...

2019-07-08 09:24:20

阅读数 361

评论数 0

原创 小程序 动态修改json文件中的navigationBarTitleText

if (this.data.file == 1 ) { wx.setNavigationBarTitle({ title: '预约失败' }) }else{ wx.setNavigationBarTitle({ title: '预约成功' ...

2019-07-08 09:18:41

阅读数 1097

评论数 0

原创 小程序 正则 校验输入的金额是否正确

<input placeholder='0.00' bindinput='getmoney' type='digit' focus='focus'></input> //digit 带有小数点...

2019-06-18 09:32:44

阅读数 745

评论数 0

原创 轮播图 轮播图片和视频

<swiper class="swiper" indicator-dots autoplay interval="4000" duration="1000" circular> <block wx:for=&qu...

2019-05-26 15:21:46

阅读数 1014

评论数 0

原创 html表格导出到excel

首先调用jquery.table2excel.js插件和jquery插件 写一个button按钮 给这个按钮添加事件 //点击导出按钮事件 exportDataToExcel(){ //table的ID $("#tables").table2excel({ ...

2019-03-09 13:07:13

阅读数 256

评论数 0

转载 小程序 页面跳转

wx.navigateTo  用于保留当前页面、跳转到应用内的某个页面,使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序,通常推荐使用 wx.navigateTo进行跳转, 以便返回原页面,以提高加载速度。当页面特别多时,则不推荐使用。 wx.redirectTo...

2019-01-09 15:11:40

阅读数 58

评论数 0

原创 获取验证码 倒计时

&lt;input name="sms_code" type='number' class='flex-1' placeholder="请输入验证码" /&gt; &lt;button clas...

2018-11-29 16:25:12

阅读数 41

评论数 0

原创 小程序 下拉选择

wxml: &lt;view class="box"&gt; &lt;view class='swiper-tab'&gt; &lt;view class="swiper-tab-...

2018-11-29 16:07:34

阅读数 166

评论数 0

原创 小程序 使用回车键搜索

&lt;input type='text'  value="{{search_txt}}" bindinput='getSearch_txt' bindconfirm="searchSubmit"&g...

2018-09-14 11:13:09

阅读数 1613

评论数 0

原创 mui 写一个公共的底部导航栏

html中写: &lt;nav class="mui-bar mui-bar-tab"&gt;         &lt;a href="home.html" class="mui-tab-item mui-active&q...

2018-09-05 16:20:05

阅读数 3712

评论数 8

原创 mui 如何自定义图标

打开阿里巴巴矢量图--登录--想要的图标加入购物车--下载代码 将iconfont.css放在你的css文件下面 iconfont.ttf放在fonts文件夹下面 打开iconfont.css,修改成: 然后在html页面调用iconfont.css: &lt;l...

2018-09-05 16:16:02

阅读数 445

评论数 0

原创 小程序 文字空格

一般的只要放&nbsp;就可以了,但是在小程序里面不可以,识别不了 方法一: 小程序里面写一段话 <view> //必须是在text标签里面使用decode="{{true}}",然后在文字中加入&nbsp; <text ...

2018-08-29 11:25:40

阅读数 1789

评论数 1

原创 微信小程序实现多个button按钮 多选操作

&lt;block wx:for="{{gd1List2}}"&gt; &lt;button class="{{item.isChecked2?'normal':'a2'}}" bindtap...

2018-08-24 11:02:08

阅读数 4877

评论数 0

原创 微信小程序多个button做单选操作

//这里是wxml代码 &lt;block wx:for="{{yearLabel}}"&gt; &lt;button class="{{item.select==yearShow?'b':'a'}}...

2018-08-24 10:47:26

阅读数 1558

评论数 0

原创 小程序拼接数组等于另一个数组

两个数组list1,list2, list3 = list1.concat(list2)

2018-07-19 10:54:08

阅读数 4003

评论数 0

原创 小程序底部导航栏

底部导航栏代码写在app.json里面首先你要确定有这几个页面,代码正确假设我只有底部导航栏只有三个,先pages得到这三个页面"pages":[ "pages/index/index", "pages/detail/detail"...

2018-06-29 17:02:23

阅读数 337

评论数 0

原创 微信小程序写banner轮播图

目录结构:然后写wxml:再然后布局wxss:最后写js然后轮播图就出来了如果有错误的地方请指出来,谢谢

2018-06-29 11:17:42

阅读数 1609

评论数 0

原创 mui密码框密码的显示隐藏

&lt;input type="password" class="mui-input-password" placeholder="请输入密码" &gt;只要这么一句话就可以显示密码隐藏密码

2018-06-07 17:59:33

阅读数 2018

评论数 0

原创 mui页面传值--亲测有用

两个页面,一个列表页面list.html,一个详情页detail.html.列表页面有很多个li,都是从后台渲染而来的,每一个li有属于他自己的id&lt;template v-for="item in items"&gt;    &lt;li :dat...

2018-06-07 17:47:19

阅读数 1989

评论数 0

原创 mui 选项卡禁止滑动

每次做选项卡滑动内容的时候总会不经意滑到另一个内容中,贼恶心,所以要禁止选项卡滑动只需要一行代码就可以实现:mui('.mui-slider').slider().stopped = true;...

2018-06-01 11:09:41

阅读数 3213

评论数 4

原创 Hbuilder打包Android app

做好一个app后想要在手机上运行,这时有两种真机运行方式【Hbuilder基座运行】【自定义基座运行】,自定义基座运行就是要将你做的这个app打包成app后运行,然后在手机上安装第一步:注册Hbuilder,可以邮箱注册第二步:找到你做的app里面有一个manifest.json文件,双击选择入口...

2018-05-31 17:06:56

阅读数 3876

评论数 0

原创 vue 获取img的src值,让一张图片的值等于另一张图片

点击四张小图片中任意一张,使大图片也和我点击的小图片是一样的, 首先是布局 &lt;div id="titleImg"&gt;//这是大图片 &lt;div id=""&gt; &lt...

2018-05-31 11:54:14

阅读数 4168

评论数 2

原创 关于vue登录密码的显示隐藏

在网上百度了很多答案,不知道为什么我用了就是没效果,还出现bug,然后就自己结合网上的终于搞出来了,撒花✿✿ヽ(°▽°)ノ✿密码的输入框我先用了一个文本框,input="text",给了他v-if="pwdType",v-model="eyetxt...

2018-05-28 10:43:30

阅读数 6513

评论数 5

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