一抒山河

摘要： 防抖（debounce）:当持续触发事件时，保证只执行最后一次事件处理函数 在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll， 窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函 阅读全文

摘要： 1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向：使用function定义的函数，t 阅读全文

摘要： uni-app 底部弹出弹窗能够动画效果 要点： 1. 动态控制css。 <view class="share-item" :class="{'share-show': shareState}"> 2. css里面设置优先级 // 进入分享动画 .share-show { transition: a 阅读全文

摘要： 在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, 阅读全文

摘要： 今天在用apicloud写APP时，遇到一个base64转图片并直接展示在当前页面的问题，因为之前使用过 “trans”模块，知道该模块可以将图片与base64格式之间来回转换 所以想都没想就使用了trans模块，但是到后来我发现我拿不到转换的图片路径，trans模块保存是使用 fs:// ，或者可 阅读全文

摘要： #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } #tria 阅读全文

摘要： 原生js实现移动端点击、长按、左滑、右滑、上滑、下滑等事件模拟 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统打断touch事件的时候触发，这 阅读全文

摘要： 一、需求 移动端下拉到底，加载更多数据。由于网页的执行都是单线程的，在JS执行的过程中，页面会呈现阻塞状态。因此，如果JS处理的数据量过大，过程复杂，可能会造成页面的卡顿。传统的数据展现都以分页的形式，但是分页的效果并不好，需要用户手动点击下一页，才能看到更多的内容。有很多网站使用无限分页的模式，即 阅读全文

摘要： 使用锚点定位不改变url同时平滑的滑动到锚点位置，不会生硬的直接到锚点位置 对前端来说锚点是一个很好用的技术，它能快速定位到预先埋好的位置。 但是美中不足的是它会改变请求地址url，当用户使用了锚点的时候锚点的名称会被添加到url的最后面。 就像这样： 此时如果用户刷新页面便会报错或者显示不出来刷新 阅读全文

摘要： 我们做前端的，总是得等到后台接口出来我们才能开始对接口的部分， 会导致开发时间拖长，影响效率，尤其是在外包公司工作的前端来说效率就是生命 出现这种情况时我们可以使用mock数据来模拟后端接口进行测试 此方案一般适用于接口较少、且数据结构简单、手动定义数据效率更高的情况。若接口较多，且数据结构十分复杂 阅读全文