Rattenking的博客

迎接黎明的曙光前行!

排序:
默认
按更新时间
按访问量

微信小程序实例系列

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

2018-02-08 11:11:12

阅读数:11075

评论数:12

前端笔记列表

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

2018-01-30 16:58:21

阅读数:479

评论数:0

游戏列表

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

2018-01-11 16:22:54

阅读数:930

评论数:0

GIT学习----第七节:删除文件

学习目的 1.如果用rm命令删除文件,想要恢复,如何处理? 2.如果用git rm命令删除文件,想要恢复,如何处理? 3.如果彻底删除版本库的该文件,如何处理? rm 删除文件 查看工作区状态 $ git status On branch master nothing to commit, w...

2018-10-23 14:17:30

阅读数:1

评论数:0

GIT学习----第六节:撤销修改

学习目的 当你在工作区修改了,但是你不想要修改的部分时,如何撤销? 当你将工作区的修改添加到暂存区,如何撤销? 当你将修改提交到分支,如何撤销? 撤销工作区修改 修改前 $ git diff $ cat readme.txt Git is a version control system...

2018-09-29 15:45:43

阅读数:29

评论数:0

GIT学习----第五节:管理修改

学习目的 如何跟踪修改文件? 如何管理修改文件? 查看当前工作区、暂存区、分支状态 工作区 $ cat readme.txt Git is a version control system. Git is free software. Git is a distributed versio...

2018-09-29 14:56:08

阅读数:24

评论数:0

GIT学习----第四节:工作区和暂存区

学习目的 工作区: 在电脑里能看到的目录,比如我的GIT文件夹就是一个工作区; 暂存区: 查看仓库当前状态; 分支: Git为我们自动创建的第一个分支master. 工作区 在电脑里能看到的目录,比如我的learngit文件夹就是一个工作区。 版本库(Repositor...

2018-09-29 14:55:22

阅读数:27

评论数:0

GIT学习----第三节:版本回退

学习目的 git log: 查看版本信息; git log --pretty=oneline: 简化查看到的版本信息; git reset --hard HEAD^: 版本回退到上个版本; git reset --hard HEAD^^: 版本回退到上上个版本; git reset --hard...

2018-09-29 11:02:01

阅读数:22

评论数:0

GIT学习----第二节:查看工作区的状态

学习目的 git status: 查看仓库当前状态; git diff: 查看上次修改的具体内容. 修改readme.txt文件 运行git status命令看看结果: $ git status On branch master Changes not staged for commit:...

2018-09-29 11:00:59

阅读数:27

评论数:0

GIT学习----第一节:提交文件到仓库

学习目的 git init: 初始化一个Git仓库; git add : 添加文件到仓库; git commit -m “本次提交的说明”: 提交文件到仓库. 声明 之前其实也是零碎的用过git,但是都没有系统的学习,只是单纯的把其作为了一个存储工具,就和百度云差不多。但是前不久遇到一个坑逼...

2018-09-29 10:59:07

阅读数:23

评论数:0

微信小程序----wx.scanCode(Object object)调起客户端扫码界面进行扫码

效果 参数(Object object) 属性 类型 默认值 是否必填 说明 支持版本 onlyFromCamera boolean false 否 是否只能从相机扫码,不允许从相册选择图片 >= 1.2.0 scanType Array. [‘barC...

2018-09-29 10:56:31

阅读数:65

评论数:0

微信小程序----原生API实现【到这里去(目的地)】路线规划

前言 在此之前,采用了高德地图微信小程序API实现路线规划,但是由于公交路线规划不够准确,同时没有做转车等显示,所以这里补加微信小程序wx.openLoaction实现该效果! 效果图 个人中心进入公司地址 定位公司地址 到公司地址去并且实现驾车路线规划 骑行路线规...

2018-08-28 16:03:04

阅读数:196

评论数:0

解决video标签播放m3u8格式视频失败问题

前言 什么是m3u8? 效果 效果地址 m3u8视频切换 效果图片 解决方法 采用video.js插件! 引入 引入videoJS插件样式文件; 引入videoJS插件JS文件; 引入videoJS插件播放m3u8格式视频的HLS功能。 ...

2018-08-28 15:35:15

阅读数:1117

评论数:0

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

效果 HTML <p> Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Ratte...

2018-08-10 15:51:14

阅读数:329

评论数: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

阅读数:189

评论数:0

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

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

2018-07-31 15:35:52

阅读数:336

评论数:0

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

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

2018-07-27 11:25:56

阅读数:1022

评论数:0

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

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

2018-07-18 18:29:22

阅读数:375

评论数:0

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

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

2018-07-18 18:00:20

阅读数:410

评论数:0

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

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

2018-06-30 12:51:03

阅读数:318

评论数:0

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