随笔列表第2页 - WANNANANANA

2020年3月13日

摘要：【用途】用于生成随机的数据，在后端接口还没好的情况下独立于后端进行前端开发。【参考文章】 mock.js官网阅读全文

posted @ 2020-03-13 17:40 WANNANANANA 阅读(111) 评论(0) 推荐(0) 编辑

摘要：【作用】简单的、轻量级的处理cookies的js API：设置cookie、取cookie、删除cookie... 【参考文章】 js-cookie中文文档阅读全文

posted @ 2020-03-13 16:51 WANNANANANA 阅读(136) 评论(0) 推荐(0) 编辑

摘要：【用途】用于url参数转化：parse和stringify的js库【基本使用】 import qs from 'qs' qs.parse('a=b&c=d'); => 转化为{ a: 'b', c: 'd' } qs.stringify({a: 'b', c: 'd'}) => 转化为‘a=b& 阅读全文

posted @ 2020-03-13 16:00 WANNANANANA 阅读(1660) 评论(0) 推荐(0) 编辑

2020年3月11日

【功能】如何实现卡牌翻转功能

摘要：主要使用css3实现卡片翻转效果，关键知识点有： 1、transform: rotateY(0deg/180deg) Y轴旋转 2、transition: name time mode 动画渐变 3、backface-visibility: hidden 图层背面隐藏 <!DOCTYPE html> 阅读全文

posted @ 2020-03-11 15:57 WANNANANANA 阅读(649) 评论(0) 推荐(0) 编辑

【vue】如何关闭vue项目中的ESlint代码检测

摘要：【参考文章】 vue关闭项目中的ESlint vue-cli3中关闭阅读全文

posted @ 2020-03-11 13:17 WANNANANANA 阅读(711) 评论(0) 推荐(0) 编辑

【功能】transition不支持display属性以及display、opacity、visibility之间的区别

摘要：一、transition过渡不支持display属性 css3过渡transition不支持display属性，我们可以使用opacity或者visibility属性进行替换。相关的案例可以查看上一篇博文：【功能】关于页面加载进度条百分比实现的伪方法二、display、opacity、visibi 阅读全文

posted @ 2020-03-11 10:08 WANNANANANA 阅读(686) 评论(0) 推荐(0) 编辑

2020年3月10日

【功能】关于页面加载进度条百分比实现的伪方法

摘要：经常看到有项目页面打开的时候会有进度条动画显示，之前还好奇，这个是怎么判断页面加载的完成比例的。所以我一般都是写的循环loading图标，然后判断window.onload，页面加载完成后进行隐藏。今天有空网上查看了下进度条百分比的实现方法，简单而言，就是通过计时器改变进度条的位置，大到一定比例（自阅读全文

posted @ 2020-03-10 18:03 WANNANANANA 阅读(833) 评论(0) 推荐(0) 编辑

【js】js实现拖拽功能

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</tit 阅读全文

posted @ 2020-03-10 14:53 WANNANANANA 阅读(187) 评论(0) 推荐(0) 编辑

2020年3月9日

【git】git clone非master分支的代码以及如何切换分支等操作...

摘要：【参考文章】 Git如何clone非master分支的代码阅读全文

posted @ 2020-03-09 17:58 WANNANANANA 阅读(330) 评论(0) 推荐(0) 编辑

2020年3月6日

【Photo Sphere Viewer】基于threeJs的全景插件以及全景制作研究过程

摘要：【three.js】之前在网上找全景制作案例的时候，有不少单纯基于three.js的demo，然后自己按照方法自己做了，全景浏览基本是没有什么问题的，可以实现。主要有以下两种方案： 1、使用六张图片的正方体盒子参考网址：ThreeJS全景教程优点：六个面的图片设置都在html中，这样在添加标记阅读全文

posted @ 2020-03-06 16:39 WANNANANANA 阅读(804) 评论(0) 推荐(0) 编辑

WANNANANANA

公告