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个赞