08 2018 档案

前端监听手机电量
摘要：navigator是一个神奇的对象, 他不仅可用来获取浏览器的各种信息, 甚至还可已监听电池电量(PC和移动端都可以). navigator里有一个方法getBattery(), 这个方法返回一个Promise对象, 通过.then的方式, 可以获取到电池信息 一串简单的代码: 其中的battery 阅读全文
posted @ 2018-08-27 17:26 LuckQ 阅读(633) 评论(0) 推荐(0)
vuex在组件化开发中的简单应用小例子
摘要：首先, 介绍一下vuex是个什么东西, 个人理解来说, vuex就是一个状态管理的东西, 它里面有且仅有一个Store仓库, 这个仓库里面存放着一些变量, 为什么要有这么一个变量呢, 用过vue的人肯定都清除, 父子组件之间的通讯传值是个比较麻烦的事情, 特别是, 嵌套组件特别多的时候, 这种情况下 阅读全文
posted @ 2018-08-24 16:22 LuckQ 阅读(2888) 评论(0) 推荐(0)
一个数组, 如['eat', 'tea', 'tan', 'ate', 'nat', 'bat', 'atb', 'nta', 'etc'], 如果有两项的字符相同 (无关顺序), 则将其置入一个数组中
摘要：一个数组, 如['eat', 'tea', 'tan', 'ate', 'nat', 'bat', 'atb', 'nta', 'etc'], 如果有两项的字符相同 (无关顺序), 则将其置入一个数组中, 结果如: 阅读全文
posted @ 2018-08-16 09:34 LuckQ 阅读(319) 评论(0) 推荐(0)
两种抽奖功能实现(走马灯)
摘要：今天做了两种抽奖的走马灯功能, 一般来说, 抽奖的奖品是通过后台返回回来的, 不过因为是自己做的一个小demo, 因此就直接封装成了对象, 自己往对象里面传值实现抽奖 先来看一下第一种, 先上HTML和CSS 我做的转盘抽奖的答题思路就是, 利用transform中的rotate属性, 以及tran 阅读全文
posted @ 2018-08-13 16:50 LuckQ 阅读(2007) 评论(0) 推荐(0)
用JS实现,当一个下拉框选择一个值时,另外两个下拉框的对应的值变为不可选
摘要：在页面中有三个下拉框, 如何用JS实现, 当一个下拉框选中一个值时, 另外两个下拉框对应的值变为不可选状态, 例如, 当三个下拉框分别选中2,5,9时, 第一个下拉框无法选中5,9, 第二个下拉框无法选中2,9, 第三个下拉框无法选中2,5,效果如下: 先上HTML结构代码: 下面是JS代码: 阅读全文
posted @ 2018-08-10 11:06 LuckQ 阅读(9977) 评论(1) 推荐(0)
图片或内容区域缩放及滚动
摘要：因为最近公司的项目上有用到图片缩放及滚动的效果,而swiper在该项目上有一些问题,所以就决定自己写一个图片的缩放和滚动效果,以及回弹效果, 用的是面向对象的方式封装的, 因为是移动端的,所以用的 touch方法,HTML结构样式先放出来 主要的缩放和滑动区域是content盒子,所以content 阅读全文
posted @ 2018-08-07 10:37 LuckQ 阅读(631) 评论(0) 推荐(0)
设计一个算法,输出1 2 3 4 8 7 6 5 9 10 11 12 16 15 14 13.......
摘要：根据题目要求, 我们可以先找一下上面这些数的规律, 不难发现, 上面的这些数字四个四个一组,每四个数字翻转一下, 因此我们可以把它想象成一个二维数组 1 2 3 4 8 7 6 5 9 10 11 12 16 15 14 13 ........ 上面的数组是蛇形的,因此,我们可以先创建出一个构造函数 阅读全文
posted @ 2018-08-02 09:46 LuckQ 阅读(637) 评论(0) 推荐(0)
Grid布局学习整理
摘要：最近逛论坛的时候,无意中发现了Grid布局,一开始对这个名字还是很陌生的,但是当自己接触了之后才发现原来自己早就用过了. Grid布局其实就是栅格布局,用过bootstrap的同学对于栅格布局肯定不陌生.个人感觉,Grid布局相比较Flex布局来说各有长短,不过个人更倾向于Grid 下面,就分享一下 阅读全文
posted @ 2018-08-01 16:40 LuckQ 阅读(459) 评论(0) 推荐(0)