- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序自定义组件获取wxml节点问题
昨天到现在一直遇到获取wxml节点为空数组’ [ ] ‘的问题, 具体实现为一个index页面添加一个子组件, 然后在组件中调用wx.createSelectorQuery().select('xxx').boundingClientRect(function(rect){console.log(rect)}).exec(res=>{console,lo...
2019-07-27 09:31:14
1560
转载 js判断元素是否出现在视口内
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
2019-07-25 22:51:52
3675
原创 小程序View内的文字不换行（cover-view）
今天发现View内的文字一行过去直接被屏幕右边吃掉，没有预期的换行，设置width也不管用，最后用它解决了1. white-space:pre-line（不会保留空白和tabs）2. white-space:pre-wrap（会保留空白和tabs）.roomDesc { width: 710rpx; height: 184rpx; background: rgba(240...
2019-07-25 17:36:16
1605
原创 小程序CSS兼容之color，box-shadow，linear-gradient颜色值设置
1，颜色值不能使用八位，应该换成六位，或者使用rgba代替，否则在Ios能正常显示，但是在Android下该颜色会直接被忽略，如：以下颜色color，阴影box-shadow，渐变linear-gradient的使用color:#8A96A0ff;#替换成color:#8A96A0;box-shadow：0px 2px 4px #0000001A,0px 0px 2px #0000...
2019-07-24 14:34:30
737
原创 微信小程序（wx:for）遍历对象
最近在折腾微信小程序，遇到这么一个情况:后端返回一个key-value的对象数据，需要遍历对象的key-value，然后渲染到视图中。就像下面这样:data: { baseUrl: global.baseUrl, anonymous: false, commentC_: ['有耐心', '准时守约', '服务态度好', '接单快', '人长得帅'], comm...
2019-07-24 09:23:27
7707
原创 小程序 IntersectionObserver 使用案例
今天聊聊小程序的IntersectionObserver接口。兼容性基础信息：文档:IntersectionObserver 兼容: 基础库 > 1.9.3 observeAll: 基础库 > 2.0.0API通过IntersectionObserver wx.createIntersectionObserver(Object this, Obj...
2019-07-22 17:37:10
6638
3
原创 解决微信小程序图片延迟加载（四种方法）
实现延迟加载的方法1：通过监听滚动条滑动事件，判断元素距离页面顶部的距离是否小于等于页面的可视高度Page({ data: { realScrollTop: 0,//页面滚动距离 driveHeight //屏幕高度可初始化设置},scroll(e){ if(e.detail.scrollTop > this.data.realScrollTop){...
2019-07-22 15:23:45
15557
原创 js中角度计算
—、 js关于三角函数算法弧度和角度的理解，以及相互转换 角的两种单位度和弧1、弧度的定义 我们知道“度”的定义是，“两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时，两条射线的夹角的大小为1度。（如图1）2、弧度又是怎样定义的呢? 弧度的定义是：两条射线从圆心向圆...
2019-07-21 19:19:52
9055
1
原创 小程序左滑删除的实现方法
1、movable-area基本概念实现思路：大家仔细去看看官网的文档后再来看我写的这篇文章可能会更好理解。（1）movable-area这个就是定义了一个移动的区域，跟普通的<view></view>的含义是一样的，不同在于，接着往下看；注意：movable-area 必须设置width和height属性，不设置默认为10px（2）mov...
2019-07-21 11:02:45
2216
原创 小程序如何获取dom 元素节点
返回的 obj 有五个方法：1.obj.in(component)：没用过这个方法，多用于组件的选择器。2.obj.select(selector)：获取指定的节点，selector是css选择器。返回一个NodesRef对象实例，可以用于获取节点信息。3. obj.selectAll(selector)：获取指定的节点，selector是css选择器。返回一个Nod...
2019-07-19 10:58:20
15450
原创 React Native Could not expand ZIP
Execution failed for task ':app:prepareSrolkReactNativeFilePickerUnspecifiedLibrary'.Could not expand ZIP .....node_modules\react-native-file-picker\android\build\outputs\aar\react-native-file-picke...
2019-07-15 19:50:06
135
转载 ReactNative windows下打包生成安卓apk
create-react-native-app 运行npm run eject后根目录会产生一个andriod目录和ios目录。里面就是运行打包的配置文件。 如果你是用react-native-cli 开发RN的应该一开始就有这俩目录。比如 android 目录里面会有build.gradle，gradle.properties 等 简单说 gradle 是一个依赖管理/自动化编译测试部署打包...
2019-07-15 15:40:10
224
原创 react native生成APP报错：You have not accepted the license agreements of the following SDK components:
一、报错信息* What went wrong:A problem occurred configuring project ':app'.> Could not resolve all dependencies for configuration ':app:_debugApk'. > A problem occurred configuring project ...
2019-07-15 14:35:22
200
转载 React Native 项目运行报错You have not accepted the license agreements of the following SDK components:
image.png连接上安卓雷电模拟器后再次运行项目就出现上图的报错，当时百思不得其解，上谷歌就是一顿搜，最后终于被我搜出来了！错误原因从Android Gradle plugin 2.2.0开始，gradle会自动加载需要的SDK, build-tools，但是因为没有接受license，导致加载依赖终止。解决办法（1）找到自己的android SDK位置，进入To...
2019-07-15 13:00:54
241
原创 React-native调试小技巧，在Logcat输出console的log,不用摇晃也能弹出Debug 弹窗
当初新学React-native的时候，也是感觉一脸懵逼，只能看官网，看视频，去找qq群，没人帮助自己。一点一点肯，慢慢的跳坑，然后再跳出来，学到现在，也不敢说能参透notejs的原理，但是 我会把自己遇到的一些小技巧记下来，方便后人采纳。很多新手好比调试网络接口的时候会很苦恼，为什么呢？ 一是因为对fetch的不熟悉，不知道这样写对不对，想通过打log的方式去看看程序执行的过程，但是reac...
2019-07-15 10:47:50
1296
转载 js动态循环绑定事件的变量问题
在编写JS的时候我们经常会遇到要对一系列元素进行事件绑定，循环对元素的事件进行赋值，在这个过程中我们会遇到一个问题，那就每个元素事件运行的时候变量怎么都是相同的值。这里涉及到变量的作用域的问题，可以用闭包来解决这个问题。这里举个简单的列子来说明：<ul id="ulDemo"> <li>数据</li> <li>数据</li&...
2019-07-12 23:37:27
332
原创 window属性：devicePixelRatio
devicePixelRatio属性该 Window 属性 devicePixelRatio 能够返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率。此值也可以解释为像素大小的比率：一个 CSS 像素的大小与一个物理像素的大小的比值。简单地说，这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素。这在处理标准显示与 HiDPI 或 Retina 显示之间的差异时很有用...
2019-07-11 16:20:47
2672
原创 小程序canva绘画海报保存本地图片
获取线上图片，保存本地临时文件：wx.getImageInfo({ src: img1, success: function(res1) {}});获取移动设备width，height，计算canvas高宽：// 获取系统width,height getSystemInfo: function() { let that = this; ...
2019-07-10 18:06:21
1518
转载 小程序的分享 onShareAppMessage(options)
在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。只有定义了该函数，小程序右上角的菜单中才会有转发按钮 用户点击转发按钮的时候回调用该函数 该函数内需要 return 一个 Object，Object中包含转发的信息（可自定义转发的内容）页面中有可以触发转发时间的地方有两个： 一个是右上角菜单中的转发按钮...
2019-07-09 11:08:09
5483
转载 微信小程序 自定义头部导航栏 navigationStyle
但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示：现在具体说一下实现步骤及方法：步骤：1.在 app.json里面把"navigationStyle"设置为"custom"这样子之后就只会保留右上角胶囊按钮了。2.在app.js中通过wx.getSystemInfo()获取头部导航条的高度，因为在不同的手机型号头部那条栏目高度可能...
2019-07-04 10:52:36
5541
转载 如何简单地实现小程序分享页拥有返回首页按钮
最近对小程序有一定的了解,也对小程序赞赏有加,体验很好,但是分享小程序的单个页面容易有一个问题,回到首页的交互复杂,不存在后退按钮,先来看看有实现这个流程的小程序如何做这个事情--快住--全广州最走心的免费帮找租房小团队(感谢帮我找到合适的住所)先看效果仔细看的话会发现一般情况下,小程序的分享页没有跳转的一个流程,而快住这里却有一个先进入首页的流程,再跳转进入对应的分享页面,这样进入分享页...
2019-07-04 10:38:10
610
转载 前端图片压缩上传(纯js的质量压缩，非长宽压缩)
<meta charset="UTF-8"> <title> XMLHttpRequest上传文件 </title> <script type="text/javascript"> /* 三个参数 file：一个是文件(类型是图片格式)， w：一个是文件压缩的后宽度，宽度越小，字节越小 objDiv：一个是容器或者回调函数 photoCompress...
2019-07-03 00:06:39
163
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人