前端基础Html CSS JS
关注
分享
扫一扫
文章平均质量分 58
HTML
Peanutty
菜鸡一枚
展开
-
CSS基础入门，导入方式，选择器
CSS基础入门本博客为视频学习笔记原视频作者：狂神原视频地址：https://www.bilibili.com/video/BV1YJ411a7dy?p=21 了解CSS1.1 如何学习csscss是什么css怎么用（快速入门）css选择器，重难点美化网页（文字，阴影，超链接，列表，渐变…）盒子模型浮动定位网页动画（特效效果）1.2 什么是CSSCascading Style Sheet 层叠级联样式表CSS：表现层，美化网页，字体，颜色，边距，高度，宽度，背景图片原创 2020-09-03 16:57:43 · 270 阅读 · 0 评论 -
CSS让背景图适应整个屏幕（填满）
html代码如下<body>/*此处内容省略*/</body>使用css设置背景图片并且铺满整个屏幕（不重复），代码如下body{ /*设置背景图片*/ background-image: url("../images/background/back.jpg") ; background-size: 100% 100%; background-size: cover; background-repeat: no-repe.原创 2022-01-17 23:23:05 · 17957 阅读 · 3 评论 -
Javascript将两个数组映射为一个对象
将两个一维数组映射为一个对象，其中一个数组存了该对象的属性名称，另一个数组存了该对象的属性值。在这两个数组中属性名称和属性值的索引号相同。Javascript中向对象中添加属性的两种方法。原创 2023-01-15 11:32:01 · 796 阅读 · 0 评论 -
【JavaScript】函数
定义函数定义方式一绝对值函数 一旦执行到return代表函数结束，返回结果！ 如果没有执行return，函数执行完也会返回结果，结果就是undefined定义方式二 function(x){…}这是一个匿名函数。但是可以吧结果赋值给abs，通过abs就可以调用函数！ 方式一和方式二等价！ 调用函数 abs(10)//10abs(-10) //10参数问题：javaScript可以传任意个参数，也可以不传递参数~ 参数进来是否存在问题？ 假设不存在参数，如何规避？ 获取函数原创 2021-01-24 00:39:57 · 129 阅读 · 0 评论 -
【JavaScript】Map和Set
JavaScript中Map和SetES6新特性Map和SetMap定义var mp = new Map([["tom",100],["jack",90],["nick",80]]);通过key获得valuevar mp = new Map([["tom",100],["jack",90],["nick",80]]);var values = mp.get("tom");//通过key获得value新增或修改值 var mp = new Map([["tom原创 2021-01-22 19:01:47 · 121 阅读 · 0 评论 -
ajax 和xmlHttpRequest区别
本文转载自博客园作者：朝阳的向日葵原文链接：ajax 和xmlHttpRequest区别什么是 ajaxajax 即“Asynchronous JavaScript and XML”（异步 JavaScript 和 XML），也就是无刷新数据读取。http 请求首先需要了解 http 请求的方法（GET 和 POST）。GET 用于获取数据。GET 是在 URL 中传递数据，它的安全性低，容量低。POST 用于上传数据。POST 安全性一般，容量几乎无限。ajax 请求ajax 请.转载 2022-05-15 00:45:21 · 632 阅读 · 0 评论 -
【JavaScript】操作DOM对象
DOM：文档对象模型 核心 浏览器网页就是一个Dom树形结构！更新：更新Dom节点遍历Dom节点：得到Dom节点删除：删除一个Dom节点添加：添加一个新的节点要操作一个Dom节点，就必须要先获得这个Dom节点 获得Dom节点 获得相应的DOM节点，和获取DOM父节点下的所有子节点 这是原生代码，之后我们尽量都使用jQuery(); 更新节点 操作文本，文本形式 或者 html标签语句 操作css，通过style样式 删除节点 删除节点的步骤：先获取父节点，原创 2021-01-24 18:34:18 · 92 阅读 · 0 评论 -
HTML基础02：图像标签
HTML图像标签html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图像标签学习</title></head><body><!--img标签学习src：图片地址 相对地址，绝对地址 ../ 代表上一级目录alt: 图片名字（必填）title: 悬停文字w原创 2020-07-29 17:27:40 · 189 阅读 · 0 评论 -
HTML基础01：基本标签
HTML的基本标签html语言代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本标签</title></head><body><!--标题标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标原创 2020-07-29 16:23:24 · 161 阅读 · 0 评论