Rattenking的博客

迎接黎明的曙光前行！

原微信小程序实例系列

下载微信小程序实现部分高德地图功能的DEMO下载微信小程序实现MUI的部分效果的DEMO下载更多微信小程序实例 GIT GIT地址 https://github.com/Rattenking/WXTUI-DEMO GIT下载 git clone ...

2018-02-08 11:11:12

阅读数：9851

评论数：10

原前端笔记列表

基础知识神奇的position:sticky 双飞翼布局的原理圣杯布局的原理 Browser 对象(一、history) JS获取当前网址信息前端常见面试题前端自适应—-单位rem node.js 获取url中的各个参数 nodejs之url模块 nodejs之querystring模...

2018-01-30 16:58:21

阅读数：280

评论数：0

原游戏列表

DEMO下载五子棋悔棋DEMO 五子棋AI篇DEMO 文字列表五子棋微信小程序（游戏）—-五子棋（棋盘，重置，对弈篇）微信小程序（游戏）—-五子棋（悔棋篇）微信小程序（游戏）—-五子棋（AI篇）微信小程序（游戏）—-五子棋（总结）拖拽拼图微信小程...

2018-01-11 16:22:54

阅读数：655

评论数：0

原微信小程序----CSS 的空格处理

效果 HTML &lt;p&gt; Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Ratte...

2018-08-10 15:51:14

阅读数：107

评论数：0

转 20 行 JS 代码，实现复制到剪贴板功能

转自：20 行 JS 代码，实现复制到剪贴板功能 HTML &lt;div class="rui-upload-btn rui-btng" data-copytarget="#rui-base64-result&am...

2018-08-01 14:56:23

阅读数：63

评论数：0

原微信小程序----解析px、rpx、rem、vw实现页面布局

PX px：绝对单位，页面按精确像素展示。在PC端经常使用的单位，不用计算，直接使用，一般情况不用考虑设计图纸的来改变页面的大小。就直接采用px,方便快捷但是不能自适应。 RPX rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。 ...

2018-07-31 15:35:52

阅读数：57

评论数：0

原微信小程序----相对路径图片不显示

出现场景在本地调试的时候本地图片显示,但是手机浏览的时候本地图片不显示。出现图片不显示的原因小程序只支持网络路径和base64的图片。图片转base64在线工具处理方法将图片都放到服务器，然后直接采用网络路径。 1.1 优点是能够放大量的图片。 1...

2018-07-27 11:25:56

阅读数：84

评论数：0

原微信小程序----评价系统中的评星

场景在电商、医疗等带有用户评价的时候，常见的就是对服务等进行星级评定，在小程序中如何更加简单的实现该功能？效果图 WXML &amp;amp;lt;text class='rui-star' wx:for=&amp;quot;{{...

2018-07-18 18:29:22

阅读数：113

评论数：0

原微信小程序----session_key失效导致的后台错误wxsp login api aesCbcUtil error info: pad block corrupted

出错场景微信小程序的一键登录，授权获取用户的手机号，进行注册。每一个新的用户在第一次进入小程序进行一键登录的时候都会报错，当第一次报错退出小程序，第二次进入时能够顺利的进行一键登录。后台Java报出的错误原因 wxsp login api aesCbcU...

2018-07-18 18:00:20

阅读数：122

评论数：0

原微信小程序----短信验证码倒计时插件

效果图 JS // 倒计时插件 class CountTime { constructor(page) { this.page = page; this.time = 60; this.timer = null; this.page.setDat...

2018-06-30 12:51:03

阅读数：142

评论数：0

原微信小程序----wx.getLocation(OBJECT) API在iOS关闭本机定位时，获取定位失败

问题在做一个小程序时，进入首页需要获取用户的当前位置经纬度，然后去服务器查询当前位置周边的网吧。在安卓关闭定位设置时，wx.getLocation(OBJECT) API依然能够获取当前位置的经纬度；但是iOS如果关闭定位设置，wx.getLocation(OBJECT) API就会失败...

2018-06-30 12:23:31

阅读数：343

评论数：0

原微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置

开发场景已知地点的经纬度，期望在打开的地图进行标注位置和进行开车、徒步、公交、骑行等的路线规划！效果图实际应用体验 JS Page({ openLocation(){ wx.openLocation({ longitu...

2018-06-25 18:48:43

阅读数：412

评论数：0

原 CSS文字两端对齐

微信小程序—-CSS文字两端对齐场景—-在微信小程序的表单开发中常遇到 input 的 label 需要进行文字的两端对齐！参考：真正可用的CSS文字两端对齐由于真正可用的CSS文字两端对齐需要放置一个空标签，本人对此处进行了优化处理，利用伪元素 after 代替空标签 span...

2018-06-07 17:10:51

阅读数：173

评论数：0

原微信小程序----当前时间的时段选择器插件（今天、本周、本月、本季度、本年、自定义时段）

DEMO效果图插件思路准备工作获取当前时间，同时获取当前的年、月、日、周几；创建处理日期数字的函数；创建格式化日期的函数；创建获取某月天数的函数；创建获取季度开始的月份函数。获取时段创建获取当天的时段函数；创建获取本周的时段函数；创...

2018-05-28 15:31:26

阅读数：228

评论数：0

原微信小程序----编写后台服务接口配置文件

编写后台服务接口配置文件 const basePath = 'http://test.cdbhbc.com/wbgapi'; const urlList = { // 刷新token refreshTokeUrl: basePath + '/refreshToke',//token...

2018-05-23 16:39:31

阅读数：817

评论数：0

原微信小程序----获取二维码

前言：随着小程序的火爆，功能的越发完善，客户的需求越来越多，终于在此次开发中需要用到微信的获取二维码功能！业务需求开发一个线上购物平台（类似美团），但是在每家店铺都有自己的二维码，扫该二维码直接进入店铺的商品购买页面。常规需求:常规的是扫小程序二维码—进入小程序首...

2018-05-17 15:41:08

阅读数：182

评论数：0

原火狐浏览器安装插件步骤

基本准备安装火狐浏览器安装插件的基本步骤打开火狐浏览器—&amp;gt;右上角的面板展开—&amp;gt;打开面板中的【附件组件】—&amp;gt;选择左侧的【扩展】选项—&amp;gt;在右侧输入框输入...

2018-05-17 13:46:12

阅读数：112

评论数：0

原星号替换手机号码的中间四位数

应用场景在个人中心或者中奖人名单是用户的手机号码，为了保护用户隐私，需要将手机号码的中间四位数替换为星号！替换的用法 phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2'); 应用实例 functi...

2018-05-17 10:46:05

阅读数：440

评论数：2

原正则表达式验证手机号码是否正确

使用场景在需要手机登录，验证等场景时，需要先在前端对输入手机号码进行验证！验证的正则表达式 let phoneCodeVerification = /^[1][3,4,5,7,8][0-9]{9}$/; 应用实例 function codeVerifi...

2018-05-02 17:22:19

阅读数：204

评论数：0

原图片在线转换base64

DEMO预览图片在线转换base64 图片在线转换base64—-实现方法采用 FileReader 对象的 readAsDataURL 方法进行图片的转换！ JS实现获取上传按钮，文字按钮，显示base64的结果，预览按钮，预览图片显示；判断当前浏览器是否...

2018-04-28 17:05:39

阅读数：284

评论数：0

提示

确定要删除当前文章？

取消删除