02 2020 档案
摘要：范仁义js课程 29、for循环 一、总结 一句话总结： for循环和while循环的原理是一模一样的，只是相对于while把 循环中重要的三个语句的位置固定了，for循环的基本语法：for(初始化循环变量;循环条件;循环变量的变化){ 循环中的代码 } /*for循环*/ var i; for(i
阅读全文
摘要：范仁义js课程 28、do-while循环 一、总结 一句话总结： do-while循环表示先执行后判断的循环，do里面写循环体，while后面写循环条件 do { 需要执行的代码 } while (条件); 1、while循环和do-while循环的区别是什么？ while循环：先判断后执行，可能
阅读全文
摘要：范仁义js课程 27、while循环小实例 一、总结 一句话总结： 这个循环实例的需求是 投资利润每年为10%，问几年可以让1000块钱变成10000块，所以我们的 循环条件就是 money<10000，循环体里面的内容就是每年发送的内容，钱增加：money=money*1.1; 年增加：year+
阅读全文
摘要：范仁义js课程 26、循环结构（while循环） 一、总结 一句话总结： 循环表示重复的执行，while循环的语法是while(条件表达式){代码块1}：表示当满足 条件表达式 的时候，会一直执行 代码块1 1、常见的循环有哪几种？ while循环，do-while循环（也是while循环的一种），
阅读全文
摘要：解决Failed to parse SourceMap: http:xxx 问题 一、总结 一句话总结： 直接在chrome浏览器中简单粗暴关闭掉js source maps（按f12进入控制台，然后再按f1进入setting），问题可以解决，更加好的方法是查看控制台的错误提示，找到错误来源，比如我
阅读全文
摘要：范仁义js课程 25、switch选择结构 一、总结 一句话总结： switch语句也是选择结构中的一种，使用起来笨重复杂，使用特别少，大家只需了解即可 1 <script> 2 //判断每个月有多少天 3 var month=3; 4 switch(month){ 5 case 1: 6 cons
阅读全文
摘要：范仁义js课程 24、条件运算符 一、总结 一句话总结： 条件运算符的基本结构是 表达式?语句1:语句2 ，表示如果表达式的值为true，执行语句1，否则执行语句2，相当于if-else结构的缩写，例如a > b ? alert("a大"):alert("b大"); 1、用条件表达式求a和b中的较大
阅读全文
摘要：范仁义js课程 23、if选择结构小实例 一、总结 一句话总结： 选择结构在开发中用的特别多，比如用户登录之后怎么样，用户没登录怎么样，比如答题答对之后怎样，没做对又怎样 1、js中的prompt函数的作用是什么？ prompt()方法用于显示 可提示用户进行输入的 对话框，用户输入的值是函数的返回
阅读全文
摘要：范仁义js课程 22、选择结构（if） 一、总结 一句话总结： 在js中，可以用if语句实现选择结构，有单分支（只有if）、双分支（if，else）、多分支（有if、else-if、else） 1、单分支的if选择结构？ if(条件语句){ 语句块1 }：当条件为 true 时，执行 语句块1。 当
阅读全文
摘要：javascript疑难问题 4、NaN的相等性判断 一、总结 一句话总结： NaN和任何数都不相等，包括他本身，如果想判断一个数是否为NaN，可以用isNaN()函数 二、NaN的相等性判断 博客对应课程的视频位置：4、NaN的相等性判断https://www.fanrenyi.com/video
阅读全文
摘要：范仁义js课程 21、js运算符优先级 一、总结 一句话总结： js中的运算符像数学中的运算符一样有优先级，比如先乘除后加减，这些优先级不用记，我们可以用小括号()来调整优先级 二、js运算符优先级（课程代码） 博客对应课程的视频位置：21、js运算符优先级https://www.fanrenyi.
阅读全文
摘要：javascript疑难问题 3、如何使用unicode编码 一、总结 一句话总结： 在js中用 \u四位编码 使用，在html中用 &#编码; 使用。 \u四位编码：比如console.log("\u2620");&#编码; 这里的编码需要的是10进制：比如 h1 style="font-size
阅读全文
摘要：范仁义js课程 20、字符串比较 一、总结 一句话总结： 字符串在比较的时候，是一位一位的比较的，每一位的比较都是通过字符的unicode编码来比较，比如str1='abc'和str2='adc'比较，先比较两个'a'的unicode编码，发现一样，然后再比较第二位，以此类推 1、字符串str1='
阅读全文
摘要：范仁义js课程 19、相等运算符 一、总结 一句话总结： 相等运算符有==、 、!=、!==，相等运算符也是比较运算符的一种 1、相等运算符中的==（等于）和 （全等）的区别是什么？ ==（等于）：如果类型不同，会先将类型转换成一样再比较，比如 false==0就成立 （全等）：类型和值都一样才成立
阅读全文
摘要：范仁义js课程 18、比较运算符 一、总结 一句话总结： 比较运算符有>、>=、<、<=等，在比较的时候，关系成立返回true，否则返回false，js中两个不同类型的变量在进行比较时，会先进行类型转换，然后再比较 二、比较运算符（课程代码） 博客对应课程的视频位置：18、比较运算符https://
阅读全文
摘要：尚硅谷js 24、相等运算符 一、总结 一句话总结： 相等运算符（==，!=）在进行判断的时候，如果类型不一样，会先进行类型转换，全等运算符（ ，!==）会进行类型判断 1、undefined 和 null 判断的时候相等么？ undefined 衍生自 null，所以这两个值做相等判断时，会返回t
阅读全文
摘要：尚硅谷js 23、unicode编码 一、总结 一句话总结： 在js中用 \u四位编码 使用，在html中用 &#编码; 使用。 \u四位编码：比如console.log("\u2620");&#编码; 这里的编码需要的是10进制：比如 h1 style="font-size: 200px;">&#
阅读全文
摘要：unicode编码表 一、总结 一句话总结： unicode对不同国家的符号字母进行了分类排放，比如中文就在 4E00-9FBF：CJK 统一表意符号 (CJK Unified Ideographs) 二、unicode编码表 博客对应课程的视频位置： 转自或参考：https://blog.csdn
阅读全文
摘要：范仁义js课程 17、赋值运算符 一、总结 一句话总结： js的赋值运算符有=、+=、-=等等，赋值运算符的作用是把等号(=)右边的值赋值给左边的变量，复合的赋值运算符比如a+=b就等效于a=a+b，其它类似 二、赋值运算符 博客对应课程的视频位置：17、赋值运算符https://www.fanre
阅读全文
摘要：范仁义js课程 16、非bool值的逻辑运算 一、总结 一句话总结： 非bool值的进行逻辑运算，会先将其转换为布尔值，然后再运算，并且返回原值（注意返回的不是bool值） 二、非bool值的逻辑运算 博客对应课程的视频位置：16、非bool值的逻辑运算https://www.fanrenyi.co
阅读全文
摘要：范仁义js课程 15、逻辑运算符 一、总结 一句话总结： js逻辑运算符 有&&（与） 、||（或）、!（非） 1、js逻辑运算符 &&（与） 的运算规则是什么？ &&两边的结果都是true，结果才是true，否则是false 2、js逻辑运算符 ||（或） 的运算规则是什么？ ||两边的结果只要有
阅读全文
摘要：尚硅谷js 20、非bool值的逻辑运算 一、总结 一句话总结： 非bool值的进行逻辑运算，会先将其转换为布尔值，然后再运算，并且返回原值（注意返回的不是bool值） 二、非bool值的逻辑运算 博客对应课程的视频位置： 1 <!DOCTYPE html> 2 <html> 3 <head> 4
阅读全文
摘要：尚硅谷js 19、逻辑运算符 一、总结 一句话总结： js逻辑运算符比如或（||）与（&&）都是短路的 JS中的“与”属于短路的与：如果第一个值为false，则不会看第二个值 JS中的“或”属于短路的或：如果第一个值为true，则不会检查第二个值 二、逻辑运算符 1 <!DOCTYPE html>
阅读全文
摘要：范仁义js课程 14、自增和自减运算符 一、总结 一句话总结： 自增运算符是++，a++相当于给变量a的值加1，自减运算符是--，a--相当于给变量a的值减1。a++是先赋值再加，++a是先加再赋值。 1、++a和a++的区别？ a++是先赋值再加，如果a=10，b=a++，那么a的值是11，b的值
阅读全文
摘要：范仁义css3课程 49、媒体查询小实例 一、总结 一句话总结： 媒体查询小实例 中用媒体查询实现了不同屏幕不同尺寸的响应式布局，这也是bootstrap栅格系统做响应式布局的核心。 二、媒体查询小实例 博客对应课程的视频位置：49、媒体查询小实例https://www.fanrenyi.com/v
阅读全文
摘要：范仁义css3课程 48、媒体查询逻辑连接符 一、总结 一句话总结： 媒体查询中的逻辑操作符有not（取反）、and（并且）、only（仅仅匹配成功时应用样式）和逗号(,)（或者） 1、为什么在写媒体查询时，only最好不要忽略？ only操作符表示仅在媒体查询匹配成功时应用指定样式，可以通过它让选
阅读全文
摘要：范仁义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
阅读全文
摘要：弹性布局的作用 一、总结 一句话总结： flex布局。虽然可以使用其他CSS样式属性来实现页面布局处理，但是如果使用CSS Flexible Box模块中定义的弹性盒布局技术，可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式，即实现非常灵活的布局处理。 二、弹性布局的作用 弹性盒子
阅读全文
摘要：范仁义css3课程 41、弹性盒子（flex）介绍 一、总结 一句话总结： 弹性盒子主要是设置display属性为flex，用于多列布局，功能强大，操作特别简单。 1、查询前端兼容性的网站？ can i use：https://www.caniuse.com/ 2、flex布局特点？ flex布局默
阅读全文
摘要：CSS3弹性盒布局 一、总结 一句话总结： 弹性盒子主要是设置display属性为flex，用于多列布局，功能强大，操作特别简单。 1、弹性盒子常用的属性有哪些？ flex-direction（盒子中item排列方向）、flex-wrap（item超出父元素是否换行）、align-items（ite
阅读全文
摘要：尚硅谷css3 flex布局实例（多列布局） 一、总结 一句话总结： 弹性盒子的操作比较简单，在弹性盒子上指定display: flex，在item上面指定flex综合属性的值为1。 #nav > .row{ display: flex; } #nav > .row > .item{ flex: 1
阅读全文
摘要：css3 media媒体查询 总结 一、总结 一句话总结： 媒体查询主要是根据浏览器的特性（窗口大小、横竖屏、屏幕比例等）设置不同的样式，主要由三部分构成媒体类型（比如screen）、媒体属性（比如宽、高、屏幕类型）、关键字（and、only等）构成 二、CSS Media媒体查询使用大全，完整媒体
阅读全文
摘要：尚硅谷css3 媒体查询 一、总结 一句话总结： 媒体查询主要是根据浏览器的特性（窗口大小、横竖屏、屏幕比例等）设置不同的样式，主要由三部分构成媒体类型（比如screen）、媒体属性（比如宽、高、屏幕类型）、关键字（and、only等）构成 1、媒体查询由哪三部分构成？ a、媒体类型：比如scree
阅读全文
摘要：CSS媒体查询 一、总结 一句话总结： 媒体查询主要是根据浏览器的特性（窗口大小、横竖屏、屏幕比例等）设置不同的样式，主要由三部分构成媒体类型（比如screen）、媒体属性（比如宽、高、屏幕类型）、关键字（and、only等）构成，@media not|only mediatype and (exp
阅读全文
摘要：重新认识caniuse 一、总结 一句话总结： can i use网站可以查询css、js等的一些兼容性，比如不同浏览器对flex弹性布局属性的支持，网站地址：https://www.caniuse.com/ 二、重新认识caniuse（转） 转自：https://segmentfault.com/
阅读全文
摘要：范仁义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，设置宽高就是设置的
阅读全文
摘要：日常英语 200221（shrink） 一、总结 一句话总结： 英 /ʃrɪŋk/ v. （使）缩小，（使）收缩； shrink into oneself 缩成一团 Woollen fabrics shrink in the wash. 毛织物一洗要缩水。 1、先生，你对天上掉钱这么有信心？ Are
阅读全文
摘要：js参考 js算数运算符 一、总结 一句话总结： 当对非Number类型的值进行运算时，会将这些值转换为Number然后再运算，任何值和NaN做运算都得NaN 1、typeof的实质是什么？ typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回 number strin
阅读全文
摘要：js参考 一元运算符 一、总结 一句话总结： + 可以对一个其他的数据类型使用+，来将其转换为number，它的原理和Number()函数一样 二、一元运算符 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>
阅读全文
摘要：javascript疑难问题 2、js类型转换的常见方式 一、总结 一句话总结： a、转换为字符串一般用加空字符串的方式：例如 var num1=123+''; b、转换为数字一般用一元运算符正号：例如 var str1=+'1'+2+3; c、转换为boolean类型一般用两个取反符号!!：var
阅读全文
摘要：范仁义js课程 12、js算术运算符 一、总结 一句话总结： js常见的算术运算符有+(加，和字符串做操作的时候为连接符)、-(减)、*(乘)、/(除)、%(取模，也就是取余数) 1、js中的+（加号）的常见作用是什么？ 加号如果是操作非字符串类型，就是相加，如果是操作字符串类型，那就是连接字符串
阅读全文
摘要：github上面下载好的laravel项目如何使用 一、总结 一句话总结： 后端：composer install 来安装 composer.json 里面的东西 前端：使用 npm install 来安装 package.json 里面的内容 二、github上面下载好的laravel项目如何使用
阅读全文
摘要：范仁义js课程 13、一元运算符 一、总结 一句话总结： 一元运算符是只需要一个操作数的运算符，比如+(正号)，-(负号) 1、一元运算符中的+(正号)的延伸作用是什么？ +(正号) 可以将别的类型转换为Number类型：例如var result = 1 + +"2" + 3; //结果是6 2、一
阅读全文
摘要：范仁义js课程 11、js强制类型转换 一、总结 一句话总结： js强制转换为三种基本类型都有对应的直接方法，例如String()、Number()、Boolean()，还有其它的一些方法，比如+''转字符串，比如!!a转boolean 二、js强制类型转换 博客对应课程的视频位置：11、js强制类
阅读全文
摘要：js参考 JS 强制类型转换 一、总结 一句话总结： js类型转换可以通过JS类型转换一览表，在用的时候查，然后慢慢熟悉，由主干到枝叶 1、js的基本类型与对象的存储方式？ 内存又分为堆内存和栈内存，就内存分配而言，基本类型是存放于栈内存 stack 中，而对象是存放在堆内存 Heap 中，其堆中存
阅读全文
摘要：js参考 js强制转换为string 一、总结 一句话总结： 将别的类型的转换为string一般有toString()和String()函数和+''，对于Number和Boolean使用String()函数，实际上就是调用的tostring()方法 二、js强制转换为string 强制类型转换-指将
阅读全文
摘要：JS基础强制类型转换 一、总结 一句话总结： 转换为三种基本类型都有对应的直接方法，例如String()、Number()、Boolean()，还有其它的一些方法，比如+''转字符串，比如!!a转boolean 1、js强制转换为string的方法？ 方式一：调用xxx的yyy()方法，就是xxx.
阅读全文
摘要：js中的数据类型 一、总结 一句话总结： js中的数据类型主要有两种：基本数据类型（String字符串、Number数值、Boolean布尔值、Null空值、Undefined未定义），引用数据类型（Object对象） 1、js基本数据类型中的String（字符串）类型是什么？ 字符串是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中如何查看一个变量的类型？ 用
阅读全文
摘要：如何解决2进制小数不精确的问题 一、总结 一句话总结： 我们可以把需要进行计算的小数转成整数进行计算，然后在变成小数 二、解决js中浮点数（小数）计算不准确问题 转自或参考：解决js中浮点数（小数）计算不准确问题_技术之路-CSDN博客https://blog.csdn.net/qq_3971202
阅读全文
摘要：计算机基础 1、十进制0.1转二进制 一、总结 一句话总结： 用脑子，10进制整数转2进制是除2，10进制小数转2进制是靠乘2取1 二、十进制0.1转二进制 进制转换0.1(十进制) = 0.0001100110011001(二进制)十进制数0.1转二进制计算过程：0.1*2＝0.2……0——整数部
阅读全文
摘要：为什么浮点数计算，会得到一个不精确的值 一、总结 一句话总结： 就像10进制中无法准确表示1/3，二进制中无法准确表示1/10，而计算机只认识二进制，而且能表示的位数有限，所以这样10进制->2进制->10进制的过程中会出现误差 二、为什么浮点数不能精确表示？ 转自或参考：为什么浮点数不能精确表示？
阅读全文
摘要：科学计数法 一、总结 一句话总结： 科学计数法使用e标识数值，将科学计算学转化为数字的思路：按e右边的数字移动小数点位数。e右边的数字如果是负数，则向左移动小数点。例如1.2345678e2 = 123.45678 二、科学计数法 科学计数法使用e标识数值，将科学计算学转化为数字的思路：按e右边的数
阅读全文
摘要：范仁义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函数的Json写法 一、总结 一句话总结： 用脑子，json本来就是大括号包裹下的键值对，理解这个实质，js函数的json写法那就根本不用记了 1 <script> 2 var fun1={ 3 create:function () { 4 console.log('这是create函数。');
阅读全文
摘要：Bootstrap3和Bootstrap4区别 一、总结 一句话总结： a、新增网格层适配了移动端； b、全面引入ES6新特性（重写所有JavaScript插件）； c、css文件减少了至少40%； d、所有文档都用Markdown编辑器重写； 1、初学者应该学bootstrap3还是学bootst
阅读全文
摘要：Unicode编码是什么 一、总结 一句话总结： 1、Unicode码扩展自ASCII字元集。Unicode最初打算作为ASCII的补充，可能的话，最终将代替它。 2、Unicode是一个编码方案，Unicode 编码共有三种具体实现，分别为utf-8,utf-16,utf-32，其中utf-8占用
阅读全文
摘要：保留字是什么 一、总结 一句话总结： a、保留字(reserved word)，指在高级语言中已经定义过的字，使用者不能再将这些字作为变量名或过程名使用。 b、保留字包括关键字和未使用的保留字。 二、保留字是什么 转自或参考：保留字_百度百科https://baike.baidu.com/item/
阅读全文
摘要：范仁义js课程 5、js字面量和变量 一、总结 一句话总结： 字面量就是常量，也就是不会改变的量，比如数字1。变量就是可以变化的量，一般变量可以用来保存字面量。 1、js中变量使用实例？ var age=80; 二、js字面量和变量 博客对应课程的视频位置：5、js字面量和变量https://www
阅读全文
摘要：什么是脚本语言 一、总结 一句话总结： （脚与非脚的不同在于执行之前是否需要编译）我们可以把“编译”对应到制作电影时的“拍摄”，就是由源代码生成可执行程序的过程。 二、什么是脚本语言 转自或参考： 什么是脚本语言？ - 知乎https://www.zhihu.com/question/2222038
阅读全文
摘要：ECMAScript 版本 一、总结 一句话总结： 2015：ECMAScript 6：添加类和模块， 2016：ECMAScript 7：增加指数运算符 (**)，增加 Array.prototype.includes 二、ECMAScript 版本 转自或参考：https://www.runoo
阅读全文
摘要：bootstrap4学习及使用 一、总结 一句话总结： bootstrap4的使用也非常简单，引入对应的css文件和js文件，然后参照文档使用具体的样式就可以了，bootstrap4的使用非常简单 二、bootstrap4
阅读全文
摘要：谢孟媛发音篇 2-5 一、总结 一句话总结： 英语方面的视频完全都可以吃饭看，完全没必要专门花时间，多留点时间legend2刷题才是王道 1、长音和短音的实质特点？ 其实是长音的嘴巴更紧一点：beater/bitter 2、gh放在单词中间一般不发音？ gh放在单词中间一般不发音，比如caught发
阅读全文
摘要：JS知识点整理 一、总结 一句话总结： 玩和锻炼的时间是工作之外挤出来的。还是要提高效率，节约时间，不必追求特别精神，这样可以多节约点时间玩的。 绝对不是不玩，而是提高效率。耍的时间，锻炼的时间，都是这样挤出来的。玩可以玩，但是不能睡太久。 1、localstorage、sessionstorage
阅读全文
摘要：CSS3疑难问题 6、伪类和伪元素的区别 一、总结 一句话总结： 伪类不产生新的对象，只是在 DOM 中一个元素的不同状态 伪元素产生新对象，在 DOM 树中看不到 二、伪类和伪元素的区别 博客对应课程的视频位置：6、伪类和伪元素的区别https://www.fanrenyi.com/video/1
阅读全文
摘要：范仁义js课程 4、js基本注意点 一、总结 一句话总结： js基础语法中，大家要注意js的一些基本特点，比如js严格区分大小写、js代码以分号结尾、我们写代码的时候记得缩进等等 1、js中的注释有哪些？ js中的注释有 //单行注释 和 /*多行注释*/ 2、js基础语法中需要注意的有哪些？ a、
阅读全文
摘要：legend3 24、软件更新的时候记得保留上两个版本的软件和数据 一、总结 一句话总结： 更新legend3的时候，保留上两个版本（无论是代码，数据库，还是用户数据） 1、linux文件夹重命名操作？ 在Linux服务上上重命名文件夹使用mv命令：mv a b 2、a标签在新窗口打开？ 在a标签上
阅读全文
摘要：范仁义js课程 3、js代码书写位置 一、总结 一句话总结： js代码一般写在script标签中，或者写在外面的js文件中，通过script引入。js代码也可以写在标签的onclick属性和a标签的href属性中。 1、js代码写在a标签的href属性中的时候，需要注意什么？ 前面要先写javasc
阅读全文
摘要：范仁义js课程 2、js最简单实例 一、总结 一句话总结： 在js最简单实例中：我们把js代码书写在script标签当中，比如alert('111')语句可以控制浏览器弹出一个内容为111的警告框 1、js中输出内容的三种常见方式？ 1、控制浏览器弹出一个警告框：alert() 2、让计算机在页面中
阅读全文
摘要：范仁义js课程 1、javascript简介 一、总结 一句话总结： js是javascript的缩写，是解释性的脚本语言，主要是用来做页面的逻辑，做页面的交互，特效等。 1、js由哪些部分组成？ 1、语言标准：ECMAScript：基本语法； 2、文档对象模型：DOM：操作html； 3、浏览器对
阅读全文
摘要：js知识点总结 一、总结 一句话总结： ECMAscript 基础语法 ：变量 数据类型 运算符 数组 函数 对象 BOM 浏览器对象模型：window对象（获取浏览器宽高） history对象 location对象 DOM 文档对象模型：元素获取 操作属性 操作样式 节点 事件 时间对象 二、js
阅读全文
摘要：范仁义css3课程 37、伪类选择器 一、总结 一句话总结： 伪类选择器中的伪类是一个概念上的类，不是我们定义的，是抽象的。如a:hover，选择a标签（元素选择器）中具有鼠标悬停类的所有元素 1、常见的伪类选择器有哪些？ 比如:link、:visited、:hover、:active、:focus
阅读全文
摘要：范仁义css3课程 38、伪元素选择器 一、总结 一句话总结： 伪元素选择器中的伪元素相当于dom中不存在的元素，仅仅是css中用来渲染，添加一些特殊效果的，比如p::before，选择p标签（真元素）前面的假元素（伪元素，p标签前面没有元素，只是假设有） 1、常见的伪元素选择器有哪些？ 比如:be
阅读全文
摘要：伪类选择器和伪元素选择器简单理解 一、总结 一句话总结： 元素选择器：如上面的p{}，实实在在的存在的元素。 伪元素选择器：dom中不存在的元素，仅仅是css中用来渲染，添加一些特殊效果的，比如p::before，选择p标签（真元素）前面的假元素（伪元素，p标签前面没有元素，只是假设有） 类选择器：
阅读全文
摘要：自定义title属性样式 一、总结 一句话总结： 在开发中表格中文字太长，我们会以省略号的形式展示，鼠标移动在文字上就显示全部，如果不用一般的UI框架，我们则会选择title属性来实现这个效果 1、在 HTML5 中, title 属性可用于任何的 HTML 元素（title 属性规定关于元素的额外
阅读全文
摘要：范仁义css3课程 36、背景6（ 背景小实例：淘宝 ） 一、总结 一句话总结： 淘宝的背景小实例中，主要使用的是background-position取负值从而取到背景图片上面的不同小图标。 二、课程代码 博客对应课程的视频位置：36、背景6（ 背景小实例：淘宝 ）https://www.fanr
阅读全文
摘要：link和@import到底有什么区别 一、总结 一句话总结： 1、从属关系：link是html的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等；而@import是css的语法，只有导入样式表的作用。 2、加载顺序：页面被加载时，link会和html同时被加载而；@impo
阅读全文
摘要：范仁义css3课程 35、背景5（ 背景小实例：b站 ） 一、总结 一句话总结： 这个b站背景的实例中，最重要的就是background-position: center 0，因为水平方向是center(居中)，所以浏览器尺寸改变的话，这个图也是一直居中的 二、背景小实例：b站 博客对应课程的视频位
阅读全文
摘要：谢孟媛发音篇 1 一、总结 一句话总结： /ɚ/ /ə/发轻声，其余母音发四声 1、/ɚ/ /ə/发轻声，其余母音发四声？ 因为英语里面只有轻音和重音，/ɚ/和/ə/绝对不会出现在重音节，/ɚ/在重音节中发/ɝ/ 2、/ɚ/和/ə/的区别？ /ɚ/相当于发er的音，/ə/就是普通的 e的音 二、内容
阅读全文
摘要：范仁义css3课程 33、背景3（ background-attachment ） 一、总结 一句话总结： background-attachment设置背景图像是否固定或者随着页面的其余部分滚动，常用的值有scroll（默认值），fixed（相对窗口固定），local（元素有滚动条时） 1、当ba
阅读全文
摘要：范仁义css3课程 34、背景4（ 背景简写属性 ） 一、总结 一句话总结： 背景的简写属性为"background"，属性值的顺序为：background-color、background-image、background-repeat、background-attachment、backgrou
阅读全文
摘要：范仁义css3课程 32、背景2（ background-position） 一、总结 一句话总结： background-position的作用是给背景图片定位，是背景相对于标签区域移动 1、background-position属性是元素区域相对于背景图定位，还是背景图相对于元素区域定位？ 是背
阅读全文
摘要：范仁义css3课程 31、背景1（ background-image） 一、总结 一句话总结： 可以使用background-image来设置背景图片，背景图可以和背景颜色同时设置，可以使用background-repeat用于设置背景图片的重复方式 1、background-image的语法是怎样
阅读全文
摘要：按钮用图片做背景hover时闪烁 一、总结 一句话总结： 原因：是因为背景图片是以外部资源的形式加载进网页的，浏览器每加载一个外部资源就需要单独的发送一次请求，而加载图片需要时间 解决：将按钮切换的图片放在一张图片里面 二、按钮用图片做背景hover时闪烁 做完功能以后，发现在第一次切换图片时，会发
阅读全文
摘要：范仁义Emmet课程 1、HTML速写之Emmet语法规则 一、总结 一句话总结： Emmet是一款能够飞速书写html代码的工具，能大大提高代码书写速率，语法使用也比较简单 1、Emmet中如何快速敲出html初始结构？ !(英文状态下的感叹号)，然后按tab键 2、Emmet中id和class分
阅读全文
摘要：CSS3疑难问题 5、:before和::before的区别 一、总结 一句话总结： :before相当于是css3之前的写法，::before相当于是css3的写法，:before和::before都可以正常显示，但是推荐用::before 1、单冒号(:)和双冒号(::)在选择器中的使用场景分析
阅读全文
摘要：reset.css是什么 一、总结 一句话总结： The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font siz
阅读全文
摘要：日常英语 200209（Abbreviations（Emmet Abbreviations Syntax）） 一、总结 一句话总结： 英 /əˌbri:vɪˈeɪʃn/ n. [语] 缩写词，缩略语；[语] 缩写（abbreviation的复数） Abbreviations list 普通缩写表 C
阅读全文
摘要：日常英语 200209（Emmet Abbreviations Syntax） 一、总结 一句话总结： Abbreviations ：英 /əˌbri:vɪˈeɪʃn/ n. [语] 缩写词，缩略语；[语] 缩写（abbreviation的复数） 1、Emmet uses syntax simila
阅读全文
摘要：伪元素和伪类在chrome浏览器里面还是比较好区分的 一、总结 一句话总结： a、伪元素比如:first-letter，style里面会很明确的写上Pseudo ::first-letter element，告诉你它是一个伪元素 b、伪类比如a:hover，出现的位置就是普通的class样式的位置，
阅读全文
摘要：伪元素选择器 一、总结 一句话总结： 一、::first-letter 第一个字 二、::first-line 第一行（以浏览器为准的第一行） 三、::selection 被选中的字行（鼠标选中的字段）只能向 ::selection 选择器应用少量 CSS 属性：color、background、c
阅读全文
摘要：响应式布局的两种实现形式 一、总结 一句话总结： 一是用媒体查询实现，二是用bootstrap的栅格系统实现 二、响应式布局的两种实现形式 转自或参考：响应式布局的两种实现形式https://www.cnblogs.com/luowen075/p/5907567.html 所谓的响应式布局，就是设计
阅读全文
摘要：范仁义css3课程 30、层模型小实例 一、总结 一句话总结： 层模型在日常开发中还是用的比较多的，比如相对定位配合绝对定位来做一些元素的精确定位，比如固定定位做导航和回到顶部的一些按钮等等 二、层模型小实例 博客对应课程的视频位置：30、层模型小实例https://www.fanrenyi.com
阅读全文
摘要：范仁义css3课程 29、层模型总结及实例分析 一、总结 一句话总结： 层模型中常见的有相对定位(relative)[相对于以前]、绝对定位(absolute)[相对于最近的设置了定位的祖先元素]、固定定位(fixed)[相对于浏览器窗口]三种，通过这三种定位可以非常精确和随意的操纵元素的位置。 1
阅读全文
摘要：范仁义css3课程 28、元素的层级 一、总结 一句话总结： 如果设置了定位的话，正常默认是下边的元素会盖住上边的，如果想改变定位元素的堆叠顺序，可以给元素设置z-index属性。z-index的值可以设置为整数，数越大层级越高。 1、元素层级的特点有哪些？ 1、如果定位元素的层级是一样，则下边的元
阅读全文
摘要：范仁义css3课程 27、固定定位 一、总结 一句话总结： 固定定位是定位的一种，固定定位也是一种绝对定位，它的大部分特点都和绝对定位一样，比如脱离文档流，和绝对定位不同的是固定定位永远都会相对于浏览器窗口进行定位。用position: fixed可以设置固定定位，通过top、bottom、left
阅读全文
摘要：范仁义css3课程 26、绝对定位 一、总结 一句话总结： 绝对定位是定位的一种，绝对定位会脱离文档流，用position: absolute来设置，通过top、bottom、left、right可以设置定位的偏移量 1、绝对定位的基本操作？ 对元素设置position属性为absolute，然后用
阅读全文
摘要：范仁义css3课程 25、相对定位 一、总结 一句话总结： 相对定位是层布局的一种，相对定位不脱离文档流，用position: relative来设置，通过top、bottom、left、right可以设置定位的偏移量 1、相对定位小实例？ 设置position为relative，然后设置偏移 .b
阅读全文
摘要：范仁义css3课程 24、层布局模型介绍 一、总结 一句话总结： 层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，能够对每个图层进行精确定位操作。通过postion属性来设置。常见的有相对定位(relative)、绝对定位(absolute)、固定定位(fixed)三种。 二
阅读全文
摘要：CSS的7阶层叠水平（stacking level） 一、总结 一句话总结： 1、层叠上下文 background/border；2、负z-index 3、block块状水平盒子：正常流式布局，非inline-block，无position定位（static除外） 4、float浮动盒子：无posi
阅读全文
摘要：深入理解 CSS 属性 z-index 一、总结 一句话总结： 注意z-index不仅可以作用于定位元素，还可以作用于css3中的一些元素，也要知道有 7阶层叠水平(stacking level) 这么个东西 1、z-index对哪些样式有用？ css中的定位(position:relative/a
阅读全文
摘要：webstorm 插件安装 一、总结 一句话总结： 在File的setting的plugins里面：没有安装的插件，可以在plugins搜索，在右边搜索结果里点install,然后重启webstorm 1、webstorm里面是否自带了 emmet？ 是的，可以在File->Setting->Edi
阅读全文
摘要：css 布局的几种方式 一、总结 一句话总结： 布局比较常用的是浮动布局和弹性布局和层布局（定位），还有另一个维度的响应式的布局 1、响应式布局的几种方式？ 1、meta 标签：meta name="viewport" content="width=device-width, initial-sca
阅读全文
摘要：日常英语 200207（词组） 一、总结 一句话总结： afford/agree/arrange/ask/beg 接不定式 1、负担得起做某事？ afford to do sth. 2、同意做某事？ agree to do sth. 3、安排做某事？ arrange to do sth. 4、要求做
阅读全文
摘要：日常英语 200207（stable（Virus mortality rate stable）） 一、总结 一句话总结： 英 /ˈsteɪbl/ adj. 稳定的，牢固的；稳重的，沉稳的；持久的；（化学术语）稳定的 stable state 稳定状态 Prices remain stable thr
阅读全文
摘要：日常英语 200207（Virus mortality rate stable） 一、总结 一句话总结： stable 英 /ˈsteɪbl/ adj. 稳定的，牢固的；稳重的，沉稳的；持久的；（化学术语）稳定的 全国新冠肺炎病死率2.1% 1、The mortality rate for know
阅读全文
摘要：CSS3疑难问题 4、父子元素相邻的垂直外边距重叠的问题 一、总结 一句话总结： 可以通过给父元素设置伪元素:before来增加一个空的table元素来解决 .box1:before{ content: ""; display: table; } 二、父子元素相邻的垂直外边距重叠的问题 博客对应课程
阅读全文
摘要：overflow（超出部分省略号） 一、总结 一句话总结： 一行超出或者两行超出最主要是使用overflow属性（hidden值隐藏），可以设置text-overflow来设置文字溢出部分为省略号（ellipsis） 二、overflow（超出部分省略号） 转自或参考：overflow（超出部分省略
阅读全文
摘要：css中浮动的理解及实际应用 一、总结 一句话总结： 感觉讲浮动的时候，参考资料再稍微多一点好一点，视频资料和博客资料都有比较好，最好也多参考书籍资料 二、关于css中浮动的理解及实际应用 转自或参考：关于css中浮动的理解及实际应用https://www.cnblogs.com/huangwenj
阅读全文
摘要：范仁义css3课程 23、浮动小实例 一、总结 一句话总结： 使用浮动可以很方便的做出两栏或者多栏布局，我们需要注意解决浮动造成的高度塌陷问题 二、浮动小实例（div布局实例） 博客对应课程的视频位置：23、浮动小实例https://www.fanrenyi.com/video/10/61 1 <!
阅读全文
摘要：范仁义css3课程 22、float导致的父容器高度坍塌及解决 一、总结 一句话总结： 原因：浮动元素脱离文档流，使包含它的无高度样式的父容器感知不到其存在而发生内容无法撑开高度的现象 解决：增加一个空的块元素，清除浮动：clear:both;，让它把父元素撑开。 1、float布局导致的父容器高度
阅读全文
摘要：legend3 23、存数据库可json格式（如果多数据） 一、总结 一句话总结： 如果是多数据，可以用json来存数据库，将数据弄成一条，方便操作，比如用户的签到信息 1、统计数据在统计的时候更新？ 比如每个人的刷题数，不必在刷题的时候更新用户的刷题数，可以在点开用户界面的时候更新即可 2、静态资
阅读全文
摘要：CSS3疑难问题 3、为什么clear属性用在内联元素上面没有作用 一、总结 一句话总结： clear属性是来清除浮动效果的，我们要明白float属性的初衷————让文字环绕图片展示。翻译成另外一句话：内联级别的元素会环绕浮动元素展示。所以clear属性要作用在块元素上面。 二、课程代码 博客对应课
阅读全文
摘要：范仁义css3课程 21、清除浮动 一、总结 一句话总结： float设置浮动之后，若想让后面元素不被浮动影响（不占浮动腾出来的地），可以用clear来清除浮动，clear可以用来清除其他浮动元素对当前元素的影响，其实清除浮动主要解决浮动高度塌陷的问题 1、clear的属性值有哪些？ none(默认
阅读全文
摘要：范仁义css3课程 20、浮动 一、总结 一句话总结： 浮动的话使用的是float属性，可以让元素浮动起来，常用取值为left（向左浮动）和right（向右浮动），浮动会使元素脱离文档流 1、float属性有哪些取值？ 1、none，默认值，元素默认在文档流中排列 2、1eft，元素会立即脱离文档流
阅读全文
摘要：CSS3疑难问题 2、BFC是什么及实例 一、总结 一句话总结： BFC(Block formatting context)直译为"块级格式化上下文"。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 1、BFC的布局规则？ 1、Box垂直方向的距离由marg
阅读全文
摘要：CSS中的盒子类型（content-box、padding-box、border-box、margin-box） 一、总结 一句话总结： box-sizing属性支持的三个盒子类型（content-box、padding-box、border-box）和未支持的（margin-box）和盒子模型的四
阅读全文
摘要：overflow 一、总结 一句话总结： overflow是用来操作box中溢出的内容的，overflow常用属性值有四个：visible(默认值)、hidden、scroll、auto(最常用)；除默认值visible之外，其它都触发bfa 二、overflow 转自或参考：overflowhtt
阅读全文
摘要：css布局方式总结 一、总结 一句话总结： CSS主要包含3种基本的布局模型：流动模型（Flow）、浮动模型 (Float) 和 层模型（Layer）。 1、流动模型（Flow）是什么？ 流动（Flow）是默认的网页布局模式，在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。块状元
阅读全文
摘要：日常英语 200204（moderately） 一、总结 一句话总结： 英 /ˈmɒdərətli/ adv. 适度地；中庸地；有节制地 moderately cool 令人舒适的凉快 Over the next two days, he said, she drank moderately. 在接
阅读全文
摘要：英语口头禅 1、I feel real lucky. 一、总结 一句话总结： 先从自己口头禅记起，无论是激励、成就感还是适用性都是最棒的，一定要记要背要写 1、我的运气超好，世上运气最好的人。《急速车王》谢尔比Shelby.？ Well, I feel real lucky. Luckiest gu
阅读全文
摘要：曳舞 2、曳舞各个动作要点2 一、总结 一句话总结： 不用太急，循序渐进，注意手上动作，配上手上动作才有运动量 8、太空步？ 脚一前一后，前脚后滑两步，后脚立起与放下，同时进行的 9、后点-基础步？ 右脚左前，后点（交叉成反8），右脚有移动 10、甩腿三点？ 甩腿+前卡后点侧点：比如甩右腿就是左脚配
阅读全文
摘要：CSS 清除浮动 一、总结 一句话总结： 1、为什么要清除浮动？ 二、CSS 清除浮动 转自或参考：CSS 清除浮动https://www.cnblogs.com/niujifei/p/11212184.html 一、为什么要清除浮动 浮动本质是用来做文字混排效果的，但是拿来做布局用，则会有很多的问
阅读全文
摘要：css相对定位 一、总结 一句话总结： 相对定位用position: relative;可以设置left和top等设置偏移，元素无论是否进行移动，仍然占据原来的空间 1 #box_relative { 2 position: relative; 3 left: 30px; 4 top: 20px;
阅读全文
摘要：zoom:1的常见作用 一、总结 一句话总结： 通常，在给低版本的IE做兼容的时候会用到zoom:1; 比如zoom:1;解决ie6中不支持after伪类解决float高度坍塌 例如，清除浮动的时候，我们会这么写.clearfix::after{content: ".";clear: both;di
阅读全文
摘要：float中为什么clear: both;可以撑开父元素 一、总结 一句话总结： 在父元素的末尾添加一个block元素，并由于clear的特性，该block元素会定位在上一个float元素的下方，而父元素要容纳这个非浮动元素就必须被撑开！当然由于这是一个空元素，故看起来像是父元素被float元素撑开
阅读全文
摘要：日常英语 200202（posterity） 一、总结 一句话总结： 英 /pɒˈsterəti/ n. 子孙，后裔；后代 Without Posterity 没有后代 Without posterity, there are no grand designs. 如果没有后代，就不会有伟大的设计。
阅读全文
摘要：英语词根说文解字 1、英语词根的基本知识 一、总结 一句话总结： 词根有两种：一种是基本单词充当词根，属于自由词素，称为自由词根（Free Root），如friend，white，wash等；一种是非单词词根，属于粘附词素，称为粘附词根（Bound Root），如vis，manu，lect等。 1、
阅读全文
摘要：日常英语 200202（新型冠状病毒感染的肺炎公众预防提示） 一、总结 一句话总结： Public Prevention of Pneumonia Caused by Novel Coronavirus Public Prevention of Pneumonia 1、In this special
阅读全文
摘要：日常英语 200201（mild） 一、总结 一句话总结： 英 /maɪld/ adj. 温和的；轻微的；淡味的；文雅的；不含有害物质的的 mild climate 温和的气候 But you may get no symptoms at all, or only mild ones. 但你也可以完
阅读全文
摘要：日常英语 200201（dampen） 一、总结 一句话总结： 英 /ˈdæmpən/ vt. 抑制；使…沮丧；使…潮湿 vi. 潮湿；丧气 dampen spirits 打击某人情绪 Write down the common phrases that come up—the ones that
阅读全文
摘要：日常英语 200201（新型冠状病毒感染的肺炎与流感有何区别） 一、总结 一句话总结： The novel coronavirus and the flu - the differences and similarities you need to know The novel coronaviru
阅读全文
