- 博客(14)
- 收藏
- 关注
RSS订阅原创 数组的属性和方法—js学习笔记
标题数组的属性和方法 数组的属性 数组.lengrh（返回数组的长度） 数组的方法 1、在数组中添加内容(可添加1到多个值) let F70 = ["A";"B";"C";"D","E","F"]; //after F70.push("G","H","I","J","K"); console.log(F70);//["A";"B";"C";"D","E","F"，"G","H","I","J","K"] //before F70.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
94
原创 运算符—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
63
原创 编程基础—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引擎 IE Trident JScript Firefox Gecko TraceMonkey Chrome WebKt,Blink V8 Safari WebKit SquirrelFish Extreme Opera Presto Carakan 1.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
407
原创 css定位—学习笔记
定位 1、定位体系判定： ①. 定位position：absolute(绝对定位)、fixed(固定定位)； ②. 浮动folt：left、right；内容有多少就有多宽； ③. 常规流：又叫做普通流、文档流、普通文档流。position：static(默认值)、folt:none(默认值)也属于常规流。 2、盒子位置： 盒子在包含快的垂直方向上依次摆放（ 按照html元素的书写顺序从上往下摆 )；
2020-08-30 14:52:23
125
原创 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
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人