前端极客 - 博客园

2018年8月25日

摘要： 1 window.onscroll = function() {scrollFunction()}; 2 3 function scrollFunction() { 4 if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { 5 document.getEle... 阅读全文

posted @ 2018-08-25 13:58 前端极客阅读(152) 评论(0) 推荐(0)

2018年8月24日

三角形（css3)

摘要： 1 .userCard .sanjiao {//三角形的制作； 2 width: 0; 3 height: 0; 4 border-left: 10px solid transparent; 5 border-right: 10px solid transparent; 6 border-bottom: 10px solid rgba(0, 0... 阅读全文

posted @ 2018-08-24 17:50 前端极客阅读(606) 评论(0) 推荐(0)

改变字体大小的媒体查询代码封装

摘要： 1 阅读全文

posted @ 2018-08-24 15:34 前端极客阅读(1295) 评论(0) 推荐(1)

将毫秒格式化为分钟和秒，并补0

摘要： 1 format(interval) {//格式化时间 2 interval = interval | 0//interval为毫秒数 3 const minute = interval / 60 | 0//分钟数为总时间/60 4 const second = this._pad(interval % 60) 5 ... 阅读全文

posted @ 2018-08-24 13:01 前端极客阅读(431) 评论(0) 推荐(0)

节流函数

摘要： 1 //使用场景 2 created(){ 3 this.$watch('query',debounce((newQuery)=>{//当搜索值发生变化的时候，将搜索值传递出去 4 this.$emit('query',newQuery )//如果在200ms内再次触发函数，不会调用里面的query事件； 5 },200)) 6 ... 阅读全文

posted @ 2018-08-24 09:04 前端极客阅读(1575) 评论(0) 推荐(0)

打乱数组方法

摘要： 1 function getRandomInt(min, max) {//返回得到max--min之间的数据，并可以包括max和min 2 return Math.floor(Math.random() * (max - min + 1) + min)//Math.random()返回0-1之间 3 } 4 5 export function shuffle(arr) {//洗牌... 阅读全文

posted @ 2018-08-24 08:53 前端极客阅读(395) 评论(0) 推荐(0)

css使用总结

摘要： - 1.定义多个class的目的在于：一般一个class抽取为公共样式，然后用另外一个class定义单独的样式。- 2.对于id和class，我们总结一下：对于页面关键结构，建议使用id。对于小地方，建议使用class。- 3.浏览器标题栏的小图标，想实现这个效果，我们只需要在head标签添加一个l 阅读全文

posted @ 2018-08-24 07:59 前端极客阅读(243) 评论(0) 推荐(0)

2018年8月23日

随着窗口的大小来调整字体的大小

摘要： 1 阅读全文

posted @ 2018-08-23 22:12 前端极客阅读(891) 评论(0) 推荐(0)

2018年8月22日

animate.css源码

摘要： 1 /*! 2 动画属性： 3 animation-name:动画名称 4 animation-duration:动画时间 5 animation-timing-function:动画的速度曲线 6 animation-delay:动画延迟 7 animation-iteration-count:动画播放次数 8 animation-... 阅读全文

posted @ 2018-08-22 08:07 前端极客阅读(1687) 评论(0) 推荐(0)

2018年8月14日

当滚动列表的时候，让input框失去焦点（移动端会收起键盘）

摘要： 1.拓展scroll.vue事件 2.在suggest.vue里声明beforeScrll:true,并$emit（beforeScroll）事件 3.在搜索input框中写失去焦点事件： 4.在search.vue父组件中调用子组件的blur方法；阅读全文

posted @ 2018-08-14 15:20 前端极客阅读(8272) 评论(0) 推荐(0)

Carina

不积跬步无以至千里

公告