2019年2月24日
CSS sprites
摘要： CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。 优点： 它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。 利用CSS的“background-image”，“background- 阅读全文
posted @ 2019-02-24 11:50 Jade0214 阅读(126) 评论(0) 推荐(0)
border:none和border:0的区别
摘要： C:当定义border:none时，表示无边框样式，浏览器并不会对边框进行渲染，也就没有实际的宽度； D:定义边框时，除了设置宽度外，还必须设置边框的样式才能显示出来。 border:0;浏览器对border-width、border-color进行渲染，占用内存。 border:none;浏览器不 阅读全文
posted @ 2019-02-24 11:30 Jade0214 阅读(236) 评论(0) 推荐(0)
css display属性
摘要： C：内联元素加上display：block后被块级化。块级元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块级元素排斥其他元素与其位于同一行，width和height起作用。因此，可以定义其宽度和高度。 display常用的属性： none：此元素不会被显示 block：此元素将显示为块级元 阅读全文
posted @ 2019-02-24 11:24 Jade0214 阅读(251) 评论(0) 推荐(0)
2019年2月23日
css的postion属性
摘要： 在实际项目中，发现postion这个属性经常使用而且常常很重要，所以总结整理一下知识点 css中postion属性有以下可选值，分别是：static，absolute, fixed, relative，inherit postion:static 无定位 默认值。没有定位，元素出现在正常的流中（忽略 阅读全文
posted @ 2019-02-23 19:08 Jade0214 阅读(742) 评论(0) 推荐(0)
el-cascader 级联选择器使用时遇到的一些问题
摘要： Element UI Cascader官网文档 我遇到的问题：当进入到编辑页面时，后台传来的只有最后一级的id,也就是说value数组里存的只有一个数，没有父级的id。这就导致无法在选框中显示出来label 解决办法：因为可以从后台获取到整个数据结构，发现子对象都有parentId这个属性，所以编写 阅读全文
posted @ 2019-02-23 18:43 Jade0214 阅读(43765) 评论(1) 推荐(0)
判断一个js对象，是否具有某个属性
摘要： 检测对象中属性的存在与否可以通过几种方法来判断。 使用in关键字 该方法可以判断对象的自有属性和继承来的属性是否存在。 使用对象的hasOwnProperty（）方法 该方法只能判断自有属性是否存在，对于继承属性会返回false。 该方法的一般语法：对象.hasOwnProperty(属性值) 但当 阅读全文
posted @ 2019-02-23 17:31 Jade0214 阅读(597) 评论(0) 推荐(0)
2019年2月21日
axios的学习与使用
摘要： 最近的项目都是使用的vue框架，所以请求都使用了vue官方推荐的axios。 官方中文介绍 此处记录一下常用的写法 执行 GET 请求 实际用例 执行 POST 请求 实际用例 执行多个并发请求 axios API 可以通过向 axios 传递相关配置来创建请求 axios(config) axio 阅读全文
posted @ 2019-02-21 17:57 Jade0214 阅读(289) 评论(0) 推荐(0)
使用axios实现上传视频进度条
摘要： 这是最终的效果图 先介绍一下axios的使用：中文的axios官方介绍 首先定义一个uploadTest方法,写在vue文件的methods里 该方法有三个参数，分别是参数，和两个回调函数，参数就是我们要上传图片的需要的额参数；而第一个回调函数，是获取上传进度包含的数据，第二回调是获取上传成功失败， 阅读全文
posted @ 2019-02-21 17:00 Jade0214 阅读(788) 评论(0) 推荐(0)
video组件的使用
摘要： 当上传课件完成时，想要预览视频，选择了video组件。 width和height属性，如果设置成100%，将自动填充满父级元素的大小。 src是视频的地址。 controls属性，如果出现该属性，则向用户显示控件，比如播放按钮。 还有其他属性没涉及到，可查看详情 阅读全文
posted @ 2019-02-21 16:22 Jade0214 阅读(726) 评论(0) 推荐(0)
vue中click阻止事件冒泡，防止触发另一个事件
摘要： 在使用el-upload组件时，在其中放置了一个删除按钮的图片。 当点击图片，本想只删除上传的视频，但是意外触发了el-upload中的事件 解决办法：用stop，结果只删除当前预览，不触发上传事件。 阅读全文
posted @ 2019-02-21 15:52 Jade0214 阅读(7450) 评论(0) 推荐(1)