自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 数组的属性和方法—js学习笔记

标题数组的属性和方法数组的属性数组.lengrh(返回数组的长度)数组的方法1、在数组中添加内容(可添加1到多个值)let F70 = ["A";"B";"C";"D","E","F"];//afterF70.push("G","H","I","J","K");console.log(F70);//["A";"B";"C";"D","E","F","G","H","I","J","K"]//beforeF70.unshift(1,2,3);console.log(F70);//[1,2

2020-11-15 21:00:22 57

原创 课堂扩展—js学习笔记

【添加属性】let obj = { name: "z3",}obj.age = 123;console.log(obj);//添加属性// Object.defineProperty(obj,"gender",{// value:"male",// writable:true,//true 可修改,false 不可修改// enumerable:true,//true 可遍历,false 不可遍历// });Object.defineProperty

2020-11-08 21:05:15 47

原创 嵌套—js学习笔记

嵌套单分支书写格式:if(判断条件){代码块;}功能:当条件为真执行打括号里的代码块,反之不执行。 if (true) { console.log(1); //1 let i = 3; console.log(i + 2); //5 }双分支/** * if(条件){代码块} * else{代码块} * 条件为真执行if的代码块,条件为假执行else的代码块 */ let F70 = rs.question() - 0; if (F70 &

2020-11-01 21:00:56 93

原创 运算符—js学习笔记

元运算符原理:++在前,先自增,再使用 let num1 = 1; let num2 = ++num1; console.log(`num2:${num2}`); //2 console.log(`num1:${num1}`); //2原理:++在后,先使用,再自增 let num1 = 1; let num2 = num1++; console.log(`num2:${num2}`); //1 console.log(`num1:${num1}`); //2自减原理:–

2020-10-25 22:27:34 62

原创 编程基础—js学习笔记

编程基础//【单行注释】/*【多行注释】*///ES5书写格式 关键字/词 | 标识符(变量名) | 分号ex: var F70 ;//ES6书写格式//集合 映射 let const symblo/*** 1、var声明的变量可以是重复的,let不行;* 2、var声明变量,可以先使用后声明。*///变量的赋值书写格式 标识符 | 赋值符号 | 表达式 | 分号ex: F70 = 0

2020-10-18 21:20:27 108

原创 浏览器兼容性—学习笔记

浏览器兼容性1、浏览器内核1.1主流浏览器:拥有自主研发内核;1.2内核:浏览器类型内核JS引擎IETridentJScriptFirefoxGeckoTraceMonkeyChromeWebKt,BlinkV8SafariWebKitSquirrelFish ExtremeOperaPrestoCarakan1.3 前缀,解决兼容性问题不同内核的浏览器可以识别自己特有的css属性,浏览器遇到无法识别的css属性会直接跳过。

2020-10-08 21:13:18 120

原创 Css属性—学习笔记

css属性文本属性.box{ text-shadow:5px 5px 5px #333333; /*x轴偏移(正值向左,负值向右) y轴偏移(正值向下,负值向上) 模糊值 颜色*/ text-decoration:underline| overline | line-through; /*下划线 | 上划线 | 贯穿线*/ taxt-transform:uppercase | lowercase | capitalize; /*所有文本大写 | 所有文本小

2020-09-20 22:06:14 65

原创 Flex—学习笔记

Flex:弹性布局(划分区域)特点:所有的项目都在一行显示(默认主轴开始方向对齐),当项目总和(总宽度)大于容器的宽度时,项目都会自动缩小容器和项目:        容器:装东西。设置弹性布局的标签、元素(父元素)        项目:子元素呈现父子级关系,被容器包裹的子元素。如元素A包含元素B:元素A就是容器,元素B就是项目主轴:水平向

2020-09-13 22:09:50 79

原创 CSS创建BFC—学习笔记

BFC       定义:BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。       触发条件 :渲染区域由某个html元素创建。根元素;浮动和绝对定位;overflow

2020-09-06 22:09:47 406

原创 css定位—学习笔记

定位1、定位体系判定:①. 定位position:absolute(绝对定位)、fixed(固定定位);②. 浮动folt:left、right;内容有多少就有多宽;③. 常规流:又叫做普通流、文档流、普通文档流。position:static(默认值)、folt:none(默认值)也属于常规流。2、盒子位置:       盒子在包含快的垂直方向上依次摆放( 按照html元素的书写顺序从上往下摆 );  

2020-08-30 14:52:23 124

原创 CSS盒模型—学习笔记

盒模型不同的元素产生的盒子模型可能不同,但都是矩形,元素都可以产生盒子,可以通过display属性改变,display属性不能继承默认值inline。控制元素的尺寸。盒模型分四个部分:         内容:content  内边距:padding  边框:border  外边距:margin内容盒:content填充盒:content —padd

2020-08-23 23:18:12 71

原创 CSS特性—学习笔记

1.层叠:分为作者样式表和浏览器默认样式表声明冲突:多个选择器选中同一个标签,若属性名相同属性值不同,则产生“声明冲突”。如层叠的样式出现冲突,浏览器触发“层叠机制”:①、比较优先级:每一个声明都有一个优先级,当发生冲突时,优先级最高的会保留,优先级低的会淘汰。一个声明的优先级,与它的来源(作者 > 浏览器 > 用户)和重要性(普通声明 < ! important重要声明)有关。②、优先级相同,比较特殊性:每一个声明都有一个特殊性,规则适用范围越大,特殊性越低;适用范围越小

2020-08-16 23:24:13 40

原创 CSS选择器—学习笔记

CSS选择器基础选择器▼1. 元素选择器p{width:500px;}/*元素名 {声明块}*/对该文档中所有p元素进行选中,所有与该标记匹配的元素都应用声明块中的规则2. 类选择器.box{color:#db2150;}/*类名 {声明块}*/只选中该属性下的元素,前提:需要引入class属性,点号”.”加上类名就组成了一个类选择器。3. ID选择器(预留给js)#xx{hight:40px;}/*#id值{声明块}*/同一个html文档中,元素的id值必须唯一4. 通配

2020-08-09 20:36:16 103

原创 HTML基础知识—学习笔记

1、Html——超文本标记语言 HyperText Markup Language概念:一个页面(网页)就是一篇文档,用于定义文档的内容结构(标题、图片、文字、段落等)。1.1 html文档格式:.html 或 .htm一个完整的文件由 index(文件名).(分隔符)html( 扩展名)组成。1.2 Html基本模板书写:内容在body里面进行编辑;<!DOCTYPE html><html lang="en"><head><!--文档头,对当前页

2020-08-01 19:02:26 186

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除