2020年02月_I like study.

原创 js实现倒计时效果

<p class="count"></p>function countDown(time) { var inputTime = time.valueOf() var currentTime = +new Date() var times = (inputTime - currentTime) / 1000 var d = parseInt((((times...

2020-02-27 16:59:09 234

原创 js实现动态添加标签页

js实现动态添加标签页，能够进行标签的添加，删除，修改，内容切换addTab.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="styleshee...

2020-02-26 17:07:29 2517

原创 vue安装vuex后报错There are multiple modules with names that only differ in casing.

安装vue之后报错There are multiple modules with names that only differ in casing(有多个模块的名称只有大小写不同)解决方法:删除node_modules重新安装

2020-02-23 14:15:34 251

原创 vue简单实现轮播图

一准备数据(1)定义一个dataList，里面存放我们的图片dataList:['../../static/images/300.jpg','../../static/images/301.jpg'](2)currentIndex：来表示当时当前图片的索引currentIndex:0二、显示一张图片 <div class="banner"> <div c...

2020-02-16 20:20:25 3959

原创 Invalid default value for prop "value": Props with type Object/Array must use a factory function to

错误提示：Invalid default value for prop “value”: Props with type Object/Array must use a factory function to return the default value.（props default 数组／对象的默认值应当由一个工厂函数返回）错误代码：props: { link: { type: Obje...

2020-02-15 16:38:26 1339 1

原创 -Cannot use v-for on stateful component root element because it renders multiple elements

错误信息：Cannot use v-for on stateful component root element because it renders multiple elements原因:v-for用在文件的根元素上导致vue无法渲染解决方法:在v-for的外面加一层div...

2020-02-15 12:29:28 372

原创设置高度自适应不同设备屏幕的高度

qq音乐的歌曲播放页面，页面的宽度和设备宽度是一致，这时候我们就用的flex布局，但是首先要设置html和body宽度都为100%，因为百分比布局是相对父级元素来说的，有以下html代码<body> <div class="main"> <header></header> <div class="content"></d...

2020-02-14 10:38:38 725

原创 CSS3滤镜

/*模糊*/ filter: blur(5px); /*变灰*/ filter: grayscale(50%); /*图片亮度变暗或变明*/ filter: brightness(70%); /*调整图片对比度*/ filter: contrast(120%); /*加阴影*/ ...

2020-02-12 16:14:54 123

原创 windows iis服务器可以通过本机访问本地部署项目，但是局域网内的其他设备通过该ip访问不了

原因:没用在本机添加入站规则解决方法:打开windows防火墙点击高级设置点击入站规则，新建规则,添加你要访问的端口,后面都确认然后你就可以根据ip在同局域网的其他设备访问了...

2020-02-11 17:14:21 1282

原创 css div固定底部并且不遮挡其他元素

问题：设置固定底部的div后会遮挡其他元素解决方法:为该固定在底部的div设置一个height，position设置为fixed，然后给body设置一个margin-bottom，大小为该固定在底部的div的height...

2020-02-10 18:21:03 9887 2

原创清楚position:relative所占用的空白

问题：一个元素设置为position:relative后原来的空间仍会占用解决方法:父级元素设置position:relative 该元素设置position:absolute

2020-02-10 16:45:36 1962 2

原创 Do not use built-in or reserved HTML elements as component id: header

错误:定义了一个header组件但是无法被其他组件引用原因:因为header为h5的标签，vue中规定：组件的名称不能和h5的标签名称相同关于vue的书写规范参考vue官网:https://cn.vuejs.org/v2/style-guide/...

2020-02-09 18:35:47 1488

原创 Less的使用

1.定义Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。2.安装安装好node后，使用命令npm install -g less安装，安装成功后通过lessc -v查看less的版本号3.语法@变量名:值比如/*错误的变量命名：数字开头、特殊字符、*//*变...

2020-02-04 10:23:39 335

原创通过媒体查询引入不同的资源文件

假设body里面有两个div，当屏幕宽度>640px的时候，让屏幕一行显示两个div，当屏幕宽度>320px的时候，让屏幕一行显示一个div<body> <div></div> <div></div></body>style320.cssdiv{ width: 100%; height...

2020-02-03 16:51:47 610

原创媒体查询+rem实现元素动态变化

1.概念首先了解几个概念(1)**px:**为绝对单位，设置了几像素就是几个像素，缩小屏幕宽度仍然是该像素(2)em:相对父级的font-size的大小来说，比如有下列代码<style> div{ font-size:12px } p{ width: 10rem; height:10.5rem; }</style><body> ...

2020-02-03 16:46:02 409

原创媒体查询

1.定义使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计>响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。2.语法@media mediatype and|only|not (media feture){css代码}...

2020-02-03 16:29:20 256

原创 JS中获取各种高度、宽度

document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽： doc...

2020-02-01 17:53:52 286

rj2017211811的博客