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 <p> 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 <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 <text class='rui-star' wx:for="{{...

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

火狐浏览器安装插件步骤

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

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

提示
确定要删除当前文章?
取消 删除
关闭
关闭