黄dada
  • 主页
  • 分类
  • 标签
  • 音乐
  • 相册
  • 留言板
  • 说说
  • 功能页面
    图片搜索 游戏
  •   
  •   

mouseenter和mouseleave与mouseover和mouseout的区别

本文对比了mouseenter与mouseleave同mouseover与mouseout的区别。mouseover在鼠标移入绑定元素及其子元素时都会触发,支持事件冒泡,因此进入父元素、进入子元素、离开子元素回到父元素时可能多次触发;mouseout同理,在离开父元素或子元素时触发。mouseenter只在鼠标移入绑定元素本身时触发,mouseleave只在移出绑定元素本身时触发,二者不冒泡,不受
2023-05-06
#js

时间戳与年月日转换以及获取当前时间

本文介绍了前端开发中时间戳与年月日格式相互转换以及获取当前
2023-04-21
#js

tab切换返回到跳转前得tab选项卡处

通过iframe嵌入其他应用的自适应页面中,存在tab切换并使用当前窗口跳转链接后,返回上一页需自动定位到跳转前高亮的tab选项。实现思路是利用地址栏锚点和浏览器历史记录接口保存当前tab索引,页面加载时读取哈希参数,遍历tab列表匹配索引,为对应项添加active类并显示对应内容,隐藏其他项;点击tab时同步切换高亮与内容,并在索引变化时写入新的哈希记录,使返回时能恢复之前选中的tab状态。代码
2023-04-19
#js

调整 iframe 的大小以适应其内容

本文介绍如何让 iframe 高度自适应其内容。实现方式是给 iframe 绑定 load 事件,在内容加载完成后读取 frame.contentDocument.body.scrollHeight 获取正文实际高度,再通过 setAttribute 将 height 设为该像素值。这样 iframe 会随内容自动伸缩,避免滚动条或空白。注意需同源才能访问 contentDocument,跨域时无
2023-04-14
#js

跨域问题处理

本文介绍跨域问题及处理方法。跨域源于浏览器同源策略,要求协议域名端口一致,否则请求被拦截。文章给出三种方案。JSONP利用script标签不受同源策略限制,客户端拼接回调函数名,服务端返回函数调用形式数据,兼容性好但仅支持GET且可能遭XSS攻击。CORS基于HTTP头,服务端设置跨域响应头即可允许指定或所有源访问,前端无需配置,实现简单常用。Node代理服务器利用服务端请求不受同源策略限制,客户
2023-04-11
#js

jdk1.8安装

本文主要介绍JDK1.8的安装与配置方法,内容包括JDK1.8安装包获取、下载途径、安装步骤以及环境变量配置。文章针对Windows系统讲解如何运行安装程序、选择安装路径、设置JAVA_HOME、Path和CLASSPATH等关键环境变量,并通过命令行输入java和javac命令验证安装是否成功。文中还提示安装过程中可能遇到的问题和注意事项,帮助初学者快速完成Java开发环境搭建。读者可参考给出的
2023-03-20
#java

localStorage定时缓存

文章介绍通过封装MyLocalStorage为localStorage增加定时缓存功能因为原生localStorage无过期限制封装提供put get remove clear方法put将值和过期时间存为JSON默认有效期一千八百秒get读取时判断是否超过exp过期则删除返回空文章给出示例Ajax请求成功后缓存数据十分钟下次先读缓存未过期直接使用过期或不存在则重新请求接口并按publishDate
2023-03-20
#js

相册参考

本文介绍博客相册功能的搭建与更新流程。制作时最初把图片上传到git但加载较慢于是改为上传到云服务器。相册更新时需在源码图片目录新增图片完成后手动删除相册目录中的photosjson文件以避免重复然后进入相册图片目录执行node createsjs脚本生成相册数据。文中修改了createsjs文件中的rootPath和plotGroupJsonFile路径可根据本地实际路径调整。最后执行hexo生成
2023-03-09
#hexo

防止刷新过快

本文介绍一种防止网页刷新过快的前端实现方法。首先定义Cookie对象,包含get、set、del三个方法,用于读取、设置和删除cookie,并支持按天设置过期时间。接着通过document.onkeydown监听键盘事件,屏蔽F5和Ctrl加R刷新组合键,同时调用检测函数。代码设定刷新间隔为5000毫秒即5秒,检测函数从cookie读取上次刷新时间并与当前时间比较,若间隔超过5秒则执行页面重载并更
2023-03-09
#js

js递归遍历数组获取对应节点以及对应节点所有子节点

本文介绍使用JavaScript递归遍历树形数组获取指定节点及其子节点的方法。文章先定义包含id、name和children的树形数据,随后给出三个函数。getObjById用于根据id查找对应对象,遍历数组时若匹配则返回节点,否则递归其children继续查找。getParentsById用于根据id查询本节点和所有父级节点,找到目标后通过concat把当前节点与父节点连接返回。查询本节点和所有
2023-03-03
#js
1234

Search

Hexo Fluid
总访问量 次 总访客数 人
晋ICP备2022004088号