随笔分类 - 7_录播课
摘要：范仁义css3课程 47、媒体查询属性 一、总结 一句话总结： 媒体查询常用的属性有width（宽）、height（高）、orientation（方向：手机的横屏还是竖屏）、device-width（设备宽度）等 二、媒体查询属性 博客对应课程的视频位置：47、媒体查询属性https://www.f
阅读全文
摘要：范仁义css3课程 46、媒体查询语法 一、总结 一句话总结： 媒体查询语法：@media not|only mediatype and (expressions) { CSS 代码...;} @media screen and (max-width: 699px) and (min-width:
阅读全文
摘要：范仁义css3课程 45、媒体查询介绍 一、总结 一句话总结： 媒体查询可以根据不同设备（比如屏幕、打印机等）、不同属性（比如视图的宽高、手机的横屏竖屏、屏幕的分辨率等）来自动的调整元素显示的样式，可以用作响应式布局。 1、媒体查询中的@media screen and (width: 600px)
阅读全文
摘要：范仁义css3课程 44、弹性盒子（flex）实例 一、总结 一句话总结： 弹性盒子小实例中主要是给弹性盒子容器设置了display: flex;和justify-content: space-around;属性。弹性盒子可以用来做响应式布局，弹性盒子对不同设备不同屏幕尺寸有很好的适应性。 二、弹性
阅读全文
摘要：范仁义css3课程 43、弹性盒子（flex）子元素属性 一、总结 一句话总结： 弹性盒子的子属性是设置弹性子元素的属性，属性有order（顺序）、flex-grow、flex-shrink、flex-basis、flex（flex-grow和flex-shrink和flex-basis的简写属性）
阅读全文
摘要：范仁义css3课程 42、弹性盒子（flex）属性 一、总结 一句话总结： 弹性盒子给容器设置的属性有：flex-direction（方向）、flex-wrap（是否换行）、justify-content（子元素水平排列方式）、align-items（子元素垂直排列方式）、align-content
阅读全文
摘要：范仁义css3课程 41、弹性盒子（flex）介绍 一、总结 一句话总结： 弹性盒子主要是设置display属性为flex，用于多列布局，功能强大，操作特别简单。 1、查询前端兼容性的网站？ can i use：https://www.caniuse.com/ 2、flex布局特点？ flex布局默
阅读全文
摘要：范仁义css3课程 40、box-sizing属性实例 一、总结 一句话总结： box-sizing属性用的特别多，一般指定盒子为border-box，这样我们设置宽高之后再设置padding和border，就是向内撑，而不是向外加大盒子可见区域的宽高，这样设置之后就不会影响布局和其它元素 二、bo
阅读全文
摘要：前端超级实用技巧 2、css、js兼容性查询网站can i use 一、总结 一句话总结： can i use网站可以查询css、js等的一些兼容性，比如不同浏览器对flex弹性布局属性的支持，网站地址：https://www.caniuse.com/ 二、css、js兼容性查询网站can i us
阅读全文
摘要：范仁义css3课程 39、css3的box-sizing属性 一、总结 一句话总结： box-sizing用于指定盒子的类型，主要有content-box和border-box两种，如果是content-box，那么设置宽高的话就是给content设置，如果是border-box，设置宽高就是设置的
阅读全文
摘要：范仁义js课程 12、js算术运算符 一、总结 一句话总结： js常见的算术运算符有+(加，和字符串做操作的时候为连接符)、-(减)、*(乘)、/(除)、%(取模，也就是取余数) 1、js中的+（加号）的常见作用是什么？ 加号如果是操作非字符串类型，就是相加，如果是操作字符串类型，那就是连接字符串
阅读全文
摘要：范仁义js课程 13、一元运算符 一、总结 一句话总结： 一元运算符是只需要一个操作数的运算符，比如+(正号)，-(负号) 1、一元运算符中的+(正号)的延伸作用是什么？ +(正号) 可以将别的类型转换为Number类型：例如var result = 1 + +"2" + 3; //结果是6 2、一
阅读全文
摘要：范仁义js课程 11、js强制类型转换 一、总结 一句话总结： js强制转换为三种基本类型都有对应的直接方法，例如String()、Number()、Boolean()，还有其它的一些方法，比如+''转字符串，比如!!a转boolean 二、js强制类型转换 博客对应课程的视频位置：11、js强制类
阅读全文
摘要：范仁义js课程 10、Null和Undefined类型 一、总结 一句话总结： Null类型的值只有一个，就是null，表示空值。 Undefined类型的值只有一个，就undefined，表示未定义，也就是元素声明了但是未赋值。 二、Null和Undefined 博客对应课程的视频位置：10、Nu
阅读全文
摘要：范仁义js课程 9、Boolean类型（布尔值） 一、总结 一句话总结： 布尔值只有两个，true（真）和false（假），主要用来做逻辑判断 二、Boolean（布尔值） 博客对应课程的视频位置：9、Boolean类型（布尔值） https://www.fanrenyi.com/video/19/
阅读全文
摘要：范仁义js课程 8、js数据类型之Number类型 一、总结 一句话总结： 在JS中所有的数值都是Number类型，包括整数和浮点数（小数），比如var num=15.6; 1、123和'123'的区别是什么？ 123是Number类型，'123'是字符串类型 2、js中如何查看一个变量的类型？ 用
阅读全文
摘要：范仁义js课程 7、js数据类型之字符串 一、总结 一句话总结： 字符串是js基本数据类型中的一种，一般使用引号引起来，例如 var str='hello'; 1、js中常见的数据类型有哪些？ 基本数据类型：String字符串、Number数值、Boolean布尔值、Null空值、Undefined
阅读全文
摘要：范仁义js课程 6、标识符 一、总结 一句话总结： 在JS中所有的可以由我们自主命名的都可以称为是标识符，例如：变量名、函数名、属性名都属于标识符 1、标识符的命名规范？ 1.标识符中可以含有字母、数字、_、$ 2.标识符不能以数字开头 3.标识符不能是js中的关键字或保留字 4.标识符一般都采用驼
阅读全文
摘要：JS中的单引号和双引号的区别 一、总结 一句话总结： 1、引号（同类型的引号，单引号和双引号是不同类型）是成双对的，在读第一个引号时开始，读到第二个结束，遇到第三个又开始，第四个又结束。。。； 2、不同类型引号之间可以嵌套，最多2层（当然通过转义可以继续往下套，但是因为可读性太差，不要这样做） 二、
阅读全文
摘要：范仁义js课程 5、js字面量和变量 一、总结 一句话总结： 字面量就是常量，也就是不会改变的量，比如数字1。变量就是可以变化的量，一般变量可以用来保存字面量。 1、js中变量使用实例？ var age=80; 二、js字面量和变量 博客对应课程的视频位置：5、js字面量和变量https://www
阅读全文
浙公网安备 33010602011771号