效果如图所示：
<div class="tab">
嘿！八本那年~
<div class="tab-class-fir"></div>
<div class="tab-class-sec"></div>
</div>
.tab{
display: inli ... 阅读全文 »
barben
3年前 (2020-05-28) 3393浏览 0评论
3个赞
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) 5290浏览 1评论
10个赞
震惊！封装了一个组件，使用wx.createSelectorQuery().selectAll().boundingClientRect()获取到的居然是个空数组！？
解决方法出人意料，令人唏嘘，小编得知后倒吸一口凉气，当场说不出话！
在组件中注意加上.in(this)即可
const query = wx.createSelectorQuery().in( ... 阅读全文 »
barben
3年前 (2020-05-06) 2645浏览 0评论
2个赞
最近在做小程序项目，就想封装一个便于管理的接口地址的请求，百度了很久，发现很多前辈提供的轮子都不适合我。
所以自己来造了这个轮子，只需要在文件中声明请求方式和请求地址即可，在后期管理接口和使用起来会非常方便。
1、创建api.js文件，封装wx.request请求
// import apiList from './apiList' // 使用import引 ... 阅读全文 »
barben
3年前 (2020-04-22) 2589浏览 0评论
2个赞
关键词：自动化导出
“没必要每个都import，只需要export default导出json就行，然后再main里面自动化导入”
... 阅读全文 »
barben
3年前 (2020-04-22) 1447浏览 0评论
3个赞
微信小程序的生命周期分为：应用生命周期(App)和页面生命周期(Page)。
一、小程序生命周期
小程序应用的生命周期函数在 app.js 文件中调用。
App() 函数用来注册小程序，接收一个对象作为参数，该对象指定小程序的生命周期回调。
小程序生命周期的调用顺序：onLaunch(小程序初始化完成时，且全局只触发一次) > onShow(小程序启 ... 阅读全文 »
barben
3年前 (2020-04-14) 1221浏览 0评论
2个赞
为深切哀悼在抗击新冠肺炎疫情斗争中的牺牲烈士和逝世同胞，八本那年博客于2020年4月4日当天将网站全局置灰。
向英雄致敬，向逝者致哀。愿逝者安息，愿生者奋发，愿祖国昌盛。
html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: g ... 阅读全文 »
barben
3年前 (2020-04-03) 1384浏览 0评论
4个赞
继，在《理解ES6中的Set结构》文章中，我们说过ES6中新增的Set结构类似于数组，但是没有重复值。所以我们就可以利用他的这个特性来实现数组去重的操作。
使用Array.from方法
首先将数组转换成Set类型去除重复值，然后使用Array.from将它转回成数组。
var arr = [1, 4, 3, 3, 2, 2, 3];
var newAr ... 阅读全文 »
barben
3年前 (2020-04-03) 2783浏览 0评论
4个赞
继，写上一篇文章《理解ES6中的Set结构》的最后，在归纳总结知识点的时候，正好看见了一个使用【ES6数组的扩展】中的相关知识，实现“求两个集合的并集，交集和差集”的方法。
很简单，实现方法如下：
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);
// 并集
let union = ne ... 阅读全文 »
barben
3年前 (2020-04-02) 2613浏览 0评论
3个赞
Set是什么？
ES6新增了一种数据结构叫做Set。它类似于数组，但是它本身没有重复值。
new Set() 的参数可以是什么？
1.数组
2.类似于数组的对象
比如DOM操作返回的NodeList集合，以及函数内部的arguments对象。
// NodeList对象
document.querySelectorAll('p');
// argu ... 阅读全文 »
barben
3年前 (2020-04-02) 2482浏览 0评论
3个赞
