- 博客(20)
- 收藏
- 关注
原创 Window对象、本地存储 | 前端笔记(十八)
本地存储:将数据存储在本地浏览器中使用场景:https://todomvc.com/examples/vanilla-es6/> 页面刷新数据不丢失好处:1、页面刷新或者关闭不丢失数据,实现数据持久化2、容量较大,sessionStorage和 localStorage 约 5M 左右。
2023-05-10 14:24:34
689
原创 前端笔记(十七) | 节点操作、M端事件
备注:删除节点直接从html删除节点,隐藏节点(display:none)知识隐藏,实际上还是存在的。// console.log(ul.children) // 得到伪数组 选择的是 亲儿子。删除现有的 DOM 节点:首先由父节点删除子节点,其次是要删除哪个子节点。创造一个新的网页元素,再添加到网页内,一般先创建节点,然后插入节点。操作:创建一个新的节点,把创建的新的节点放入到指定的元素内部。:获得所有子节点,包括文本节点(空格、换行)、注释节点。复制一个原有的节点,把复制的节点放入指定的元素内部。
2023-05-08 09:21:47
108
原创 前端笔记(十六) | 元素尺寸与位置、时间对象
(1)获取元素的自身宽高、包含元素自身设置的宽高、padding、border(2)offsetWidth和offsetHeight(3)获取出来的是数值,方便计算(4)注意: 获取的是可视宽高, 如果盒子是隐藏的,获取的结果是0(1)获取元素距离自己定位父级元素的左、上距离(2)offsetLeft和offsetTop注意是只读属性备注:element.getBoundingClientRect( )获取方法返回元素的大小及其相对于视口(可视区)的位置。案例:仿京东滑动属性作用说明
2023-05-07 10:24:58
145
原创 事件流、事件委托、其他事件 | 前端笔记(十五)
/ console.log(e.target.tagName) // e.target.tagName 点击那个对象的 标签名。事件冒泡:当一个元素的事件被触发时,同样的事件将会在该元素的所有祖先元素中依次被触发(依次向上调用所有父级元素的同名事件)。(给父元素注册事件,当我们触发子元素的时候,会冒泡到父元素身上,从而触发父元素的事件。阻止冒泡:阻断事件的流动,保证事件只在当前元素被执行,而不再去影响到其对应的祖先元素。2.事件监听注册(L2):后面注册的事件捕获覆盖前面注册的事件(同一个事件)。
2023-05-03 14:27:46
203
原创 JS事件对象、环境对象、回调函数 | 前端笔记(十四)
/ console.log(checkAll.checked) // 得到 是 true 或者是 false。// 4. 遍历所有的小复选框 让小复选框的checked = 大复选框的 checked。// console.log(str.trim()) // 去除字符串左右的空格。// console.log(tx.value.length) 得到输入的长度。// console.log(tx.value) // 用户输入的内容。// 一定要写到点击里面,因为每次要获得最新的个数。
2023-05-02 11:24:02
171
原创 JS事件监听与事件类型 | 前端笔记(十三)
事件监听:结合 DOM 使用事件时,需要为 DOM 对象添加事件监听,等待事件发生(触发)时,便立即调用一个函数。事件:事件是编程语言中的术语,它是用来描述程序的行为或状态的,一旦行为或状态发生改变,便立即调用一个函数。// 如果数组里面只有一个值了,还需要抽取吗?// 利用js自动调用点击事件 click() 一定加小括号调用函数。// 利用js自动调用点击事件 click() 一定加小括号调用函数。// 结束了,可以删除掉当前抽取的那个数组元素。// 4. 鼠标经过大盒子,停止定时器。
2023-04-30 11:29:08
582
原创 计算机网络期末知识点复习(防挂科)
1.计算机网络的定义:利用通信线路和通信设备,将地理位置不同的、功能独立的多台计算机互连起来实现资源共享和信息传递。2.计算机网络的分类:网络的作用范围:广域网 WAN(核心)、局域网 LAN、城域网 MAN、个人区域网 PAN网络的使用者:公用网、专用网3.计算机网络的组成:资源子网和通信子网4.分组交换:将一个报文分成多个分组,传送到相邻结点,在查找转发表,在转发到下一个结点5.性能指标:带宽:数字信道所能传送的最高速率。bit/s吞吐量:单位时间内通过某个网络的实际数据量。
2023-04-27 08:36:52
621
原创 云计算期末复习重点总结知识
云计算在2006年大范围传播,施密特提出。分布式论文:Google File System分布式存储系统、MapReducefen分布式处理技术、BigTable分布式数据库。云计算比喻为发电厂集中供电的模式。云计算是一种模型,可以方便地通过网络访问一个可配置的计算资源的公共集。这些资源可以被快速提供并发布,同时最小化管理成本以及服务供应商的干预。效用计算将IT资源包装成可以度量的服务提供给用户使用,也就是将CPU、内存、网络带宽、存储容量都看作传统的效用量来进行包装。
2023-04-20 21:25:33
1513
原创 JS对象及补充 | 前端笔记(十)
2.引用类型:变量存储地址(在栈开辟地址空间,在堆放内容),通过new创建对象。1.栈:操作系统自动分配释放存放函数的参数值、局部变量的值,存放简单数据类型。1.无论是属性或是方法,同一个对象中出现名称一样的,后面的会覆盖前面的。2.堆:程序员分配释放,若不释放,由垃圾回收机制回收,存放引用数据类型。备注:Math.floor可以换成parseInt。1.简单数据类型(值类型):变量存储值本身。通常表示不存在的对象。检测类型它的类型时,结果为。是内置的对象,称为数学对象。
2023-04-17 22:03:10
56
原创 JS函数 | 前端笔记(九)
显示转换:’ '、0、underfined、null、false、NaN都为false,其余都是true。通过 return这个关键字,将内部执行结果传递到函数外部,这个被传递到外部的结果就是返回值。在||中,如果左边为true则右边不再执行。1.具名函数的调用可以写到任何位置,匿名函数不行。2.函数表达式,必须先声明函数表达式,后调用。1.无需调用,立即执行,其实本质已经调用了。1.两个相同的函数后面的会覆盖前面的函数。,若实参过多,则多余的实参被忽略。1.函数只声明不调用则不起作用。
2023-04-16 13:52:44
74
原创 JS分支、循环、数组 | 前端笔记(八)
中止整个循环,一般用于结果已经得到, 后续的循环不需要的时候可以使用(提高效率)。当分支比较多时,用switch。备注:除了0所有的数字都为真,除了’ '所有的字符串都为真。:中止本次循环,一般用于排除或者跳过某一个选项的时候。将元素添加到数组末尾,返回该数组新长度。将元素添加到数组开头,返回该数组新长度。通常处理case为比较确定值的情况,而。备注:数组长度:数组名.length。删除最后一个元素,返回该元素的值。删除开头一个元素,返回该元素的值。 浏览器打开调试界面。数组名.pop( )
2023-04-09 15:10:25
65
原创 CSS3新增 | 前端笔记(六)
* 必须是input 但是同时具有 value这个属性 选择这个元素 [] */color:pink;} *//* 只选择 type =text 文本框的input 选取出来 */color;/* 选择首先是div 然后 具有class属性 并且属性值 必须是 icon开头的这些元素 */color;color;/* 类选择器和属性选择器 伪类选择器 权重都是 10 */
2023-04-03 22:16:41
33
原创 CSS难点及巧用 | 前端笔记(五)
举例:网站的广告,点击关闭就没有,一刷新就重新出现。备注:2.一般不让溢出内容显示,但如果有定位的盒子,慎用overflow:hidden(会隐藏多余部分)。
2023-04-02 11:12:23
48
原创 CSS样式(下) | 前端笔记(四)
浮动就是创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含或另一个浮动框的边缘,使得多个块级元素一行排列显示。让盒子自由在某个盒子内移动位置或者固定在某个位置,且压住其他盒子。定位(position)=定位模式+边偏移(top/bottom/left/right)
2023-03-30 09:00:45
119
原创 HTML5新增 | 前端笔记(二)
备注:文件最好为MP4格式,可修改宽和高。1.input必须放在form表单域里面。2.placeholder 要修改颜色则。备注:文件最好为MP3格式。
2023-03-24 12:12:41
37
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人