html
文章平均质量分 56
object not found
一位业余前端,汇集前端杂七杂八的知识
展开
-
index.js:273 Uncaught TypeError: navLink.forEach(...) is not a function
原因:首先我们可以明显的看到获取的DOM元素明显的是一个数组,原型上也有forEach()方法,看上去是不是很合理,但是有趣就有趣在这个获取到的DOM元素数组经过typeof检测其实是一个对象,正是这一点导致数组forEach()方法报错。今天遇到个有点意思的问题,使用forEach()遍历document.querySelectorAll获取的DOM节点时出现的报错,虽然不影响正常使用,但有强迫整的我看不得一点报错。使用for()循环代替forEach()或者使用遍历对象的方法遍历即可。原创 2023-12-08 02:57:01 · 487 阅读 · 0 评论 -
前端实现主题(深色模式)切换的几种方案
实现思路:首先定义几个我们需要的全局样式变量,之后定义几个集合属性(不同的主题样式),然后将其放在html根元素标签里,再动过js动态的切换这个集合属性就可以实现主题的切换,具体看以下代码;原创 2023-12-06 16:00:20 · 2550 阅读 · 1 评论 -
聊天室案例实现保姆级教学
先来看效果图, 基于axios,js实现,// 首先创建一个自执行函数(function () { // 获取元素 let header = document.querySelector('.header') let ipt = document.querySelector('.ipt') let send = document.querySelector('.send') // 注册事件 send.addEventListener('click', sen原创 2022-09-16 11:37:51 · 7526 阅读 · 0 评论 -
5分钟学会canvas的使用
在HTML5新增新的标签,名为画布,可以使用JS在上面完成对应的画的操作。正常情况我们可以把它当成一个img看待。原创 2022-09-05 11:14:47 · 16019 阅读 · 0 评论 -
一分钟学会使用js读取上传图片文件
显示一个图片,除了直接放文件路径,还可以放Base64当我们用file选择一个文件时,我们希望能够读取到文件路径,然后显示到一个img上或许你会想利用value值显示,input:file上确实有value但是这个value不能用fileReader,尽量先监听,然后再读取,好了不废话了直接看代码吧。原创 2022-09-05 10:39:21 · 15836 阅读 · 0 评论 -
使用js实现响应式瀑布流布局(附带动画效果)
4.进行判断如果i小于列数则将第一列的图片高度添加进数组然后设置style的top,left值控制其位置。5.如果i大于列数就说明是第二行,则找到上一行数组中高度最小的元素,根据其设置top,left值;1.获取图片容器的宽度,根据宽度的大小去控制列数的生成;2.定义间距变量,图片数组和计算出每列宽度;3.遍历图片元素数组,为每一项加上宽度;6.最后根据根据索引将每一项添加到数组。......原创 2022-08-30 16:10:33 · 19587 阅读 · 0 评论 -
使用js实现动态小球气泡背景
动态气泡背景原创 2022-08-24 12:00:37 · 21386 阅读 · 0 评论 -
常用DOM节点常用操作追加删除方法总结
在获取元素的节点后,还可以利用DOM提供的方法实现节点的添加,如创建一个li元素节点,为li元素节点创建一个文本节点等。方法说明创建元素节点创建文本节点创建属性节点在指定元素的子节点列表的末尾添加一个节点为当前节点增加一个子节点(插入到指定子节点之前)返回指定名称的属性节点设置或者改变指定名称的属性节点create系列的方法是由document对象提供的,与Node对象无关。...原创 2022-08-23 17:18:42 · 22561 阅读 · 0 评论 -
DOM是什么?
DOM的全称叫Document Object Model(文档对象模型)。他提供了js一个能力:获取网页上的元素并且操作它们。原创 2022-08-18 14:15:45 · 19194 阅读 · 0 评论 -
利用js实现计算器
使用原生html,css,js创造的一个网页计算器原创 2022-08-10 10:22:26 · 20023 阅读 · 0 评论 -
什么是BFC?
什么是BFC,BFC如何触发以及他能解决什么问题原创 2022-08-11 09:21:32 · 18837 阅读 · 0 评论