摘要: mocha 需要在node环境下跑,请确保已经安装了node 1.新建一个文件夹 test 2.命令行切换到test目录下,执行命令:npm init ,出现选择按enter,一系列选择完成之后,其实是帮我们创建了package.json文件 3. 在当前文件夹下面,创建新文件夹 app 用于存放我 阅读全文
posted @ 2019-06-11 15:43 daisy,gogogo 阅读(901) 评论(0) 推荐(0) 编辑
摘要: 代码放在github上,页面实现的功能是,视频的播放,以及视频下载的整个流程,包括授权和保存到相册。 简单说说视频下载的整个流程吧 在第二种状态,申请过授权,但是用户不同意,我们调用openAuth 方法,方法代码如下, 关于授权的逻辑就这么多了,接下来说说,下载保存逻辑,需要注意的是,每次在下载保 阅读全文
posted @ 2019-05-13 18:23 daisy,gogogo 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 最近在开发小程序,遇到一些坑,总结出来跟大家分享一下,我这里使用的是mpvue框架,mpvue也有不少坑~ 1.scroll-view的属性设置,scroll-y设置,不管我们设置scroll-y=true还是false,其实都会滚动的,要想设置scroll-y为false,我们需要用数据绑定的形式 阅读全文
posted @ 2019-04-23 19:06 daisy,gogogo 阅读(667) 评论(0) 推荐(1) 编辑
摘要: 1.HTTP中的状态码分别代表什么 比较基础,自行百度。 2.HTTP请求,响应头部content-length用来做什么的 答:Content-Length首部告诉浏览器报文中实体主体的大小。这个大小是包含了内容编码的,比如对文件进行了gzip压缩,Content-Length就是压缩后的大小,而 阅读全文
posted @ 2019-04-20 17:00 daisy,gogogo 阅读(615) 评论(0) 推荐(0) 编辑
摘要: css3里有四个属性,用来实现以内容为主的尺寸计算方式,intrinsic sizing min-content max-content fit-content fill 其中 fill 关键字,需要加浏览器前缀,并拼接available, 比如width: -webkit-fill-availab 阅读全文
posted @ 2019-04-11 11:17 daisy,gogogo 阅读(895) 评论(0) 推荐(0) 编辑
摘要: 最近很着迷于ES6的函数,让代码变得更优雅。ES6里的reduce函数,平时用的不是特别多,真正用起来发现还是挺好用的。 想要实现的效果为: 原数组: 根据id去重后的结果为 reduce函数介绍 在说如何去重之前,先来介绍一下reduce函数: array.reduce(callback[, in 阅读全文
posted @ 2019-03-29 23:19 daisy,gogogo 阅读(1977) 评论(0) 推荐(0) 编辑
摘要: 1. ES6的includes, 返回 Boolean 2. ES5 indexOf,返回子串起始位置,不包含则返回-1 3. search,返回起始位置或者-1 该方法与indexOf类似,,不同的是,它还可以支持正则表达式,所以他的结果是会返回子串,或者正则匹配所在的位置,如果没有查找到会返回- 阅读全文
posted @ 2019-02-20 23:47 daisy,gogogo 阅读(14678) 评论(0) 推荐(0) 编辑
摘要: 1. 先来看一下未滑动的效果,(样式随便写的,希望尽量简单) 2.滑动到菜单栏之后的吸顶效果 3. 我的html布局,小程序我用的是mpvue写的,使用了scss,可以自行下载demo后改为原生小程序标签 吸顶效果的实现思路: 1.获取菜单栏距离文档顶部的距离,也就是头部区域的高度headHeigh 阅读全文
posted @ 2019-01-12 18:01 daisy,gogogo 阅读(8686) 评论(0) 推荐(0) 编辑
摘要: 本篇文章是上一篇讲box-shadow基础知识的延伸,建议先花几分钟阅读那篇文章,点击阅读,再来看这篇。 除了box-shadow属性知识外,制作动画,还需要对CSS3的animation, @keyframes制作动画有所了解。 接下来,还是那张图。。 基本思路如下: 1.写好一个div,<div 阅读全文
posted @ 2018-12-19 23:43 daisy,gogogo 阅读(2405) 评论(0) 推荐(1) 编辑
摘要: box-shadow被认为是CSS3最好的特性之一,发挥想象力,搭配其它属性,可以做出很多好看的效果(如下图,将会放在下一篇文章讲解),这篇文章主要讲一下box-shadow的基础知识。 box-shadow的六个属性讲解 box-shadow: h-shadow v-shadow blur spr 阅读全文
posted @ 2018-12-18 10:10 daisy,gogogo 阅读(813) 评论(0) 推荐(3) 编辑