分类目录归档:编程

CSS实现垂直居中的几种方法

====== 目录 单行文本的居中 1.文字水平居中 2.文本垂直水平居中 二、多行文本的垂直居中 1.使用display:flex实现 2.使用display:-webkit-box实现 3.使用绝对定位和负边距 4.使用transform:translate定位 5.绝对定位和0 6.通过display:table-cell 正文回到顶部 单行文本的居中 1.文字水平居中 1 <div class=’box’ style=”text-align: center;”>hello world</div> 2.文本垂直水平居中 1 <div class=”box2″ […]

微信小程序wx.request使用post方式传参入坑

急急忙忙尝试了2天,发现问题始终解决不掉 问题:通过微信小程序实现post    (后端是python flask  flask的post函数) 解决方案:凭我的经验猜测 只传输一个值  data ,然后里面包含字典形式的三个元素   {“kind”:””, “acc”:””, “donor”:””} 为了转换在小程序上post我费了些时间 我感觉上述没有问题,但是不知道为什么就是通不过一直 […]

微信小程序 点击复制文本到剪贴板

调用小程序的接口来实现,没什么难点,就直接上代码啦。 wxml: <view>内容:{{contents}} </view> <view bindtap=’copyText’ data-text=”{{contents}}”>复制</view> js: Page({ data: { contents:’这是可以复制的文字,粘贴后即可看到效果’ }, copyText: function (e) { console.log(e) wx.setClipboardData({ data: e.currentTarget.dataset.text, su […]

微信小程序实现下拉刷新

本文将简单介绍如何实现微信小程序的下拉刷新 将要使用的api: wx.showNavigationBarLoading(Object object) wx.showLoading(Object object) wx.hideLoading(Object object) wx.hideNavigationBarLoading(Object object) wx.stopPullDownRefresh(Object object) wx.request(Object object) //刷新 onRefresh(){ //在当前页面显示导航条加载动画 wx.showNavigationBarLoa […]

js过滤emoji表情符号

手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错:SQLException: Incorrect string value: ‘\xF0\x9F\x98\x84’ for column ‘review’ at row 1 原因是:UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节,而Mysql的utf8编码最多3个字节,所以数据插不进去。 过滤 php过滤emoji表情: $name = preg_replace(‘/[^\\u0000-\\uFFFF]/ig’, ”, $string); js过 […]

php 根据实际地址获取对应的经纬度

在php中根据实际地址获取对应的经纬度,这里推荐使用百度地图和腾讯地图提供的现成的接口 这里注意一点: 百度地图和腾讯地图的坐标与真实经纬度是不同的,国际经纬度坐标标准为WGS-84,国内必须至少使用国测局制定的GCJ-02,对地理位置进行首次加密,腾讯使用的就是国测局制定的GCJ-02。百度坐标在此基础上,进行了BD-09二次加密措施 一:百度地图: 根据实际地址获取经纬度的百度接口文档地址:地理编码 1:获取密钥 点击文档左侧的获取密钥按钮,根据提示获取密钥 2:实现根据实际地址获取到经纬度 根据如上的代码就可以获取到实际地址对应的经纬度 二:腾讯地图 腾讯根据实际地址获取经纬度接口文档: […]

微信小程序之分享功能

微信小程序之分享功能 小程序风口正盛,将小程序作为获客的来源之一实在合适不过,想要让小程序的获客产生裂变,那么从将小程序的数据发送出去势在必行,本文提供以下几种方案作为数据出口,达到老拉新/口碑传播的效果。 本文中所介绍的东西并没有高深的技术含量,都是一些很简单的技巧而已。 一、分享: 让用户使用小程序之后,再将它分享给好友,或者发送到朋友圈,实在太合适不过了。 1.转发给好友/群: 在小程序开发API中,发送给好友/群,可以有两种实现方式: 1)入口 a.小程序右上角自带的分享功能(…): 如果在当前页面调用wx.hideShareMenu()方法,那么右上角的分享功能将被隐藏, […]

微信小程序navigateBack如何带参数

wx.navigateBack({//返回 delta:1 }) 方法如下: 一. var pages = getCurrentPages(); var prevPage = pages[pages.length – 2]; //上一个页面 //直接调用上一个页面的setData()方法,把数据存到上一个页面中去 prevPage.setData({ mydata: {a:1, b:2} }) 二. 回到上一页,在data里定义mydata,然后在onshow里 var pages = getCurrentPages(); var currPage = pages[pages.le […]