随笔分类 -  javascript

div随页面滚动遇顶固定的两种方法
摘要：一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动，遇顶则固定，离开浏览器顶部又还原这样的例子其实不少，其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条，在默认状态时，该工具条是跟随页面滚动的，如下图： 而当我们下拉滚动条 阅读全文
posted @ 2021-07-19 16:51 轻舟经年 阅读(1697) 评论(0) 推荐(0)
瀑布流效果收藏
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 div.item{ 8 position: absolute; 9 width: 320px; 1 阅读全文
posted @ 2021-06-30 10:47 轻舟经年 阅读(32) 评论(0) 推荐(0)
JavaScript 高性能数组去重
摘要：一、测试模版 数组去重是一个老生常谈的问题，网上流传着有各种各样的解法 为了测试这些解法的性能，我写了一个测试模版，用来计算数组去重的耗时 // distinct.js let arr1 = Array.from(new Array(100000), (x, index)=>{ return ind 阅读全文
posted @ 2021-05-10 18:05 轻舟经年 阅读(103) 评论(0) 推荐(0)
Swiper自定义分页器使用详解
摘要：HTML DEMO（官网例子） <link rel="stylesheet" href="path/to/swiper.min.css"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-s 阅读全文
posted @ 2021-05-07 14:49 轻舟经年 阅读(3940) 评论(0) 推荐(0)
常见的JavaScript 代码优化方案
摘要：2021 第一期。 本篇文章整理了在日常开发中 30 个常见的 JavaScript 代码优化方案。 本文章已在 Github blog 收录，欢迎大伙儿～ Star，文章中若存在不足或者 issues，欢迎在下方或 Github 留言！ 1、NUll、Undefined、''检查 我们在创建新变量 阅读全文
posted @ 2021-02-20 18:12 轻舟经年 阅读(280) 评论(0) 推荐(0)
删除数组中指定的某个对象
摘要：1.首先说下字符串与对象之间的转换： JSON.stringfy()将对象、数组转换成字符串； JSON.parse()将字符串转成json对象。 2.删除数组对象中name='已办结的'对象 var newArr= [{name: "已办结", value: "10015"}, {name: "已 阅读全文
posted @ 2021-02-03 11:20 轻舟经年 阅读(6171) 评论(0) 推荐(0)
使用js定位到页面某个位子
摘要：//获取url参数function getQueryString(name){ // 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空 if(location.href.indexOf("?") 1 || location.href.indexOf(name+'=') 1) { ret 阅读全文
posted @ 2021-01-07 17:39 轻舟经年 阅读(548) 评论(0) 推荐(0)
js防止重复点击或者点击过快方法
摘要：<button type="button" data-val="0">00000</button> <button type="button" data-val="1">11111</button> <button type="button" data-val="2">22222</button> 阅读全文
posted @ 2020-07-20 09:31 轻舟经年 阅读(3727) 评论(0) 推荐(0)
js 监听后退事件及跳转页面
摘要：s 监听后退事件及跳转页面 //直接跳转 window.location.href="b.html"; //返回上一级页面 window.history.back(-1); //返回下一级页面 window.history.go(-1); jq监听后退事件 <script type="text/ja 阅读全文
posted @ 2019-08-16 17:15 轻舟经年 阅读(5998) 评论(0) 推荐(0)
新闻列表单行滚动（多行显示）简洁向上滚动js效果
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>新闻列表单行滚动js效果和多行滚动js效果，超 阅读全文
posted @ 2017-12-04 08:47 轻舟经年 阅读(2683) 评论(0) 推荐(0)