- 博客(125)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 微信小程序——打开地图 选择位置 完整功能实现代码(定位，检索周边，可移动选点，可搜索，腾讯地图API)
小程序中打开地图选择店铺位置，地图定位选择地点实现方法如下，（仿美团外卖商家入驻店铺地址选择页面制作）源码地址：CSDN:https://download.csdn.net/download/yu17310133443/11085028github:https://github.com/mcky1928/map小程序地图实现，功能如下：1. 默认地位显示地图，下面显示附近场.........
2019-04-03 11:20:08
46081
67
原创 uni-app—拦截处理（可拦截tabbar切换）
uniapp使用addInterceptor拦截tabbar切换, api请求，访问相册等操作
2022-03-17 10:44:20
8104
11
原创 CSS ( Flex布局 ) —— 关于flex布局使用滚动条时，最后一个元素margin无效的问题
在开发中，很常用到flex布局，当使用flex布局，需要使用滚动条的时候，最后一个元素会出现margin无效的情况，如下： <div class="wrap"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div&
2020-08-21 15:04:53
6490
1
原创 微信小程序———— 订阅消息功能实现
本文主要介绍下 微信小程序 订阅消息 功能的使用及一些注意事项1. 首先，需要到小程序后台去添加消息模板添加模板之后就是使用啦，下发消息是需要用户授权的，来看下API2.wx.requestSubscribeMessage(Object object) 调起客户端小程序订阅消息界面，如下图所示代码：dingyue: function (tmplId){ let that = this wx.getSetting({ withSubscrip...
2020-08-04 14:49:06
3714
3
原创 VUE ———— Element Carousel 走马灯 源码分析与改写 （显示多张）
用过Element Carousel 组件的 应该都知道 ，他只能显示3个item, 而没有提供显示数量设置的属性，那如果想要显示多个，就要来改下他的源码，一起看下吧！原本样式：改动后：首先在浏览器里先看下他的样式：首先我们将隐藏的item 显示出来 发现他是这个样子的我们会发现 他会在左面后者右面有两个item 是重叠的 其实不重叠 直接就可以用啦 哈哈 我们就在这个基础上面改就好了！下面来看下代码： 首先carousel组件在element...
2020-05-22 14:52:44
16887
22
原创 微信小程序 ———— 使用ECharts实现树状关系图
在开发中，有时候会遇到展示一些人物关系，上下级关系等相关需求，使用树状图可以清晰的表达出来首先看下目录结构- component - echarts - ec-canvas.js - ec-canvas.json - ec-canvas.wxml - ec-canvas.wxss - echarts.min.js - wx-canvas.js- pages - treeView
2020-05-19 11:24:52
7759
原创 微信小程序 ———— 异步请求中使用async/await实现同步请求
在小程序开发中，大多数都是在打开小程序在app.js中获取用户信息的，但是如果我们进到主页获取内容需要用到用户信息 比如用户id，那我们要怎么保证在进到主页时已经拿到了用户信息呢？最开始做小程序的时候 我用过各种笨方法，比如在主页写了个定时器，判断用户信息获取到了在停止定时器。虽然能解决，但是总觉得不爽。后来发现了 Promise 配合 async/await 来实现异步中达到同步的效果...
2020-05-05 17:37:28
2680
原创 leetCode随机刷题（五） ———— 串联所有单词的子串
题目：给定一个字符串s和一些长度相同的单词words。找出 s 中恰好可以由words 中所有单词串联形成的子串的起始位置。注意子串要与words 中的单词完全匹配，中间不能有其他字符，但不需要考虑words中单词串联的顺序。示例：示例 1：输入： s = "barfoothefoobarman", words = ["foo","bar"]输出：[0...
2020-04-30 11:44:08
690
原创 leetCode随机刷题（四） ———— 山脉数组中查找目标值
题目：这是一个 交互式问题）给你一个 山脉数组mountainArr，请你返回能够使得mountainArr.get(index)等于target最小的下标 index值。如果不存在这样的下标 index，就请返回-1。何为山脉数组？如果数组A 是一个山脉数组的话，那它满足如下条件：首先，A.length >= 3其次，在0 < i<...
2020-04-29 17:11:39
236
原创 leetCode随机刷题（三） ———— 盛最多水的容器
题目给你 n 个非负整数 a1，a2，...，an，每个数代表坐标中的一个点(i,ai) 。在坐标内画 n 条垂直线，垂直线 i的两个端点分别为(i,ai) 和 (i, 0)。找出其中的两条线，使得它们与x轴共同构成的容器可以容纳最多的水。说明：你不能倾斜容器，且n的值至少为 2。示例：输入：[1,8,6,2,5,4,8,3,7]输出：49我的解...
2020-04-29 14:17:17
331
原创 leetCode 随机刷题（二） ———— 长按键入
题目你的朋友正在使用键盘输入他的名字name。偶尔，在键入字符c时，按键可能会被长按，而字符可能被输入 1 次或多次。你将会检查键盘输入的字符typed。如果它对应的可能是你的朋友的名字（其中一些字符可能被长按），那么就返回True。示例 1：输入：name = "alex", typed = "aaleex"输出：true解释：'alex' 中的 'a' 和 'e'...
2020-04-29 11:03:43
238
原创 leetCode随机刷题（一） ———— 两数之和！
给定一个整数数组 nums和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]我的解：...
2020-04-29 10:44:41
272
原创 CSS —— 有了它，图片再也不会变形了！object-fit 与 object-position 属性详解
在页面展示图片中，总会遇到图片展示不符合自己想法的事情，比如固定了图片宽高，图片会变形其实CSS提供了一个object-fit属性，object-fit: cover; 就可以解决图片变形的问题介绍：object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。object-fit 一般用于 img 和 video 标签，一般可以对这些原素进行保留原始比例的剪切、...
2020-04-27 15:58:24
1135
原创 JavaScript —— 数组转成字符串 (新方法，另辟蹊径！)
众所周知js中数组转成字符串使用join方法字符串转成数组使用split方法例如：var arr = [1,2,3];console.log(arr.join()); // '1,2,3'console.log(arr.join('.')); // '1.2.3'var str = 'a,b,c';console.log(str.split()); // [a,b...
2020-04-27 14:36:06
220
转载 小程序通过摄像头拍摄个人身份证
前段时间，手上刚好接手一个小程序的项目，心想之前自学过一段时间的小程序，终于有项目可以练练手了，可惜，万万没想到，加了两个周末的班结果却成了飞机稿。好在有些收获，于是趁思路尚且清晰，先记录下来，以下纯属个人见解。项目大概是这样的，通过摄像头拍摄个人身份证，并上传资料完成备案。帐号首先，开发小程序，我们需要个开发者账号，这里具体的步骤就不再赘述了。开发语言小程序框架本身...
2020-04-27 11:34:43
1437
原创 jQuery——自定义浏览器滚动条，改变滚动条样式。实现滚动条效果
自定义浏览器滚动条，并实现滚动条功能废话少说，直接上代码：HTMl<div class="scroll-box" onscroll="onScroll()"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5<...
2020-04-27 11:17:12
1662
原创 微信小程序——安卓可能遇到的卡顿问题解决方案
在微信小程序开发中，页面路由之间跳转后可能会遇到页面卡顿的问题可以检查下页面是否有使用或者多次使用redirectTo 方法，这个方法在安卓上的会造成页面卡顿的现象，但也不是必发，如果出现页面卡顿的现象不妨尝试下，可以换成reLaunch方法解决，这个问题在IOS上不会有，小程序在IOS上的性能确实比安卓好。微信内部逻辑处理不太清楚，有遇到类似问题的朋友可以尝试下这个方法...
2020-04-07 18:29:09
14005
2
原创 微信小程序：手机号码解析失败解决方案
在小程序开发中，获取用户信息，获取手机号基本是必须用到的功能但是有时可能会遇到“手机号解析失败”的问题，这个时候我们检查下代码是否是在获取手机号的回调中才调用的wx.login的方法，如果是这样，这一点官方文档是有说明的，如下：所有解决办法是提前调wx.login，在获取手机号的回调方法中取检验登录状态，代码如下：...
2020-04-07 18:17:43
12714
原创 屏幕滚动到页面某个位置，导航栏固定顶部功能。临近值闪烁问题解决办法
在前端开发中，又是会遇到实现页面中有个导航栏，页面滚动到导航栏位置时，导航栏固定在顶部。滚动回去，导航栏再恢复到页面中。我们需要获取 :1. 导航栏在页面中距离窗口顶部的高度 top2. 时刻检测窗口滚动的高度 scrollTop当 scrollTop >= top时 说明页面已经滚动到导航的位置了，这时候使用给导航添加个class然后设置导航position:fixed...
2019-08-06 17:52:25
2260
原创 javascript—— JS 深拷贝与浅拷贝方法总结
<script> var arr1 = [1,2,3,{a:4}]; var arr2 = []; //浅拷贝 function shallowCopy(a1, a2){ a2 = a1; } //普通元素为深拷贝，对象为浅拷贝 function copy(a1, a2){ //a2 = a1.slice();//第一种 //a2 = a1.concat()...
2019-04-29 11:50:07
599
原创 微信小程序——微信支付，前端实现统一下单方法
微信小程序中微信支付统一下单前端实现方法：（实际项目中建议在后台来实现） /*统一支付接口*/ unitedPayRequest: function(openid){ var that=this; //统一支付签名 var appid = '';//appid必填 var body = '';//商品名必填 var mch_id = '';//商户...
2019-04-23 13:51:24
5053
2
原创 微信小程序——自定义上拉加载，下拉刷新 实现方法
开发中，有时列表使用<scroll-view>来实现滚动效果，然而在实现上拉加载，下拉刷新的时候，希望可以在<scroll-view>中来实现拖拽效果，而不是使用wx.startPullDownRefresh()去展示整个页面的拖拽这里选择使用bindtouchstart bindtouchend catchtouchmove去实现这种效果...
2019-04-12 11:35:21
2377
2
原创 小程序手动退出方法
小程序中手动点击按钮退出小程序的方法：<navigatoropen-type="exit" target="miniProgram">退出小程序</navigator>
2019-04-11 17:02:10
4960
原创 微信小程序——选择图片，上传图片，点击查看大图，删除图片
Page({ data: { images: [], count: 3, //设置最多三张图片 }, chooseImage: function () { var self = this; var images = self.data.images; var imagesShow = self.data.imagesShow; var...
2019-04-11 16:42:04
2578
原创 微信小程序——列表遍历排序方法
Page({ data: { arr: [ { id: '1', name: '一', age: '12' }, { id: '5', name: '五', age: '24' }, { id: '3', name: '三', age: '28' }, { id: '4', name: '四'...
2019-04-11 16:19:35
17309
原创 微信小程序 git代码管理使用的详细步骤
小程序 代码管理 操作 详细步骤：首先，微信开发者工具点击"代码管理"后，执行 初始化git仓库后 点击确认 就来到如下页面：点击右上角的代码管理按钮，打开 管理后台， 选择创建项目：这里面创建之后，会设置邮箱 账户 密码一些东西 ，账户密码设置之后后面需要用到，主要说下ssh的添加。如果有ssh，直接添加就好了，没有的话，创建一个就ok了可以直接参考官方文档的h...
2019-03-28 11:56:51
16519
3
原创 【angular】error TS2307: Cannot find module 'rxjs-compat/Observable
今天在ng build 时 报了个错 error TS2307: Cannot find module 'rxjs-compat/Observable出现原因是因为 rxjs v5.x 升级到 6了 解决办法很简单：在项目目录下执行：npm install rxjs@6 rxjs-compat@6 --save OK 解决了！！！...
2018-11-16 18:19:02
5099
6
原创 【百度小程序】tabBar自定义组件使用
之前微信小程序使用模板形式自定义的tabBar, 转到百度小程序发现不是很好用，data值传不进去，所以就做了修改，改成了component组件式了，下面是我的代码，有需要的朋友可以参考，根据自己需求调整我的tabBar为 首页，客服，电话，预约和查询，整个文件夹目录放在了pages文件夹下面1. tabBarComponent.json{ "component": true...
2018-10-11 09:59:22
4358
3
原创 【mip】 mip 组件
整理了在mip开发中自己所封装的一些组件，如果大家有用的上的可以参考或提供改进建议mip官网：https://github.com/mipengine/mip组件存放地址：https://github.com/mipengine/mip-extensions-platform 目录 1. 轮播组件 2.轮播组件 3. 切换组件mip-multiple-change...
2018-08-31 17:21:07
852
微信小程序——上拉加载，下拉刷新 实现方法
2019-04-12
微信小程序——打开地图选择位置信息完整功能实现代码(定位，可移动选点，可搜索，腾讯地图API)
2019-04-03
ionic开发中，怎么改变手机输入法键盘上回车键的显示内容，如：发送？
2017-12-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人