- 博客(12)
- 收藏
- 关注
原创 在小程序中封装类vue的watch方法
前言在做一个音频小程序的时,由于用到了背景音频,需要无论在哪个页面都有持续播放音频,但是在实际操作中,当在由于小程序没有vue中的watch,有时候会不方便,于是想到是否能封装一个类似功能。在网上查了一些大牛的案例结合项目,最终搞定了这个功能。思路监听器的原理,将data中需监听的属性写在watch对象中,并给其提供一个方法,当被监听属性的值改变时,调用该方法。所以我们可以,用Objec...
2018-12-11 20:56:27
906
原创 使用js实现单页应用路由转跳功能
前言在做一个非常简单的h5小游戏的时候,需求比较简单,决定使用jq直接搭建,在做到页面之间切换的时候,由于VUE使用习惯了,于是很自然的想到使用js去实现一个简单的路由功能。思路通过监听 hash 的改变,当 url 的 hash 发生变化时,触发 hashchange 注册的回调,回调中去进行不同的操作,对不同的内容进行显示和隐藏,从而达到不同的 hash 显示不同的内容。实现rout...
2018-11-26 11:25:01
1033
1
原创 js拷贝对象之——深拷贝、浅拷贝
在js中,当我们对一个对象进行复制后会发现,改变复制的对象内容时,被复制的对象也进行了相同的改变。 这里就涉及到了一个深拷贝与浅拷贝的问题。深拷贝和浅拷贝是只针对像object、array这样复杂的对象。js中的对象分为基本类型和复合(引用)类型,前者存放在栈内存,后者存放在堆内存。 堆内存用于存放由new创建的对象,栈内存存放一些基本类型的变量和对象的引用变量浅拷贝浅拷贝指的是:...
2018-09-07 11:04:36
6364
2
原创 微信小程序——微信小程序后台自定义分析,数据准确性分析
序由于公司小程序产品大多为信息流产品,所以对小程序图文的数据准确性,精细度有较高的需求,以便编辑人员通过对数据的分析,可以针对性的编写图文,提高爆文数量。问题描述公司自己是有一个统计平台,对小程序线上各篇图文的阅读量、分享量、分享率、跳出率、停留时长等数据有较为详细的统计。 同时,也使用了微信小程序后台的自定义分析,但是二者的数据差距比较大,微信数据通常是要比公司自己统计的数据更...
2018-08-28 09:21:17
5993
1
原创 微信小程序——获取到px转化为rpx(根据设备宽高动态设置元素宽高)
在项目中需要给一个view标签动态的设置高度首先,先通过调用wx.getSystemInfo获取设备信息可以获取的信息如下图 wx.getSystemInfo({ success: function(res) { console.log(res.model) console.log(res.pixelRatio) console.log(res.win...
2018-05-10 15:17:52
38550
3
原创 微信小程序——日常踩坑(wx.pageScrollTo滚动时有抖动问题)
在小程序的开发过程中,有个功能是点击后需要往view层中添加数据内容,在添加后需要将内容滚动到最下面一条,以便有更好的用户体验。 开始是选择了使用wx.pageScrollTo接口,通过获取当前view层的高度来动态的调整pageScrollTo中的scrollTop值wx.createSelectorQuery().select('.newsContent').boundingClie...
2018-05-10 14:51:07
29539
原创 微信小程序——转发功能踩坑(辨别到群与个人、多个转发按钮、转发带参数)总结
微信小程序——转发功能踩坑(辨别到群与个人、多个转发按钮、转发带参数)总结
2018-04-13 19:12:59
18418
2
原创 chrome插件开发——option(选项页)的通信
chrome插件开发中的options页,就是插件的设置页面,有2个入口,一个是右键图标有一个“选项”菜单,还有一个在插件管理页面: 要想在插件中开启这个功能需要在配置页中进行配置,浏览器版本不同,配置的方法也不同manifest.json// Chrome40以前的插件配置页写法"options_page": "options.html",// Chrome40以后的插...
2018-03-22 13:24:18
8801
1
原创 chrome插件开发——将页面复制到微信公众平台
之前写的将html网页中的元素复制到微信编辑器中的代码,并不是很实用,那么就想着能否做一个Chrome小插件,实现该功能,这样就可以方便的将页面复制到微信公众平台编辑器中了。Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件,它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包.我们需要实现的就是下图中的小猪图标 话不多说,直接开始从代码介绍...
2018-03-21 17:24:20
998
原创 微信小程序——转跳导航方式学习总结
最近在学习微信小程序的时候遇到了转跳导航的坑,在这里和大家分享总结下。 小程序页面的实例使用栈的数据结构存储,栈内元素最多5个,也就是说用户最多能点击5次返回,小程序也提供了查询当前页面信息栈的接口getCurrentPages()。可以通过调用该接口查看到当前小程序的页面信息,第一个为打开小程序的第一个页面,最后一个为当前页面,如果说页面数满了的话,在点击转跳页面就不会有任何反应。 小程序提...
2018-03-19 10:35:31
799
原创 实现将html网页中的元素复制到微信编辑器中,并正常呈现排版
需实现如下功能 思路: 1、使用innerHTML获取需要复制的代码段var temp = document.getElementById("target").innerHTML2、使用addEventListener创建一个监听事件,来监听copy事件,并使用clipboardData.setData方法来将代码复制到计算机的粘贴板(clipboardDa...
2018-03-15 22:47:20
3877
2
原创 数组基本用法归纳
一、定义数组 arr= [], var arr = new Array();二、数组用法基础方法:.push()方法push 可以在数组末尾添加一个值,例子: var fruits = [“Banana”, “Orange”, “Apple”, “Mango”]; fruits.push(“Kiwi”).copyWithin() 方法...
2018-02-26 11:03:04
4277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人