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

经常忘记的功能方法

本文汇总前端开发中经常忘记的jQuery与JavaScript实用方法,包括用each遍历元素并结合时间判断显示已结束或进行中,用trim去空格,用substring截取字符串,用stopPropagation阻止点击冒泡,实现简单点击显示隐藏,依据自定义属性和时间筛选展示,完成当前位置高亮,运用CSS not隐藏非末尾元素,自适应文章图片按屏幕宽度调整并支持点击看大图,用indexOf判断内容位
2023-01-23
Hexo
#js

阻止冒泡

本文介绍了前端开发中事件冒泡导致交互冲突的问题及阻止冒泡的解决方法。当父元素绑定点击显示、子元素绑定点击隐藏父元素时,子元素事件会冒泡到父元素,使隐藏后又被显示,效果异常。文章给出兼容性函数stopPropagation,先获取事件对象,再判断document.all,旧浏览器设置cancelBubble为true,现代浏览器调用stopPropagation阻止事件继续传播。随后使用jQuery
2023-04-28
#js

sort排序高级:多重排序+自定义规则

本文围绕 sort 排序高级应用展开,介绍如何通过多重排序与自定义规则满足复杂数据排序需求。文章提出先按时间字段排序,再按指定字符串排序,字符串排序时需截取其中部分字符内容作为比较依据,最后再按号码排序。示例使用 JavaScript 实现,包含 getYMDHMS 函数将时间戳格式化为年月日,结合包含 issue、publishDate、createTime 等字段的数据,展示在数组 sort
2023-04-21
#js

判断页面是否为移动端

文章介绍用JavaScript判断页面是否为移动端的方法,通过正则表达式检测浏览器用户代理字符串是否包含Android、webOS、iPhone、iPad、iPod、BlackBerry、IEMobile、Opera Mini等移动标识,匹配成功则将变量isMobile设为true,表示当前为移动端环境,随后可在条件分支中执行跳转、适配或资源加载等操作。该方式实现简单,适合前端做基础设备判断,但仅
2024-06-06
#js

自适应与响应式

本文介绍响应式与自适应设计的区别与共同点。响应式采用弹性网格、媒体查询和灵活图片,一套代码适配所有设备;自适应为不同屏幕预设多套布局并按设备跳转,常以m或mobile域名区分。文章以山东省政府和新华网为例,说明响应式地址不变而自适应会跳转手机站。随后列出320、480、768、1024、1280等常用尺寸,讲解通过meta视口、媒体查询和弹性或浮动布局实现适配,并对比px、百分比、em、rem、v
2024-05-10
#html,css

条件语句

本文介绍JavaScript中的条件语句,主要包括if结构、if else结构、switch结构和三元运算符。if结构根据表达式的布尔值决定是否执行语句,建议使用大括号包裹代码块,并注意区分赋值表达式与相等运算符,避免误写。if else用于条件不满足时执行另一段代码,多个判断可连写为else if,else总是与最近的if配对。switch适合多个分支判断,每个case后通常需要break,否则
2024-05-10
#js

根据页面尺寸调整rem

本文介绍了通过JavaScript根据页面尺寸动态调整HTML根元素字体大小以实现rem自适应布局的方法。文章给出两种方案,第一种以750设计稿根字体16像素为基准,用页面宽度除以750再乘以16,超过16则限制为16,优点是PC端改动较小,缺点是计算rem较费力。第二种以750设计稿根字体100像素为基准,用页面宽度除以750再乘以100,优点是便于计算rem,缺点是PC端原有rem尺寸字号需重
2024-04-29
#js

根据栏目列表或当前位置给导航添加高亮

本文介绍一种使用jQuery为导航添加高亮的方法。页面加载完成后先获取栏目列表中各栏目名称并保存为数组,再遍历导航区域内的所有链接,逐一读取链接文字并与栏目名称进行匹配。若导航链接文字出现在栏目列表中,则先移除所有导航链接及其父元素上的高亮类,再为当前匹配链接的父元素添加高亮类,从而突出显示当前栏目对应的导航项。该方法适用于根据栏目列表动态判断当前页面所属栏目,并让导航菜单保持正确高亮状态,代码简
2024-04-09
#js

pm2 node进程管理器

PM2是内建负载均衡器的Node进程管理工具,可简化Node应用管理,支持性能监控自动重启负载均衡等,使用简单,能充分利用服务器CPU并保证进程存活和零秒重载。特性包括内建负载均衡后台运行零秒停机重载Ubuntu和CentOS启动脚本停止不稳定进程控制台检测HTTPAPI远程控制和实时接口API。安装可用npm或yarn全局安装。常用命令包括启动应用指定名称多进程watch模式和fork模式传递参
2023-05-23
#node

nvm 常用命令

本文汇总nvm常用命令,涵盖查看版本、显示本地和远程可安装版本列表、安装指定或最新Nodejs、切换使用指定版本和长期支持版本、卸载指定版本或长期支持版本、查看帮助、取消当前nvm效果、查看当前使用版本、设置版本别名、升级npm、重新安装全局包、显示安装路径、管理缓存、执行node命令、设置node和npm镜像以及开启关闭版本管理,帮助开发者管理多个Nodejs环境,方便安装切换卸载不同版本并配置
2023-05-17
#node
1234

Search

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