2020年12月_小豆很优秀

原创二十一、 this和自定义属性

this和自定义属性1.while类while 语法 : var i = 0; //初始化循环变量 while(i<5(循环条件)){ //循环体代码 i++ //更新循环变量 } 不推荐使用whiledo-while 语法 : var j = 0;//初始化循环变量 do{ //循环体代码 //更新循环变量 }while(循环条件) 执行顺序 1.初始化循环变量 2.执行

2020-12-17 23:21:40 152 1

js流程控制语句流程控制语句分类1.顺序结构流程控制语句：js代码按照从上到下的顺序执行2.选择结构流程控制语句 if类1.if流程控制语句做判断语法 : if(判断条件){ 条件成立执行的代码 }简写形式 : if(判断条件) 条件成立执行的代码 if只能控制其后的第一句代码2.if-else 做判断语法 : if(判断条件){ 条件成立执行的代码 } else{ 条件不成立执行的代码 }3.if-else 的嵌套如果我们需要同时满足多个条件这时就需要使用if的

2020-12-17 23:20:43 106

原创十九、 js的数据类型和类型转换及运算符

js的数据类型和类型转换及运算符数据类型简单（值/基本）类型数据：熟练掌握 1.Number 数字整型：整数浮点型：小数基本和数学中数字的概念完全相同数字类型数据详解 1.数字类型数据分类熟悉整型：123 -123 123.0 浮点型：123.5 .5 不建议使用浮点型数据进行运算 NaN：计算错误时得到NaN NaN全拼为 Not a Number 特性：NaN不等于任何数字 NaN和任

2020-12-17 23:19:07 118

原创十八、javascript的初识、javascript的简单操作

javascript初识1.二阶段知识点简介ECMAScript+DOM+BOM 15天项目阶段 4天jQuery 5天阶段考核 1天2.二阶段知识点和一阶段的差别html css jshtml：页面的结构层只有结构样式并不好看css：页面的样式层可以对页面进行修饰，美化页面，但是没有行为javascript：页面的行为层可以给页面添加行为让页面可以呼应用户的操作3.知识点重要性分类了解：听说过。熟悉：比较重要，要求大家能做到理解概念的含义。熟练应

2020-12-17 23:17:46 434

原创十七、网格布局

网格布局Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。1、基本概念（1）容器采用grid布局（display:grid）的元素就成为容器（2）项目容器下面的直接子元素就是项目（3）行容器中的水平区域就是行（4）列容器中的垂直区域就是列（5）单元格行与列的交叉的区域就是单元格有一个m行n列的网格，会产生m*

2020-12-10 19:13:16 308

原创十六、响应式布局的概念、响应式布局的概念、通过媒体查询来适配样式、百分比布局、响应式图片的处理、响应式的优缺点

一、响应式布局的概念2010年5月提出二、响应式布局的概念1、标签设置<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&

2020-12-10 19:11:50 223

原创十五、less语法、移动端浏览器及内核分析、viewport、移动端适配方案、移动端重置样式、移动端特殊处理、移动端其他适配方案设备像素、独立像素和css像素、

一、less语法1、注释less共有两种注释风格。标准的CSS注释，多行注释 /* comment */ ，会保留到编译后的文件。单行注释 // comment，只保留在less源文件中，编译后被省略。// 单行注释，这种只会在less文件中存在，不会编译到css里面去/* 注释内容，可以被编译到css文件中去的 */2、导入@import "导入文件的地址";.css 后缀名不能省略，引入 .less 文件可以省略扩展名3、变量定义@变量名:值;使用

2020-12-05 03:08:08 361

原创十四、css3动画库的使用、css3弹性盒子、calc（）、css3预处理、什么是less以及好处是什么。

一、css3动画库的使用animate.css css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等动画效果；官网地址：https://daneden.github.io/animate.css/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

2020-12-05 03:05:31 382

原创十三、线性渐变、径向渐变用户界面属性、多列布局、css3过度效果、css3中的变换效果、css3帧动画

一、线性渐变重复线性渐变background: repeating-linear-gradient(red 10%,yellow 20%);线性渐变的兼容性： ie10+.box3 { background: -webkit-linear-gradient(left,red 10%,yellow 20%); background: -moz-linear-gradient(left,red 10%,yellow 20%); background: -o-linear-gra

2020-12-05 03:02:15 201

原创十二、css简介、浏览器兼容的前缀、css3新增选择器、css3新增属性、css3背景属性。

一、css3简介CSS3 是最新的 CSS 标准。CSS3 模块：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面CSS3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。渐进增强和优雅降级：渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优

2020-12-05 02:56:38 183

原创十一、HTML5新增的元素、HTML5新增的其他标签、HTML5兼容、HTML5新增的多媒体标签、HTML5新增的表单元素、HTML5新增的表单属性

一、HTML5新增的元素1、HTML5新增的结构标签（1）header标签网页的头部标签、页眉标签，可以放logo、搜索框等<header></header> （2）footer标签网页的底部标签、页脚标签，可以放版权信息、相关阅读链接等<footer></footer>（3）nav标签导航标签，可以放导航条、侧边导航、页内导航等<nav></nav>（4）article标签文档中独立的内容，例如：一篇

2020-12-01 01:00:45 327

qq_52426181的博客