前端[色色]

摘要： es6中对于数组操作添加了4种方法： 1.map —— 映射（一个对应一个） 2.reduce —— 汇总（多个出来一个） 3.filter —— 过滤 4.forEach —— 迭代/循环。 1.map 直接上代码理解的更快： 返回结果： 上面的代码表示 arr 里面的元素，每个都乘以2，即每个元 阅读全文

摘要： 小程序页面传值的方式： 1.正向传值：上一页面 --> 下一页面 2.反向传值：下一页面 --> 上一页面 先说一下正向传值： 1.url传值： 通过url传值的需要通过option来获取参数值。 更多详情可以访问小程序-navigateTo章节。 A页面： B页面： 2.本地存储： 关于缓存，可以 阅读全文

摘要： 项目中做一些列表的时候，可能会需要做到 查看更多 及 收起功能，如下图所示： 大概的需求就是默认只显示2条，点击【查看更多】显示全部，点击【收起】还原。 实现的方法千万种。我来讲一下我的实现思路： 1.先判断列表的长度，如果小于3就不要【查看更多】这个按钮了。 2.根据索引的大小来判断它是默认显示还 阅读全文

摘要： 有时候在项目开发过程中，我们需要把json对象的键名作为一个变量。此时我们该怎么做呢？ 传统的json数据格式如下： 这样是没有问题的，那么根据思路我们这样: 如果这样做，javascript 会提示你一个错误 —— name undefined 没有定义。 正确的做法如下： 这样就可以输出来了。 阅读全文

摘要： VS Code 预览html页面的时候，默认需要在资源管理器中显示，再在浏览器中预览。今天介绍一下如何直接预览html页面。 方法一：自己配置快捷键 1.ctrl + shift + p 或者 F1 打开 命令面板，输入 Configure Task. 2.选择tasks.json,将里面的内容换成 阅读全文

摘要： 做小程序项目中，需要做一个倒计时功能，如下图： 记录一下实现步骤： 1.考虑到这个功能可能会有多处用到，所以把倒计时的函数写在utils.js里面： module.exports = { countDown: countDown, } module.exports = { countDown: co 阅读全文

摘要： 关于小程序video的一些基本使用方法，可点击这里稍作了解。 需求： 1.默认显示封面； 2.一个视频播放的时候，其他视频停止播放，并显示封面。 解决问题思路： 1.通过wx:if判断当前视频是否是播放的状态，如果是就显示视频，如果不是就隐藏视频； 2.点击封面的时候，获取到该视频的id，进行判断， 阅读全文

摘要： 下面讲的都是基Express及相关的包。所以在实践本篇文章之前，通过npm安装好Express, cookie-parser, cookie-session这三个安装包。 先简单说一下，如何用Express搭建一个服务器环境。如下： 就是这么简单三句即可。 在说cookie, session 之前， 阅读全文

摘要： 今天在做小程序的时候，发现用navigator无法进行跳转。url 路径也是对的。 后面发现是因为我需要跳转的页面定义在了tabBar里面的。如下图： 如果需要跳转到tabBar里面定义的这些页面，需要用到wx.switchTab({})进行跳转。如下图： 再把这个事件绑定在你点击的元素上面即可： 阅读全文

摘要： 比如我现在有个data数据如下： 我现在想要修改courseList里面的isPlaying的值该怎么做呢？ 里面的thisIdx表示你当前点击的是第几个。注意在拼接playStatus的时候需要有空格！！！然后用修改数据的时候用"[]"把上面的变量包起来，赋值即可。 阅读全文