03 2022 档案

vue监听页面中的某个div的滚动事件，并判断滚动的位置

摘要：在开发中常常会遇到这样一个vue页面，页面分为左右两部分，左边是目录树，右边是一个类名为xq-box的div，在xq-box中多个div上下并列布局，每个div中的内容就对应着左边目录树中的相应节点，现在的目标是，要监听这个xq-box滚动事件，右边一旦开始滚动，就要知道滚动到哪个子div，并让左边阅读全文

posted @ 2022-03-17 17:03 Chong_2022 阅读(6171) 评论(0) 推荐(1) 编辑

vue中使用js-cookie插件

摘要：js-cookie是一个用于处理 cookie 的简单、轻量级 JavaScript API，官方文档：https://www.npmjs.com/package/js-cookie。一、安装 npm install js-cookie --save 二、引入 import Cookies fro 阅读全文

posted @ 2022-03-09 16:56 Chong_2022 阅读(830) 评论(0) 推荐(0) 编辑

监听页面中的某个div的滚动事件，并将其滚动距离保存到cookie

摘要：在html中，写一个id为type的div： <div class="type" id="type"></div> css： .type{ height: 600px; overflow-y: auto; } 当里面的内容超过高度时，div会出现滚动条，监听这个div的滚动事件： //监听这个dom 阅读全文

posted @ 2022-03-09 14:39 Chong_2022 阅读(2088) 评论(0) 推荐(0) 编辑

js操作cookie

摘要：cookie是运行在客户端的，所以可以用JS来设置cookie。 cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。以下是js操作cookie方法：写入cookie： //写入cookie: 没有指定Expires(过期时间)时,默认为会话C 阅读全文

posted @ 2022-03-09 10:47 Chong_2022 阅读(4694) 评论(0) 推荐(1) 编辑