2018年01月_开心大表哥

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 animation控制图片从左飞入、右飞入、顶飞入等动态

先看从左边和右边飞入的效果：图片的html代码是：div class="travelType"> class="page5-tu1" src="./images/p5_tu1.png" name="travel1"/> class="page5-tu2" src="./images/p5_tu2.png" name

2018-01-24 15:18:43 18869 1

原创纯js事件委托模式，委托父元素

1.点击前 2.点击后内容代码：html> head> meta charset="UTF-8"> title>title> head> body> div id="article"> p>文字在这里p> div> script>

2018-01-20 21:27:11 1899

原创 js统计元素元素路径，获取某元素相对指定父元素得路径

js获取某元素相对指定父元素得路径，例如：想看html文档树：html> head> meta charset="UTF-8"> title>title> head> body> div> ul> li>span id="span1">span>li>

2018-01-20 14:19:53 1479

原创微信小程序创建节点选择器获取宽高wx.createSelectorQuery

微信小程序提供了一个获取节点宽高等信息的方法，一共是两步。 1.在对应的节点上定义一个idimage src='{{imgUrl}}' class="look-image" bindload="imageLoad" id="drawID">image>2.在js里面创建这个id的节点选择器onLoad: function (options) { var _this=

2018-01-19 11:31:30 15708 6

原创微信小程序定义和调用全局变量globalData

先看看文件结构： 1.现在app.js里面定义globalData对应的全局变量 2.然后在其他js文件进行调用。例如在photo.js里面要注意的是需要在文件开始的时候初始化 app这个对象//获取应用实例const app = getApp()

2018-01-19 11:08:12 76419 11

原创微信小程序开发者下不验证https协议的操作

1.在微信开发者工具里面点击右上角的‘详情’，然后在‘项目设置’里面选择‘不校验安全域名、TLS 版本以及 HTTPS 证书’就可以了。成功之后打印台上有提醒这样设置之后，你就可以用http协议的地址进行交互了。 2.顺便说一下如何在帐号里面设置https地址。登录小程序官网，在‘设置’里面选择‘开发设置’然后配置‘服务器域名’即可用对应的https协议下的地址了。

2018-01-19 10:30:32 10390 2

原创微信小程序图片预览保存发送给朋友previewImage

先看看手机上的效果 js实现的代码：wx.previewImage({ current: app.globalData.URL + res.data.data.imageUrl, // 当前显示图片的http链接 urls: [app.globalData.URL + res.data.data.imageUrl] // 需要预览的图片ht

2018-01-18 13:19:04 5731 2

原创微信小程序页面带参数跳转及接收参数内容navigator

功能从index页面跳转到draw页面，并在draw页面获取id及imgUrl index.wxmlnavigator class='looks-view' wx:for="{{imgUrlNew}}" wx:key="index" url="/pages/draw/draw?id={{item.id}}&imgUrl={{item.img}}"> image src='{{ite

2018-01-18 13:07:33 33460

原创微信小程序上传图片wx.chooseImage和wx.uploadFile

wxml:view class="container"> view class='photo-wrap'> view class='photo-image-wrap photo-image-wrap1'> image src='/images/photo2.png' bindtap='getImage'>image> text>相册text> v

2018-01-18 10:30:46 5516 4

原创 7款漂亮的纯css字体样式

简单粗暴，直接上马：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 class="vintage1">美丽的中国语</h1> <h1 class="vintage2">美丽的中国语</h

2018-01-03 15:58:46 83976 10