- 博客(49)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 微信小程序--根据坐标获取当前位置名称
在小程序开发中我们可以根据 小程序API提供的wx.getLocation(Object object)https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html获取当前的地理位置(坐标)、速度。那么有了坐标之后,如何转换成对应的位置名称呢?腾讯地图为我们提供了此功能https://l...
2018-10-22 09:35:47
8296
4
原创 css3D旋转立方体
3D旋转效果主要使用了CSS3 transform 属性首先我们先完善布局要想完成一个立方体,首先我们要有一个参考界面,也就是立方体的核心如图,标注区域就是我们的核心区,立方体的每个界面都是以核心为参考系核心区域只需要一个简单的平面就可以,记得加上transform-style: preserve-3d;子元素将保留其 3D 位置。<body> <!-- 核心...
2018-10-15 15:18:47
4073
2
原创 ES6字符串String新的特性
模板字符串传统的字符串实现拼接的时候，要将变量插入字符串中old let name = &quot;Cc&quot;; let age= &quot;22&quot;; //传统字符串拼接 let str = &quot;He is &quot;+ name +&quot;, &quot;+ age +&quot;y
2018-09-29 13:07:06
287
原创 小程序瀑布流布局
效果图 中心句 首先固定2列的容器，然后将图片根据容器高度动态分配进这两列中开始撸代码 1.固定2列的容器,在容器中加载分配的图片.box{ float: left; width: 48%; margin: 0 1%;}.imgBox{ width: 100%; margin: 1% 0;}&amp;amp;lt;view class='box'...
2018-08-24 13:21:41
2644
4
原创 小程序utils的使用简介
我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了一个util/utils.js 可以将一些公共的代码抽离成为一个单独的 js (utils.js)文件，作为一个模块; 模块只有通过 module.exports 或者 exports 才能对外暴露接口。 所以当你在util.js里封装的方法想要在外部使用的话,必须通过 module.export...
2018-08-24 09:59:38
39648
2
原创 小程序列表导航
wxml<view class='myItemBox'> <view class='myItemList' wx:for="{{itemList}}" wx:key="{{index}}" data-url="{{item.url}}" bindtap='navBtn'> <image src='{{item.icon}}'>..
2018-08-17 09:07:47
1927
3
原创 小程序圆球导航
wxml<!-- 导航 --><view class='navBox'> <view class='navBtn' wx:for="{{navBtn}}" wx:key="{{index}}"> <image class='navImg' src='' style='background:{{item.bgc}}'>...
2018-08-16 09:36:51
775
原创 小程序搜索布局
wxml&amp;lt;view class='searchBox'&amp;gt; &amp;lt;view class='search'&amp;gt; &amp;lt;icon size='15' type='search' class='searchIcon'&amp;gt;&amp;lt;/icon&amp;gt; &
2018-08-16 09:31:26
673
原创 小程序蓝牙亲身总结
小程序蓝牙亲身总结最近做了一个涉及到蓝牙模块小程序，做一下总结,为自己的成长做一份记录,如果能帮到大家的话是再好不过的了；问题： 1.小程序蓝牙搜索能不能搜到手机设备 2.如何判断蓝牙是否打开,并开始搜索设备 3.开发者工具和 Android 上获取到的deviceId为设备 MAC 地址，iOS 上则为设备 uuid。因此deviceId不能硬编码到代码中 4.serviceId...
2018-08-13 17:29:41
44745
37
原创 小程序时间预约
demo地址 压缩包效果图: 上代码 index.wxml&amp;amp;lt;!--index.wxml--&amp;amp;gt;&amp;amp;lt;!-- modal 自定义日期弹出框--&amp;amp;gt;&amp;amp;lt;button class='showBtn' bindtap='showTimeModel'&amp;amp;gt;弹出ti
2018-06-05 10:53:40
12945
25
转载 location&刷新
摘抄:web前端每日干货(公众号)关于页面刷新常用的手法 history.go(0) history.reload() location = location location.assgin(location) document.execCommand(‘Refresh’) window.nviga...
2018-06-05 08:58:57
1304
原创 swiper cube效果不全屏问题
问题: 在使用swiper切换效果Effects->cube（方块）的时候会发现在移动端ios和android上展示效果不同(iphone中的Slide不满全屏) 效果对比 android: ios: 解决方案: 修改swiper.js中代码.transform(("translate3d(0px,0," + zFactor + "px) rotateX改为...
2018-05-31 10:40:39
2187
1
原创 css波纹
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta content="width=device-width, initia
2018-05-26 22:20:21
695
原创 Cooki简单封装
Cooki简单封装设置cookie 格式:document.cookie=”名=值;expires=过期时间” 例如:document.cookie=”user=1003896992@qq.com;expires=2099-12-12” 若不设置过期时间,则关闭浏览器即清除cookie// 设置cookie function setCookie(name,value,oTime...
2018-04-12 10:54:31
249
原创 获取指定日期区间
首先向时间对象添加DateAdd 方法,此方法有两个参数,第一个参数为时间单位,y代表年,m代表月,d代表天,以此类推…,第二个参数为变量值;Date.prototype.DateAdd = function(interval,number){ number = parseInt(number); var date = new Date(this.getTime...
2018-04-03 22:19:07
486
原创 日期字符串格式化为日期类型
日期字符串 格式化为 日期类型//日期字符串 格式化为 日期类型var parseDate = function (str) { if (typeof str == 'string') { var results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) *$/); if (re
2018-01-22 16:30:47
539
原创 更好的或取随机数
Min参数->最小值 Max参数->最大值 输入参数GetRandomNum(最小值,最大值),获取最大值最小值之间的随机数(包含最大值最小值)//取随机数. var GetRandomNum= function (Min,Max) { var Range = Max - Min; var Rand = Math.random()
2018-01-22 16:19:22
1737
原创 获取汉字拼音首字母
获取汉字拼音首字母简单粗暴点,上代码如果对写法不感兴趣,就直接跳过过程,直接拉到代码底部var TSS = {};TSS.ChineseFirstPY=new function(){ var strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJT
2018-01-22 15:59:16
22897
原创 js日期二次封装
获取时间使用方法处理时间使用方法计算当前日期在本月为第几周使用方法计算当前日期在本年度的周数使用方法自己整理的一些常用日期获取时间 Date.prototype.Format = function(format){ var o = { "M+" : this.getMonth()+1, //mon
2018-01-22 15:41:32
541
原创 移动端悬浮球示例
实现思路效果图代码注意:此例子只适用于移动端;实现思路1.拖动元素 2.当拖放位置在左屏时,停靠屏幕在左边,右屏时,停靠在右边 3.当元素顶部(底部)在屏幕外时,停靠在屏幕顶部(底部);效果图代码html lang="en">head> meta charset="UTF-8"> meta name="viewport"
2018-01-15 21:32:06
3523
1
原创 超级超级超级简单的广告条效果
效果图实现原理代码效果图 图中推荐右侧就是我们想要实现的效果实现原理:利用setInterval+animate实现在定时不间断的动态显示我们想要展示的一条条信息代码html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script src="
2018-01-13 17:23:21
265
原创 NaN数值类型判断
NaN判断某个值是不是数字‘NaN’判断某个值是不是数字例: NaN 属性是代表非数字值的特殊值,方法 parseInt() 和 parseFloat() 在不能解析指定的字符串时就返回这个值;注意，NaN 与其他数值进行比较的结果总是不相等的，包括它自身在内因此，不能与 Number.NaN 比较来检测一个值是不是数字，而只能调用 isNaN() 来比较.
2018-01-10 14:14:45
5601
1
原创 echarts基本地图
echarts基本地图var data = [ {name: '杭州', value: 250}];var geoCoordMap = { '杭州':[120.19,30.26]};var convertData = function (data) { var res = []; for (var i = 0; i < data.length; i++) {
2017-12-18 11:07:37
2314
原创 数组按照某一字段排序
var data=[{"name":"张三","num":12}, {"name":"李四","num":5}, {"name":"王五","num":6}, {"name":"丁六","num":15}];function compare(property){ return function(a,b){
2017-12-04 15:13:13
1175
原创 ckeckbox全选/反选
Checkbox 对象的属性accessKey 设置或返回访问 checkbox 的快捷键。 alt 设置或返回不支持 checkbox 时显示的替代文本。 checked 设置或返回 checkbox 是否应被选中。 defaultChecked 返回 checked 属性的默认值。 disabled 设置或返回 checkbox 是否应被禁用。 form 返回对包含
2017-11-01 09:16:35
502
原创 jquery按键监听(移动div)
完整的 key press 过程分为两个部分： 1. 按键被按下； 2. 按键被松开。 当按钮被按下时，发生 keydown 事件。 keydown() 方法触发 keydown 事件，或规定当发生 keydown 事件时运行的函数。event.which属性指示按了哪个键或按钮。<!DOCTYPE html><html lang="en"><head> <meta charse
2017-11-01 09:02:18
2850
原创 进度导航
效果图 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .li1{ display:inline-block; position:relative;
2017-07-18 15:22:51
485
原创 使div水平、垂直居中
将要设置居中的元素上 、右、下、左 都设为0，再将margin值设为水平垂直居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .main{ /*必须有position:relative;*/
2017-07-18 13:47:23
262
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人