ranyonsue

JavaScript对象数组根据某属性sort升降序排序

摘要： 1、自定义一个比较器，其参数为待排序的属性。 2、将带参数的比较器传入sort()。 var data = [ {name: "Bruce", age: 23, id: 16, score: 80}, {name: "Alice", age: 24, id: 12, score: 90}, {nam 阅读全文

posted @ 2018-09-21 18:04 ranyonsue 阅读(1219) 评论(0) 推荐(0)

vue methods 中方法的相互调用

摘要： vue在同一个组件内；方法之间经常需要互相调用。 methods中的一个方法如何调用methods中的另外一个方法呢？可以在调用的时候使用 this.$options.methods.test2(); new Vue({ el: '#app', data: { test:111, }, metho 阅读全文

posted @ 2018-09-20 16:41 ranyonsue 阅读(26686) 评论(0) 推荐(0)

vue数据绑定数组，改变元素时不更新view问题

摘要：关于这个问题，官网上说的很清楚官方文档写个例子HTML<body> <div class="box"> <div v-for="aa in aas">{{aa}}</div> <button @click="change">变数据 </button> </div></body> jsvar vm 阅读全文

posted @ 2018-09-18 18:03 ranyonsue 阅读(7316) 评论(0) 推荐(0)

背景设置透明度字体不透明

摘要：如果想将背景设置透明度，但是又要保证其中的字体透明度不变，可以通过background属性background:rgba(255,255,255,0.6);来设置，背景透明度为0.6，字体透明度不变。如果需要设置字体的透明度，可以对color的rgba属性进行设置。 .div1{color:rgb 阅读全文

posted @ 2018-09-13 17:14 ranyonsue 阅读(3843) 评论(3) 推荐(0)

Yahoo团队网站性能优化的35条黄金守则

摘要：转载 Excetional Performance 团队总结出了一系列可以提高网站速度的方法。可以分为 7大类 35条。包括内容、服务器、 CSS 、 JavaScript 、Cookie 、图片、移动应用七部分，值得前端开发人员学习。一、内容部分 1.尽量减少 HTTP请求 2.减少 DN 阅读全文

posted @ 2018-08-30 10:19 ranyonsue 阅读(705) 评论(1) 推荐(0)

原生javascript实现回到顶部平滑滚动

摘要： function rt() { var d = document, dd = document.documentElement, db = document.body, top = dd.scrollTop || db.scrollTop, step = Math.floor(top / 20); 阅读全文

posted @ 2018-08-21 15:05 ranyonsue 阅读(1012) 评论(0) 推荐(0)

CSS3自定义滚动条样式

摘要：自定义滚动条实现此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下：滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动） 3. ::- 阅读全文

posted @ 2018-08-16 15:28 ranyonsue 阅读(136301) 评论(0) 推荐(7)

content-box和border-box

摘要：理解box-sizing属性border-box，content-box，其实也是理解正常盒模型与异常盒模型。如果不做特殊说明，我们日常所用的div都是正常盒子模型。正常盒子模型正常盒子模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒阅读全文

posted @ 2018-08-14 14:50 ranyonsue 阅读(705) 评论(0) 推荐(1)

css样式的书写顺序及原理

摘要：刚开始学习前端的时候，每次写css样式都是用到什么就在样式表后添加什么，完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看，并且也属于css样式优化的一种方式。那么是怎么个顺序呢？（1）定位属性：position display float left t 阅读全文

posted @ 2018-08-06 17:35 ranyonsue 阅读(679) 评论(0) 推荐(1)

如何实现单行与多行文字的居中

摘要：在项目中遇到一个问题，在一个宽度为百分比形式设定宽度的div中，文字可能不多但是也可能较多，会超过一行。怎么才能做到不管1行还是2行3行，文字都可以上下左右居中呈现。解决方法： 1使用flex 只需要这样设置css属性即可 div{ display: -webkit-flex; display: 阅读全文

posted @ 2018-07-27 17:36 ranyonsue 阅读(530) 评论(0) 推荐(0)