1、首先你要安装node-sass，因为sass-loader依赖于它
npm install node-sass --save-dev
2、安装sass-loader
npm install sass-loader --save-dev
3、修改style标签，声明使用sass
<style lang="scss" scoped></st ... 阅读全文 »
barben
3年前 (2020-05-13) 5597浏览 1评论
10个赞
震惊！封装了一个组件，使用wx.createSelectorQuery().selectAll().boundingClientRect()获取到的居然是个空数组！？
解决方法出人意料，令人唏嘘，小编得知后倒吸一口凉气，当场说不出话！
在组件中注意加上.in(this)即可
const query = wx.createSelectorQuery().in( ... 阅读全文 »
barben
3年前 (2020-05-06) 2929浏览 0评论
2个赞
最近在做小程序项目，就想封装一个便于管理的接口地址的请求，百度了很久，发现很多前辈提供的轮子都不适合我。
所以自己来造了这个轮子，只需要在文件中声明请求方式和请求地址即可，在后期管理接口和使用起来会非常方便。
1、创建api.js文件，封装wx.request请求
// import apiList from './apiList' // 使用import引 ... 阅读全文 »
barben
3年前 (2020-04-22) 2737浏览 0评论
2个赞
关键词：自动化导出
“没必要每个都import，只需要export default导出json就行，然后再main里面自动化导入”
... 阅读全文 »
barben
3年前 (2020-04-22) 1541浏览 0评论
3个赞
微信小程序的生命周期分为：应用生命周期(App)和页面生命周期(Page)。
一、小程序生命周期
小程序应用的生命周期函数在 app.js 文件中调用。
App() 函数用来注册小程序，接收一个对象作为参数，该对象指定小程序的生命周期回调。
小程序生命周期的调用顺序：onLaunch(小程序初始化完成时，且全局只触发一次) > onShow(小程序启 ... 阅读全文 »
barben
4年前 (2020-04-14) 1395浏览 0评论
2个赞
继，在《理解ES6中的Set结构》文章中，我们说过ES6中新增的Set结构类似于数组，但是没有重复值。所以我们就可以利用他的这个特性来实现数组去重的操作。
使用Array.from方法
首先将数组转换成Set类型去除重复值，然后使用Array.from将它转回成数组。
var arr = [1, 4, 3, 3, 2, 2, 3];
var newAr ... 阅读全文 »
barben
4年前 (2020-04-03) 2876浏览 0评论
4个赞
继，写上一篇文章《理解ES6中的Set结构》的最后，在归纳总结知识点的时候，正好看见了一个使用【ES6数组的扩展】中的相关知识，实现“求两个集合的并集，交集和差集”的方法。
很简单，实现方法如下：
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);
// 并集
let union = ne ... 阅读全文 »
barben
4年前 (2020-04-02) 2773浏览 0评论
3个赞
Set是什么？
ES6新增了一种数据结构叫做Set。它类似于数组，但是它本身没有重复值。
new Set() 的参数可以是什么？
1.数组
2.类似于数组的对象
比如DOM操作返回的NodeList集合，以及函数内部的arguments对象。
// NodeList对象
document.querySelectorAll('p');
// argu ... 阅读全文 »
barben
4年前 (2020-04-02) 2617浏览 0评论
3个赞
今天做手机端左上角回退按钮的时候，解锁了一个很绝望的操作：
如果我在其他页面直接输入地址访问我的项目后，在项目中点击回退，又会直接跳回那个网页。
这和浏览器的回退功能有什么区别！！！手机端网站不都是如果没有上一页就会跳回首页吗？？？
// 使用vue-router的回退方法go和back都会出现这种情况
this.$router.go(-1);
this ... 阅读全文 »
barben
4年前 (2020-03-13) 3638浏览 1评论
6个赞
这是鼠年来的第一篇文章！
也是刚开始远程上班，强制度假后拿到的第一个任务是完成微信公众号手机端项目的开发！
话不多说，vue走起来！
一、安装lib-flexible插件
【lib-flexible】移动端弹性布局适配解决方案。用于设置rem的基准值，插件会自动对html根元素进行font-size的设定，默认会设置成屏幕宽度的十分之一。
打个比方：如果当前 ... 阅读全文 »
barben
4年前 (2020-03-12) 3068浏览 0评论
8个赞
