1.taro 缓存 /** * 缓存数据 H5 小程序 * {food.id:{菜品信息 Num}, } */ import Taro from '@tarojs/taro'; // 取值 let store = Taro.getStorageSync(foodKey); // 存值 Taro.setStorageSync(foodKey,store); 2.Array 的 some 和 filter some 返回值为true/false if(this.state.foodlist.some…

(1)像素写法 PX -- 大写,否则会自动成rem (2)拿取列表第一条数据 let { activity:[firstItem] } = this.state; (3)使用props 需要设置默认值 XXX.defaultProps = { changeInput:null } (4)引入组件时,组件名需与文件名相同,否则报错 (5)引入的函数不能直接在子组件中用箭头函数调用,需要在子组件中单独写个函数,调用props上的函数 (6)map 不能放在 render 之外(h5可以,小程序不支…

1.组件传值的方式 2.事件监听原理 3.事件管理器 utils/event.js /** * 事件池(事件管理器) * 通过事件监听传值 */ class Event { constructor() { this.events = {}; } // 监听 on(eventName,callBack){ if(this.events[eventName]){ // 存在事件 this.events[eventName].push(callBack); }else{ // 不存在事件 this.e…

一.背景 最近公司给第三方开发了一个公众号,其中最重要的功能是支付,由于是第一次开发,遇到的坑特别的多,截止我写博客时,支付已经完成,在这里我把遇到的坑记录一下(不涉及退款).不得不吐槽一下,腾讯这么大的公司,写的代码真的烂,变量命名不规范(后来又开发了公众号分享,发现对于同一个变量,两个地方的变量名不同),文档写的垃圾,而且好多时候,有返回的错误码但是文档上没说明,另外线上线下测试极其不方便. 二.参考资料 1.JSAPI支付开发文档:主要是支付开发过程中接口.流程.注意事项.常见问题等: 2…

原文:https://www.jianshu.com/p/9b25087a5d7d   Android Studio 3.0启动图 序言 总看别人的文章,今天尝试着自己来写一篇.在逛论坛时候,无意间发现Android Studio 3.0正式版本推送更新了,早听说AS 3.0添加了许多新功能,然后手贱迫不及待地想先睹为快,结果正中下怀.下载和更新Gradle,半天无响应,只好结束进程强制关闭AS,手动离线下载安装.本以为不会有太大问题,谁知太高估了,进来各种的报错,各种的配置问题,填坑之路就此开…

公司最近使用第三方环信SDK的进行通信聊天,基本已完成.记录下填坑之路 1.可以通过以下方式引用 WebSDK 1.安装 npm install easemob-websdk --save 2. 先 require ,再访问 Web IM . require('easemob-websdk'); 注:该方式只引用了 Web SDK ,仍需在项目里配置 WebIMConfig 文件内的参数,用于实例化 websdk.配置在 webim.config.js 文件内进行以下配置: xmppURL: '…

目录 Mybatis-Plus 我来填坑~ 目录 一.简单介绍 官方说明 : 成绩: 最新版本: 开发层面MyBatis-Plus特色 Mybatis-Plus中的Plus 二.MP的特性 三.MP框架结构 四.简单的入门Demo(Mysql) 五.核心功能 核心一-简便之-代码生成器(AutoGenerator) 核心二 - 清晰之-CRUD接口 核心三 - 强大之 -Wrapper条件构造器 六.插件及扩展 Demo代码地址: 工程: 七 .总结 参考文档: Mybatis-Plus 我来填…

一.序言 应公司要求要求,要用小程序开发一个信息录入系统.没办法只能听话来填坑. 先介绍一下环境:客户端——小程序:服务端——java:数据库——mysql:服务器——centos7 需求:客户端输入信息,insert到数据库,没错就是这么一个简单的小功能,却为这个请求折腾了大半天 二.开始 先来看一下wx.request的官方文档:地址如下https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html#wxrequestob…

swipe组件 因为项目加载eslint的缘故也就没有像之前的项目一样引用swiper框架.这个轮播图的组件文档实在是不敢恭维(尽管其他的文档也好不到哪里去),官方给出的参数真是少的可怜,一些方法也并没有提到.官方的api如下图所示,你懂的: 仔细的看了的这个组件的example后,会找到一些常用的方法. 轮播默认不播放需要将auto的值设置为0 轮播图的手动控制利用vue的ref先绑定引用的swipe根标签. <mt-swipe ref="swipe" class="…

因为小程序是以微信为平台运行的,可以同时运行在android与ios的设备上,所以不可避免的会遇到布局适配问题,特别是在iphone5上,因为屏幕尺寸小的缘故,也是适配问题最多的机型,下面就简单介绍几种适配方法. rpx适配 rpx是小程序中的尺寸单位,它有以下特征: 小程序的屏幕宽固定为750rpx(即750个物理像素),在所有设备上都是如此 1rpx=(screenWidth / 750)px,其中screenWidth为手机屏幕的实际的宽度(单位px),例如iphone6的screenWi…