es6
金刚腿
这个作者很懒,什么都没留下…
展开
-
小程序onPullDownRefresh触发onReachBottom的解决方法
问题下拉刷新,上滑加载是比较常见的数据刷新方式, 本人在小程序开发过程中遇到如题这个坑点,两个交互同时触发导致数据重复渲染解决方法在onPullDownRefresh中加个状态A, onReachBottom中根据状态A来判断是否需要加载数据, 参考如下:onReachBottom: function() { //没有下拉状态才进行加载数据 !this.data.pullst...原创 2019-06-30 10:37:10 · 2088 阅读 · 0 评论 -
微信小程序二维码获取, canvas绘制,转图坑点解决方法总结
坑点1: 获取不到小程序码的二进制流解决: 请求配置添加 responseType: 'arraybuffer' wx.request({ url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=' + this.data.token, method: 'post', dat...原创 2019-06-18 12:29:14 · 1917 阅读 · 0 评论 -
解决`play() failed because the user didn‘t interact with the document`
详情见: Chrome 66禁止声音自动播放,开发怎么应对?转载 2019-03-11 16:37:15 · 40256 阅读 · 1 评论 -
尾递归解决递归时的栈溢出错误
递归是非常耗内存的,因为需要同时保存成千个调用帧,容易发生栈溢出错误,但如果使用尾递归的话,由于只存在一个调用帧,所以不会发生栈溢出错误.例1: 阶乘计算function factorial (n) { if (n === 1) return 1; return n * factorial(n - 1) ;}factorial(S) // 120...原创 2019-01-17 18:22:00 · 1436 阅读 · 0 评论 -
常用的sort打乱数组方法真的有用?
JavaScript 开发中有时会遇到要将一个数组随机排序(shuffle)的需求,一个常见的写法是这样:function shuffle(arr) { arr.sort(function () { return Math.random() - 0.5; });}或者使用更简洁的 ES6 的写法:function shuffle(arr) { arr....转载 2018-10-10 11:45:11 · 200 阅读 · 0 评论 -
js数据双向绑定原理
双向数据绑定底层的思想非常的基本,它可以被压缩成为三个步骤:1.我们需要一个方法来识别哪个UI元素被绑定了相应的属性2.我们需要监视属性和UI元素的变化3.我们需要将所有变化传播到绑定的对象和元素方法一:利用发布订阅模式,订阅数据变更 html代码<div class="app"> <input type="text" data-bind-i...转载 2018-09-03 11:22:55 · 1123 阅读 · 0 评论 -
vue2.x兼容ie9+的解决方案与调试
1.ie9以上的调试ie控制台若不显示调试内容,可以下载补丁(IE11-Windows6.1-KB3008923-x64.msu),安装之后就好了。下载链接:https://www.microsoft.com/zh-cn/download/confirmation.aspx?id=45154之后若浏览器报Array.includes()等等一系列es6语法的错误,说明是兼容的问题,请继...原创 2018-09-04 10:00:35 · 2161 阅读 · 0 评论 -
es6常用语法
刚开始用vue或者react,很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性,我们需要全部都掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let我们都是知道在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是...转载 2018-07-13 09:08:06 · 185 阅读 · 0 评论 -
Vue + Webpack 将路由文件分拆为多个文件分别管理简明教程
Vue + Webpack 将路由文件分拆为多个文件分别管理简明教程近日,有网友留言,询问,如何将 vue 的路由分拆为多个文件进行管理。这当然是可以的。今天我就来写一个简单的教程,希望对大家有所帮助。事实是,如果你的项目不是特别大,一般是用不着分拆的。如果项目大了,那就需要考虑分拆路由了。其实,这个操作并不复杂。当我们用 vue-cli 工具,创建一个新的 vue 项目时,就已经给大家新建好了一...转载 2018-07-12 18:28:31 · 889 阅读 · 0 评论 -
window.scrollTo()滚动动画
先构造scrollAnimation方法/** * 动画垂直滚动到页面指定位置 * @param { Number } currentY 当前位置 * @param { Number } targetY 目标位置 */function scrollAnimation(currentY, targetY) { // 获取当前位置方法 // const currentY = do...原创 2018-07-10 09:17:40 · 9618 阅读 · 1 评论 -
react-router-dom 与 后台路由的混合搭配使用
目前web开发流行的前后台分离模式,但是实际开发中存在需要后台来控制部分路由的情况思路单独配置一个后台路由的对象数组待用代码先匹配前台路由不匹配的则去匹配上面配置的对象数组, 跳转所需要的路径具体代码后台路由配置: redirect.jsimport React from "react";import { Redirect } from "react-router-...原创 2019-09-24 11:00:42 · 483 阅读 · 0 评论