- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react hooks用法
解决函数组件没有生命周期和状态state的问题，常用的副作用钩子如下：useState() userContext() userReducer() useEffect()一、userState():状态钩子纯函数组件没有状态，useState()用于为函数组件引入状态.存放函数的一些初始数据。const [isShow,setIsShow] = useState(false)注：在useState()中，它接受状态的初始值(这里是false，可以设置任意值)作为参数，其中数组第.
2022-04-11 14:55:22
674
原创 require.context()的用法
一般用于加载某个目录下的多个文件，如：var request = require.context('./module', true, /\.js$/)1、require.context()接收三个参数，第一个参数是要加载的文件目录地址，第二个参数是true或false，表示是否需要加载子目录，第三个参数是个正则表达式，表示要加载哪些文件，上面代码表示要加载module目录下的.js文件。2、该函数有三个属性：resolve,keys,id，通过打印request.resolve,reques
2022-04-07 15:17:01
1467
4
原创 react中Suspense，EventEmitter的使用
示例代码如下：import React,{ Suspense } from "react";const LazyComponent = React.lazy(() => import('./LazyComponent'));function MyComponent() { return ( <div className='box'> <Suspense fallback={<div>加载中...</div>}>
2022-04-07 13:49:30
1450
原创 总结git提交代码种遇到的报错
1、fatal: destination path '.' already exists and is not an empty directory翻译就是：目标路径已经存在并且不是一个空目录。于是我打开工具->文件夹选项->查看->显示隐藏文件，终于发现了隐藏文件夹“.git”。删掉该文件夹后，再次执行git clone，成功拉下代码。2、fatal: refusing to merge unrelated histories这是因为两个分支没有取得联系。.
2022-01-13 11:50:03
8569
原创 小程序强制授权获取经纬度
// 用户授权位置信息 getUserLocation: function (e) { let vm = this wx.getSetting({ success: (res) => { console.log(res); if (res.authSetting['scope.userLocation'] != undefined && res.authS..
2021-12-21 15:06:39
157
原创 小程序使用变量名获取data中数据
js中的data 中 data: { type:'', normallist:[] } getType(e){ var type = e.currentTarget.data.type normallist console.log(this.data.type); '' console.log(this.data[type]); this.data.normallist
2021-12-21 13:15:17
2878
原创 通过 js的object方法 获取对象的长度以及value，key值
var obj = { name:'hello', sex:'女'， };var key = Object.keys(obj); 获取key值var value = Object.values(obj); 获取value值var Propertyname = Object.getOwnPropertyNames(obj) 返回一个由指定对象的所有自身属性的属性名console.log(key); ['name...
2021-12-20 16:19:07
3578
原创 小程序实现选择地址，搜索附近地址功能
借鉴： 微信小程序 地图选择附近地址获取经纬度 - 灰信网（软件开发博客聚合）1、在 app.json中书写以下代码"requiredBackgroundModes": [ "location" ],2、在需要使用的地址界面添加方法<view bindtap="chooseLocation">选择收货地址</view>3.在需要使用的js文件中添加以下方法chooseLocation:function(e){ var ...
2021-12-16 16:04:03
1552
原创 通过 js 实现多选框的选择/取消选择功能
selectgoodsid(e) { var index = e.currentTarget.dataset.index var goodsid = this.data.goodsid if (goodsid.includes(index)) { goodsid = goodsid.filter(item => item != index); } else { goodsid.push(index) } this.setDat..
2021-12-15 16:56:04
3293
原创 更改checkbox以及radio默认样式
/*多选框*/checkbox.wx-checkbox-input{width:34rpx;height:34rpx;border-radius:50%;}/*checkbox选中后样式*/checkbox.wx-checkbox-input.wx-checkbox-input-checked{background:#7B76E6;border-color:#7B76E6;}/*checkbox选中后图标样...
2021-12-15 09:27:57
453
原创 小程序第三方逆地址解析
1、登录百度开放平台（百度地图开放平台 | 百度地图API SDK | 地图开发）注册成为开发者，创建应用，选择应用类型，获取ak。2、使用wx.getLocation获取位置经纬度,调用百度地图api就可以进行解析。getDistrict(latitude,longitude){varak='ak'varthat=this;wx.request({url:'http://api.map.bai...
2021-12-14 10:15:39
650
3
原创 小程序复制文本
方式一：点复制按钮复制指定内容copy(e){var text = e.current.dataset.textwx.setClipboardData({data: text,success:function(res){}})}方式二：选择文本复制（selectable="true"）<text class="c-desc" selectable="true">{...
2021-11-24 15:57:43
1600
原创 调用百度api逆地址解析
在百度地图开放平台如下：百度地图开放平台 | 百度地图API SDK | 地图开发百度地图API是一套为开发者提供的基于百度地图的应用程序接口，包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本，提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及逆地理编码等丰富功能。LBS·云是百度地图针对LBS开发者全新推出的平台级服务。通过地图API，一方面解决移动开发者服务器端日益增长的海量位置数据的存储维护压力，另一方面彻底解决所有LBS开发者基于位置数据的高并发检索
2021-11-24 15:14:45
1023
原创 函数的防抖和节流
1、封装函数并导出/*函数节流*/function throttle(fn, interval) { var enterTime = 0;//触发的时间 var gapTime = interval || 1000 ;//间隔时间，如果interval不传，则默认1000ms return function() { var that = this; var backTime = new Date();//第一次函数return即触发的时间 .
2021-10-27 14:39:28
97
原创 解决小程序scroll-view无法触发onReachBottom上拉触底事件
使用了scroll-view标签onReachBottom上拉触底不触发，可以在标签里面加上这个事件 bindscrolltolower事件。bindscrolltolower eventhandle 否 滚动到底部/右边时触发 <scroll-view class="list" scrollY="true" bindscrolltolower="Reachbottom"></scroll-view>然后在js中调用这个方法，在...
2021-10-18 17:11:07
2116
1
原创 js 合并数组
方法一: js的数组对象提供了一个叫concat()方法，连接两个或更多的数组，并返回结果，原数组不变返回一个新的数组var arr1=[1,2],arr2=[3,4]var newarr = arr1.concat(arr2); //newarr=[1,2,3,4];方法二: ES6的语法，模板字符串(...),会生成新的数组。var newarr=[...arr1,...arr2] //newarr=[1,2,3,4];方法三： arr...
2021-10-12 15:57:57
113
原创 小程序右上角分享禁用和显示
1、显示：wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline']})2、禁用wx.hideShareMenu({ menus: ['shareAppMessage', 'shareTimeline']})注意："shareAppMessage"表示“发送给朋友”按钮，"shareTimeline"表示“分享到朋友圈”按钮 显示“分享到朋友圈”按钮时必.
2021-10-08 18:26:36
1621
原创 倒计时秒转成天时秒分
var lt = 3000 //总秒数var timer = setInterval(() => {if (lt > 0) {let days = Math.floor(lt / 86400)//天数let hours = Math.floor((lt - 24 * days * 60 * 60) / 3600)//小时数let minutes = Math.floor((lt - 24 * days * 60 * 60 - 3600 * hours) / 60)...
2021-08-26 14:40:58
174
原创 小程序less转wxss
1、vscode安装Easy-less插件2、找到其解密后的安装包，复制到微信开发者工具中即可（1）选择设置>扩展设置>设置>自定义扩展，打开扩展的文件夹，粘贴即可。（2）或者直接找到插件右击选择从已解包的扩展文件夹安装，选择路径即可。3、在微信开发者工具中找到settings.json文件添加以下代码"less.compile":{"outExt":".wxss"},4、重启一下开发者工具，新建less文件...
2021-08-24 18:54:24
1861
原创 微信小程序template模板使用
微信小程序有提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用减少冗余代码。创建模板: 新建一个文件夹用来存放模板,在模板的wxml中定义定义页面布局,wxss中书写样式.<template name="template1"> <!-- 使用 name 属性，作为模板的名字 --> 页面布局</template>使用模板: 在需要使用模板的wxml文件中引入模板文...
2021-08-19 16:11:21
702
原创 小程序自定义组件以及使用组件方法
方法一: 1.新建一个文件夹,鼠标右击选择新建Component,输入组件名,就会生成组件对应js,json,wxml,wxss等文件.如下图所示: 2.在json文件中,设置字段"component": true,就表示该组件时自定义组件,以后就可以在其它页面中进行使用.{ "component": true, "usingComponents": {}}3.在 wxml 文件中编写组件模板，在 wxss 文件中书写组件样式，它们的写法与页面的写法类似。...
2021-08-19 14:36:20
765
原创 js数组对象交集
需求分析:如图所示有两个对象数组arr1和arr2,求arr1和arr2的交集. var arr1 = [{ id: 1 }, { id: 2 }, { id: 3 }]; var arr2 = [{id: 1 }, {id: 2 }, {id: 3 }, { id: 4 }, { id: 5 },{id: 6}]; 实现思路及代码如下:var have = [] //定义一个空数组 arr2.forEach(el=>{ ..
2021-08-06 15:05:41
1096
原创 小程序分享好友
需求：将某个单页面分享给好友1、在页面js文件中通过onShareAppMessage生命周期来监听，用户点击右上角分享或者自定义分享按钮的行为。并可以设置分享的页面路径，标题，头图等信息。 onShareAppMessage: function () { return { title: "这是标题", //分享给好友时的标题 path:'pages/index/index'
2021-08-04 17:56:16
137
原创 小程序点返回的时候跳转到指定页面
需求描述：在确认订单页面，点击提交订单的时候，无论是支付成功还是取消都是跳转到了订单详情页，这个时候在订单详情页面点返回的时候还是会跳转到确认订单页面，这时候就让它返回的时候跳转到指定页面。1、首先在确认订单页面，,点击提交订单跳转的时候传一个参数，以便订单详情页面返回的时候来判断是不是由确认订单页面跳转到的，因为像从订单列表页面查看订单详情的时候，是还是返回上一页的，所以要区分下。代码如下：submit(){ wx.navigateTo({ url: '/newPages/de
2021-07-28 16:56:48
905
原创 小程序返回上一页并传参
功能需求：在做查看订单页面的时候，有待支付、已完成，已取消，已退款几种，点击查看订单详情后返回的时候，要回到上一次点击的状态（待支付、已完成，已取消，已退款）这个时候就需要缓存点击的哪一项，返回的时候设置。1、在要返回的页面中加载后或者请求成功后添加以下代码： onLoad: function (options) { var pages = getCurrentPages(); \\当前页面 var prevpage = pages[pages.leng
2021-07-28 08:55:39
682
原创 小程序上传发布
1、在微信开发者工具点击上传输入版本号，更新类型及等信息，如图所示： 出现以下上传成功弹窗表示代码上传成功，可以继续下一步操作。2、进入微信公众平台 （https://mp.weixin.qq.com/）使用开发者账号微信扫码登录3、在管理--版本管理--开发版本中可以看到你刚才提交的版本。4、点击提交审核、按照步骤填写相关信息，点击提交审核即可。5、这时候你只需要耐心等待，审核通过后会发送给你一条审核通过服务通知。6、审核通过后，在审核版本中点击提交发布，线...
2021-07-21 16:37:57
491
原创 css文字强制不换行，多余显示省咯号
<div class="title">小郭快跑呀！</div>.title{ overflow:hidden; //超出部分隐藏 text-overflow:ellipsis; //超出部分显示... white-space:nowrap; //文本强制一行显示 }
2021-07-20 19:56:27
192
原创 git 的一些基本操作
git clone 云端地址 克隆代码到本地仓库,适用于第一次下载代码，后续可以git pull直接拉取git pull origin 分支名 更新本地代码git status 查看代码状态git add . 保存代码到暂存区git commit -m 描述 保存代码到持久区git push origin 分支名 将你的代码提交到云端。注意代码必须得在暂存区才可以。git branch 查看...
2021-07-20 13:30:17
134
原创 小程序订阅通知
使用wx.wx.requestSubscribeMessage发起订阅消息弹窗如下所示：代码如下所示： wx.requestSubscribeMessage({ tmplIds: reqsutmp, success(res){ console.log(res); if(res.errMsg=="requestSubscribeMessage:o...
2021-07-20 13:17:22
342
1
原创 小程序登录授权功能
登录 首先通过wx.login获取用户登录的凭证code，然后将code提交到你的后台来换取 openid ，session_key ， unionid等信息。wx.login({ success(res){ console.log(res) if (res.code) { // 发起网络请求，用于用户登录 wx.request({ url: '后台登录的接口', ...
2021-07-17 17:06:11
807
3
原创 小程序支付
接入前的一些准备工作具体见：https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_1.shtml接入成功后就可以通过以下代码进行支付了。1、首先通过以下代码：wx.request(url,params,e=>{})请求后台接口，把商品的一些基本信息，如商品数量，价格等信息提交到后台（具体看后台需要什么信息就传什么），后台会返回给一个订单ID。 2、 通过订单id，调用后台的支付接口后端会返回给你发起支...
2021-07-17 14:48:43
117
原创 小程序分包
分为普通分包和独立分包两种：1、普通分包 配置app.json文件，在app.json中声明subpackages字段。 语法如下："subpackages": [ { "root": "packageA", "pages": [ "pages/a1", "pages/a2" ] }, { "root": "packageB", "name": "package2", ...
2021-07-16 13:28:03
272
原创 git上传更新代码失败
上传代码出现上述报错信息，表示当前的仓库跟你远程的仓库数据没有同步，所以推送的时候有冲突。也就是你当前的代码不是最新的，有别的开发者推送代码到了仓库。解决方法：1、使用git add git commit -m 先把你的代码推送到持久区。（必须先推送到暂存区，不然后续数据会覆盖）2、使用git pull 将最新代码拉下来。3、使用git push origin 分支名 把代码再推送到远程仓库即可。...
2021-07-16 13:16:51
1165
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人