前端开发
文章平均质量分 64
兔子敲代码
一天吃一根草,我也能吃饱
展开
-
数组Array.prototype原型方法学习-30分钟学完数组全部操作 原创
总是使用数组的一些常用的方法,例如:push,slice,shift,unshift,pop...,根本没去观察数组原型上自带的方法都有哪些,今天无意中打印了一个空Array数组,发现其原型Array下面有将近35个方法和一个length属性。原创 2022-09-15 18:30:25 · 1113 阅读 · 0 评论 -
面试题十五:js/javascript数组乱序及洗牌算法
说起来 数组乱序,这是大厂经常考的一道题,考验的是对数组的操作。那么实现数组乱序,常见经典的解决方法有两种:1.sort()取巧排序 ,之所以说取巧,这是一种伪随机。当数组过多是, 随机性会变差!原理:通过sort随机生成一个数,决定数组相邻两位的排序,直到数组排序结束。function shuffle(arr){ return arr.sort(function(){ return Math.random()-0.5 })}2.洗牌算法 Fisher–Ya...原创 2021-03-19 17:36:28 · 565 阅读 · 0 评论 -
面试题二十:Ajax 原理是什么?ajax 是如何实现的?
Ajax全称:Async Javascript and XML,翻译后就是异步的JavaScript 和XML,可以在不重选加载页面的情况下,与服务器交换数据,并实现部分页面更新。Ajax原理:通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。Ajax实现过程:1.新建 一个 XmlHttpRequest 实例化对象;const xhr = new XmlHttpRequest();2.通过 Xml..原创 2021-03-19 17:34:53 · 337 阅读 · 0 评论 -
微信小程序catchtap逆反思维阻止捕获事件发生
我们都是微信小程序中catchtap绑定的是阻止冒泡事件的发生,换句话说就是仅对当前元素本身生效。常用场景:假如点击父级盒子触发A事件,点击子元素触发B事件,但是这样实际的效果却是,点击父级也会触发子元素的事件,点击子元素也会发生父级的事件,bug就是:这两个事件都会被触发!!!这就是冒泡事件和捕获事件同时存在了!<view bindtap="A"> <view bindtap="B"></view></view>单一的bindtap点击原创 2021-01-12 10:18:19 · 1714 阅读 · 2 评论 -
viewerjs图片预览插件ajax动态加载图片不出现-【已解决】
bug问题:近期公司查看图片的插件总是bug异常,领导发令更换这个“灯箱效果”,在网上像爬虫一下寻觅了好久,终于找到一个漂亮的插件:强大的jQuery图片查看器插件Viewer.js感觉技术没啥问题——咨询领导意见——领导反馈ok——开始移植——本地移植成功(开心,小问题不要慌)——移交后端大佬测试:内容页面成功实现灯箱效果,但是我们首页和列表页有个类似知乎当前页加载内容的效果,然后就卡坑了!事先声明:我用的是jquery版插件,vue版插件同样问题解决方案在底部。解决之路:捣鼓半天之后,插件原创 2020-11-06 09:04:28 · 2220 阅读 · 0 评论 -
jquery向下滑动指定距离右侧固定悬浮指定元素
“页面向下滑动到指定位置,元素固定悬浮在指定位置”——这个功能很常见,特别是在pc页面中,几乎90%的网站都有这样的效果,那么jquery怎么实现呢?总结一个常用方法:1.css代码:.slider-zone{position: relative;}.rightScroll{position: fixed;z-index: 6636;right: calc((100% - 1200px)/2 -25px);top: 80px;width:300px}2.html代码:<div class原创 2020-10-20 16:26:25 · 722 阅读 · 0 评论 -
css通过a标签锚点+scroll-behavior滚动行为,丝滑实现“返回顶部”
记得有人制作“返回顶部”这个功能时,总是喜欢用js做,我之前问过他为什么不用a标签做,他说:“a标签做的过于僵硬,没有js实现的效果丝滑顺畅”…,css真的不能制作丝滑的滚动效果吗?当然不!CSS可以实现,只是你的认知不足,你可能都没有见过scroll-behavior这个标签。scroll-behavior为一个滚动框指定滚动行为。 默认auto,立即滚动;smooth ,平稳丝滑的滚动;html{scroll-behavior:smooth}在不考虑ie兼容的情况下,完全可以用a标签锚点跳转原创 2020-10-20 16:16:24 · 1610 阅读 · 0 评论