廾匸885-CSDN博客

原创基本概念 - 流程控制语句

基本概念 - 流程控制语句⼀.语句的定义在ECMAscript中，所有的代码都是由语句来构成的。语句表明执⾏过程中的流程、限定与约定，在体现形式上，语句可以单⾏的，也可以由⼀对⼤括号“{}”括起来的复合语句，在语法描述中，复合语句整体可以作为⼀个单⾏语句处理。1.1 if语句⼤多数编程语⾔中最为常⽤的⼀个语句就是if 语句，if语句就是条件判断语句if(5>4) alert('真');// ⼀⾏的if语句，判断结果为true的时候，则执⾏后⾯⼀条语句，否则不执⾏if(5

2021-11-27 16:06:21 398

原创基本概念 - 操作符（运算符）

基本概念 - 操作符（运算符）ECMA-262 描述了⼀组⽤于操作数据值的操作符，包括算术操作符（如加号和减号）、位操作符、关系操作符和相等操作符。ECMAScript 操作符的与众不同之处在于，它们能够适⽤于很多值，例如字符串、数字值、布尔值，甚⾄对象。不过，在应⽤于对象时，相应的操作符通常都会调⽤对象的valueOf()和（或）toString()⽅法，以便取得可以操作的值。⼀.什么是表达式表达式是ECMAscript中的⼀个“短语”，解释器会通过计算把它转换成⼀个值。最简单的表达式就是

2021-11-27 16:04:54 489

原创数据类型，操作符

数据类型ECMAScript 中有5 种简单数据类型（也称为基本数据类型s）：Undefined、Null、Boolean、Number和String，还有1 种复杂数据类型——Object，Object 本质上是由⼀组⽆序的名值对组成的。八种数据类型：1.Undefined、Null、Boolean、Number和String、symbol、bigint,2.复杂数据类型——Objecttypeof操作符typeof操作符可以⽤来检测变量（直接量）的数据类型。undef

2021-11-27 16:03:26 285

原创 javaScript基本概念

javaScript基本概念区分⼤⼩写ECMAScript 中的⼀切（变量、函数名和操作符）都区分⼤⼩写，而函数名不能使用typeof，因为它是一个关键词，但typeof则完全可以是一个有效的函数名。标识符所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是按照下列格式规则,组合起来的⼀或多个字符1.第⼀个字符必须是⼀个字⺟、下划线（_）或⼀个美元符号（$）；2.其他字符可以是字⺟、下划线、美元符号或数字。3.不能把关键字、保留字、true,false、

2021-11-27 16:01:16 368

原创容器属性，项目属性

容器属性1.主轴水平方向,起点在左端,默认值flex-direction: row;2.主轴水平方向,起点在右端,flex-direction: row-reverse;3.主轴垂直方向,起点在上沿,flex-direction: column;4.主轴垂直方向,起点在下沿;flex-direction: column-reverse;子项目占据父容器的空间均为1,均分父级容器的空间属性定义的内容,如果一条轴线排不下,如何换行 */1.nowrap:不换行fl

2021-11-20 08:54:43 175

原创 CSS3动画效果

CSS3动画效果animation-name用来指定一个关键帧动画的名称，这个动画名必须对应一个@keyframes 规则。CSS 加载时会应用 animation-name 指定的动画，从而执行动画。animation-duration用来设置动画播放所需的时间animation-timing-function用来设置动画的播放方式animation-delay用来指定动画的延迟时间animation-iteration-count用来指定动画播放的循环次数animation-

2021-11-18 18:50:09 191

原创定位还有方法

<time></time>24小时公历日<datetime></datatime>规定日期/时间odd 奇数 even 偶数 n默认从1开始第一种方法background-color:rgba(0,0,0,0.5);opacity: 0.5;兼容ie8背景透明box-sizing: content-box;盒子的实际宽度和高度应用于元素内容.不包括内边距和外边距,默认值box-sizing: border-box;盒子的

2021-11-18 18:47:50 147

原创文本效果，3D变形，过渡属性

文本阴影//正值阴影text-shadow: 1px 1px 1px red;//负值阴影text-shadow: -1px -1px 1px red;//多重阴影叠加text-shadow:0px 0px 0 rgb(188,178,188),1px 0px 0 rgb(173,163,173),2px 0px 0 rgb(157,147,157),3px 0px 0 rgb(142,132,142),4px 0px 0 rgb(126,116,126),5px

2021-11-18 18:45:29 161

原创 display，边框，背景，列表与表格

display属性：block 把任意元素转换为块元素显示inline 把任意元素转换为行内元素inline-block 把任意元素转换为行内块元素，既能不换行，又能设置宽高none 隐藏标准文档流：一个网页从上到下的渲染过程浮动：所有具有浮动属性的元素，都会脱离标准文档流，宽度会变成仅仅能够容纳里面文本的宽度，位于后面的元素，会顶它的位置所有元素全部浮动之后，父级盒子塌陷，不再能够包含所有元素。clear属性：清除浮动元素所带来的影响 left right both解

2021-11-12 17:10:26 218

原创 css边框

css边框thin medium thick1px 3px 5px确定边框的样式dashed 虚线none 没有边框dotted点状solid 直线double 双线默认情况下,边框是3px,是黑色边框border方向值：top 上left 左right 右bottom 下为一个值的时候 ,上下左右方向同时变化*/padding:10px;2个值的时候,上下，左右padding: 30px 100px;3个值的时候, 上，左右，下

2021-11-12 17:07:43 166

原创 css选择器

css选择器*-通用选择器-选择所有元素<type>-元素选择器-选择指定类型的元素#<id>-id选择器-选择指定id属性的元素.<class>-class选择器-选择指定class属性的元素[attr]-系列属性选择器-选择指定attr属性的元素s1,s2,s3...-分组选择器-选择多个选择器的元素s1 s2-后代选择器-选择指定选择器的后代元素s1>s2-子选择器-选择指定选择器的子元素s1+s2-相邻兄弟选择器-选择指定

2021-11-12 17:01:51 228

原创表单语义1

表单语义化<label for="">文字</label>for属性和input的id属性，相关联，增加用户体验友好使用for属性指定当鼠标单击文本时，焦点对应到关联的表单元素fieldset内容划分 legend标题驼峰命名法:每个单词的首字母小写，后面的每个单词大写。aFlieLeft bOperLigi特殊符号：空格  < 小于> 大于" 双引号&copy

2021-11-12 16:58:56 243

原创表单元素

表单元素1.form表示HTML表单2.input表示用来收集用户输入数据的控件3.textarea表示可以输入多行文本的控件4.select表示用来提供一组固定的选项5.option表示提供一个选项6.optgroup表示一组相关的option元素7.button表示可用来提交或重置的表单按钮（或一般按钮）8.datalist定义一组提供给用户的建议值9.fieldset表示一组表单元素10.legend表示fieldset元素的说明性标签11.label表示表

2021-11-03 14:31:53 162

原创 2021-11-02HTML

快捷键是：1.ctrl+N 新建文件2.代码放大 ctrl+鼠标滚轮3.html5语音，计算机语音4.TAB键，自动生成闭合标签，<> </>,5<!DOCTYPE html> 计算机文档语音6.<html></html>代码里面所以的语音都属于html语音7.<head></head>代表计算机头部文档信息8.<meta>媒体标签，charset="utf-8"国际标准的编码格式

2021-11-02 14:20:39 116

weixin_61459326的博客