前端黑马学习笔记
文章平均质量分 84
钥钥睡着了
这个作者很懒,什么都没留下…
展开
-
【前端】jQuery事件
事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。3、动态创建的元素,click()没有办法绑定事件,on()可以给动态生成的元素绑定事件。如果想要把某个对象拷贝(合并)给另一个对象使用,此时可以使用$.extend()方法。off()方法可以移除通过on()方法添加的事件处理程序。on()方法在匹配元素上绑定一个或多个事件的事件处理函数。如果有的事件只想触发一次,可以使用one()来绑定事件。1、可以绑定多个事件,多个事件处理程序。事件被触发,就会有事件对象的产生。原创 2022-11-30 14:45:14 · 893 阅读 · 0 评论 -
【前端】jQuery-概述+基本使用+常用API
【前端】jQuery-概述+基本使用+常用API原创 2022-11-27 20:33:45 · 1135 阅读 · 0 评论 -
【前端】JavaScript-本地存储
使用方法与sessionStorage相同。原创 2022-11-26 15:07:26 · 102 阅读 · 0 评论 -
【前端】JavaScript-PC端网页特效
offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素得位置获得元素自身的大小(宽度高度)注意:返回得数值都不带单位mouseover鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter只经过自身盒子触发。原创 2022-11-25 18:53:44 · 477 阅读 · 0 评论 -
【前端】CSS3-2D转换+动画+3D转换
转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。原创 2022-11-24 20:44:15 · 451 阅读 · 0 评论 -
【前端】Ajax-form表单与模板引擎
表单在网页中主要负责数据采集功能。通过点击submit按钮,触发表单提交的操作,从而使页面跳转到action URL的行为,叫做表单的同步提交。根据程序员指定的模板结构和数据,自动生成一个完整的HTML页面。原创 2022-11-17 20:45:29 · 677 阅读 · 0 评论 -
【前端】Ajax
在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax。原创 2022-11-16 19:08:52 · 547 阅读 · 0 评论 -
【前端】Vue网络应用
Vue结合网络数据开发应用。功能强大的网络请求库。原创 2022-11-15 13:44:05 · 323 阅读 · 0 评论 -
【前端】Vue基础+本地应用
1、JavaScript框架2、简化Dom操作3、响应式数据驱动。原创 2022-11-14 19:25:52 · 707 阅读 · 0 评论 -
【前端】JavaScript-BOM
BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。原创 2022-11-12 18:50:55 · 102 阅读 · 0 评论 -
【前端】JavaScript-事件高级
event对象代表事件的状态,跟事件相关的一系列信息的集合。特点:注册事件的唯一性,即同一个元素同一个事件只设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数。不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。特点:同一个元素同一个事件可以注册多个监听器,按注册顺序依次执行。称为注册事件或者绑定事件。事件流描述的是从页面中接收事件的顺序。原创 2022-11-11 17:22:56 · 477 阅读 · 0 评论 -
【前端】JavaScript-节点操作
一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。它只返回子元素节点,其余节点不返回(重点掌握)。因为这些元素原先不存在,是根据我们的需求动态生成的,所以我们也称为动态创建元素节点。利用DOM树可以把节点划分为不同的层次关系,常见的是父子兄层级关系。得到的是一个集合,包含所有的子节点,包含文字节点和元素节点等。得到的是离元素最近的父节点,如果找不到父节点则返回null。实际开发中,节点操作主要操作的是元素节点。封装一个兼容性的函数。原创 2022-11-10 19:41:19 · 897 阅读 · 0 评论 -
【前端】JavaScript-操作元素
所有元素全部清除样式给当前元素设置样式element.属性 //获取属性值(元素本身自带的属性)element.getAttribute('属性') //主要获取自定义的属性(标准)程序员自定义的属性element.属性='值' //设置内置属性值element.set Attribute('属性','值') //主要针对自定义属性自定义属性的目的:是为了保存和使用数据,有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取通过element.getAttribute('属性')原创 2022-11-09 20:02:25 · 964 阅读 · 0 评论 -
【前端】JavaScript-DOM基础1
文档对象模型(简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。原创 2022-11-08 18:55:12 · 278 阅读 · 0 评论 -
【前端】JavaScript基础(二)
函数的形参也可以看做是一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对相残做任何修改,都不会影响到外部变量。函数参数也可以看做是一个变量,我们把引用类型变量传给形参时,其实是把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。内置对象:JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)。因为字符串的不可变,所以不要大量的拼接字符串。原创 2022-11-08 14:54:11 · 882 阅读 · 0 评论 -
【前端】JavaScript基础
运算符也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。原创 2022-11-06 20:00:58 · 319 阅读 · 0 评论 -
【前端】JavaScript数据类型
目录一、数据类型简介二、简单数据类型数字型Number 1.数字型进制 2.数字型范围3.数字型三个特殊值4.isNaN()字符串型String1.字符串引号嵌套2.字符串转义符 3.字符串长度4.字符串拼接 布尔型BooleanUndefined和Null三、获取变量数据类型四、数据类型转换转换成字符串类型转换成数字型(重点)转换成布尔型JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。在代码运行时,变量的数据类型是由JS引擎根据=右边变量原创 2022-11-05 20:02:29 · 455 阅读 · 0 评论 -
【前端】JavaScript变量
本质:变量是程序在内存中申请的一块用来存放数据的空间。原创 2022-11-05 15:54:46 · 114 阅读 · 0 评论 -
【前端】JavaScript
浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所有JavaScript语言归为脚本语言,会逐行解释执行。ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。JS由ECMAScript、DOM和BOM组成。多行注释 默认为shift+alt+a(可修改)BOM:浏览器对象模型。DOM:文档对象模型。单行注释Ctrl+/原创 2022-11-05 11:19:28 · 374 阅读 · 0 评论 -
【前端】CSS高级技巧
将下载包里面的style.cc中的下列代码引入。为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites、CSS 雪碧)。把压缩包里面的selection.json重新上传,然后选中自己想要新的图标,重新下载压缩包,并替换原来的文件即可。注意网页中的坐标有所不同(x轴右边走是正值,左边走是负值,y轴上边走是负值,下边走是正值)。注意:字体图标不能替代精灵技术,只是对工作中图标部分技术的提升和优化。字体图标iconfont,展示的是图标,本质属于字体。原创 2022-11-04 19:19:26 · 416 阅读 · 0 评论 -
【前端】CSS定位
在使用定位布局时,可能会出现盒子重叠的情况。此时,就可以使用z-index来控制盒子的前后次序(z轴)选择器 { z-index: 1;}数值可以是正整数、负整数或0,默认是auto,数值越大,盒子越靠上如果属性值相同,则按照书写顺序,后来居上数字后面不能加单位只有定位的盒子才有z-index属性通过盒子模型,清楚知道大部分html标签是一个盒子。通过CSS浮动、定位可以让每个盒子排列成为网页。一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。1、标准流。原创 2022-11-03 16:41:02 · 346 阅读 · 0 评论 -
【前端】CSS浮动
由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占位置,最后父级盒子高度为0时,就会影响下面的标准流盒子。在浮动元素末尾添加一个空的标签。float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置。:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动。浮动的盒子只会影响浮动盒子后面的标准流不会影响前面的标准流。:先设置盒子大小,之后设置盒子的位置。:要求这个新的空标签必须是块级元素。原创 2022-11-02 16:42:28 · 179 阅读 · 0 评论 -
【前端】CSS(第三篇)
盒子模型原创 2022-11-01 19:04:31 · 63 阅读 · 0 评论 -
【前端】CSS(第二篇)
目录一、Emmet语法1.1 快速生成HTML结构语法1.2 快速生成CSS样式语法1.3快速格式化代码二、CSS的复合选择器2.1后代选择器(重要)2.2子选择器(重要)2.3并集选择器(重要)2.4伪类选择器2.4.1链接伪类选择器2.4.2 :focus伪类选择器2.5复合选择器总结三、CSS的元素显示模式3.1块元素3.2行内元素3.3行内块元素3.4元素显示模式总结3.5元素显示模式转换四、CSS的背景4.1背景4.2背景图片4.3背景平铺原创 2022-10-31 18:47:08 · 108 阅读 · 0 评论 -
【前端】CSS
【前端】CSS一、CSS简介二、CSS基础选择器三、CSS字体属性四、CSS文本属性五、CSS的引入方式六、Chrome调试工具原创 2022-10-30 16:12:13 · 89 阅读 · 0 评论 -
【前端】HTML标签(下)
【前端】HTML标签(下)原创 2022-10-29 17:07:20 · 288 阅读 · 0 评论 -
【前端】HTML标签(上)
【前端】HTML标签(上)原创 2022-10-28 17:11:59 · 417 阅读 · 0 评论 -
【前端】HTML简介
【前端】HTML简介原创 2022-10-27 19:54:33 · 136 阅读 · 0 评论