前端基础
文章平均质量分 83
寇大大
这个作者很懒,什么都没留下…
展开
-
jQuery
目录jQuery1、什么是JQuery2、选择器按ID查找按tag查找按class查找按属性查找3、操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单添加DOM删除节点4、事件jQuery1、什么是JQuery是JavaScript世界中使用最广泛的一个库。jQuery能帮我们干这些事情:消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写A JAX等代码; 简洁的.原创 2021-06-08 09:19:30 · 111 阅读 · 0 评论 -
JavaScript 操作表单
目录JS操作表单1.HTML表单2、获取值3、设置值4、提交表单JS操作表单1.HTML表单用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。不过表单的输入框、下拉框等可以接收用户输入,所以用JavaScript来操作表单,可以获得用户输入的内容,或者对一个输入框设置新的内容。HTML表单的输入控件主要有以下几种:文本框,对应的<input type="text"> ,用于输入文本; 口令框,对应的<input .原创 2021-06-07 09:11:58 · 544 阅读 · 0 评论 -
JavaScript 操作BOM
目录操作BOM1、浏览器2、window3、navigator4、screen5、location6、document7、history操作BOM1、浏览器不同的浏览器对JavaScript支持的差异主要是,有些API的接口不一样,比如A JAX,File接口。对于ES6标准,不同的浏览器对各个特性支持也不一样。在编写JavaScript的时候,就要充分考虑到浏览器的差异,尽量让同一份JavaScript代码能运行在不同的浏览器中。JavaScript可.原创 2021-06-06 10:03:41 · 94 阅读 · 0 评论 -
JavaScript 操作DOM
目录操作DOM1、选择器2、更新DOM3、插入DOMappendChildinsertBefore4、删除DOM操作DOM1、选择器由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM。始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作:更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容; 遍历:遍历该DOM节点下的子节点,以便进行进一步操作; 添加.原创 2021-06-06 10:02:05 · 75 阅读 · 0 评论 -
JavaScript 标准对象-JSON
标准对象1、标准对象在JavaScript里,一切都是对象。但是某些对象还是和其他对象不太一样。为了区分对象的类型,我们用typeof 操作符获取对象的类型,它总是返回一个字符串:typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'f...原创 2021-06-05 08:15:39 · 146 阅读 · 0 评论 -
JavaScript 入门
目录1、基本语法2、数据类型和变量数据类型3、strict模式4、字符串多行字符串模板字符串操作字符串5、数组indexOfslicepush和popunshift和shiftsortreversespliceconcatjoin多维数组6、对象7、流程控制if 判断for循环while循环8、Map 和 SetMapSet9、Iterable遍历集合1、基本语法JavaScr..原创 2021-06-04 10:45:05 · 626 阅读 · 1 评论 -
CSS -网页动画
目录制作网页动画1、CSS变形2、CSS过渡3、CSS动画4、总结制作网页动画1、CSS变形CSS3变形是一些效果的集合:如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形(transform),它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 变形函数translate():平移函数,基于X、Y坐标重新定位元素的位置 scale():缩放函数,可以使任意元素对象尺寸发生变化 rotate():旋转函数,取值是一个度数值 skew():倾斜函..原创 2021-06-03 08:26:50 · 398 阅读 · 0 评论 -
CSS-美化网页元素
目录CSS元素1、使用CSS的意义2、字体样式3、文本样式4、文本阴影5、超链接伪类6、列表样式7、背景样式8、CSS渐变样式9、小结CSS元素1、使用CSS的意义有效的传递页面信息 使用CSS美化过的页面文本,使页面漂亮、美观,吸引用户 可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容 具有良好的用户体验< span>标签:能让某几个文字或者某个词语凸显出来,从而添加对应的样式!<p>好好学...原创 2021-06-01 09:44:52 · 230 阅读 · 0 评论 -
CSS -盒子模型
目录盒子模型1、什么是盒子模型2、边框边框颜色 border-color边框粗细 border-width边框样式 border-style3、内外边距外边距 margin内边距 padding4、盒子型模尺寸box-sizing5、圆角边框border-radius制作圆形border-radius制作半圆形border-radius制作扇形6、盒子阴影7、小结盒子模型1、什么是盒子模型2、边框边框颜色 .原创 2021-05-31 11:18:30 · 70 阅读 · 0 评论 -
CSS-选择器
目录CSS基本选择器标签选择器类选择器ID选择器CSS高级选择器层次选择器结构伪类选择器属性选择器CSS基本选择器标签选择器HTML标签作为标签选择器的名称<h1>…<h6>、<p>、<img/>类选择器一些特殊的实现效果,单纯使用标签选择器不能实现,从而引出类选择器ID选择器ID选择器的名称就是HTML中标签的ID名称,ID全局唯一标签选择器直接应用于HTML标签...原创 2021-05-30 09:48:26 · 110 阅读 · 0 评论 -
CSS 基础
目录CSS31、什么是CSS2.CSS的优势3、CSS的基本语法4、引入CSS方式行内样式内部样式表外部样式表CSS31、什么是CSSCascading Style Sheet 级联样式表。表现HTML或XHTML文件样式的计算机语言。包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。2.CSS的优势内容与表现分离 网页的表现统一,容易修改 丰富的样式,使得页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带.原创 2021-05-29 10:47:46 · 86 阅读 · 0 评论 -
HTML(列表&表格&媒体元素)
目录列表、表格与媒体元素1、列表无序列表有序列表自定义列表2、表格表格的基本语法表格的跨列表格的跨行表格的跨行和跨列3、音频、视频视频标签音频标签4、页面结构分析5、内联框架iframe 单页面内联iframe属性(实现页面间的相互跳转)6、小结列表、表格与媒体元素1、列表无序列表和定义列表在网页制作中应用非常广泛什么是列表:列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便.原创 2021-05-28 09:00:22 · 126 阅读 · 0 评论 -
HTML(表单)
表单原创 2021-05-27 10:31:13 · 122 阅读 · 0 评论 -
HTML基础
目录HTML5HTML 基础1、什么是HTML2、HTML5的优势3、W3C标准4、HTML基本结构5、网页的基本标签1、标题标签2、段落标签3、换行标签4、水平线标签5、字体样式标签6、注释和特殊符号6、图像标签7、链接标签8、行内元素和块元素总结HTML5HTML 基础1、什么是HTMLHTML:Hyper Text Markup Language(超文本标记语言)超文本包括:文字、图片、音频、视频、动画等..原创 2021-05-26 08:17:06 · 67 阅读 · 3 评论