随笔分类 - 基础学习
摘要：创建一个构造函数，专门用来创建Person对象，构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。 构造函数和普通函数的区别就是调用方式的不同 普通函数直接调用，而构造函数需要使用new关键字来调用。 构造函数的执行流程： 1.立刻创建一个新的对象 2.将新建
阅读全文
摘要：debug(60) 这边点击一下就是中止点，f5刷新后会运行终止点前的代码，后的需要点击运行键运行 我们的浏览器：来源->选中html文件 this(61) 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this ,this指向一个对象。这个对象我们称之为函数执行的上下文
阅读全文
摘要：mianji相当于给工具 mianji()相当于把冰激凌直接给他(55) continue 退出当前轮次 break结束循环 变量result就是函数执行的结果，函数中，return后的语句都不会执行。return 后面不跟任何值相当于返回一个undefined,如果不写return也会返回unde
阅读全文
摘要：9*9乘法表 打印2-100之间所有的质数 质数练习的优化 break和continue 可以为循环语句创建一个label，来标识当前的循环 语法 label:循环语句，比如下面这个叫做hello 使用break语句时，我们可以在break后面跟一个label，这样break将会结束指定的循环，而不
阅读全文
摘要：条件分支语句switch 语法：switch(条件表达式){case 表达式: 语句... break;case 表达式: 语句... break;case 表达式: 语句... break; default: 语句... break;} 执行流程： switch..case..语句 在执行时，会依
阅读全文
摘要：NaN不和任何值相等，包括他自身 可以通过isNaN()函数来判断值是否为NaN != 表示不相等 不相等也会对变量自动的类型转换，转换后相等也会返回false '1' != 1 返回false 全等，和相等类似，不同的是它不会做自动的类型转换 如果两个类型不同直接返回false !== 不全等，和
阅读全文
摘要：Number JS中所有数值都是Number类型 包括整数和浮点数 使用type of来检查数据类型 语法: typeof 变量 检查字符串时 返回string JS中表示的最大值 Boolean 布尔值 只有两个true false Null null类型的值只有一个null 专门用来表示一个为空
阅读全文
摘要：js要写在html文件中script的标签中 警告框 <script type="text/javascript"> alert('这是第一行'); </script> 页面中写东西，document.write('hi')，向body中输出一个内容 向控制台输出内容 console.log('wh
阅读全文
摘要：rem 1rem = 1 html的字体大小，这边的1rem就等于100px，如果width=3rem.就是300px，html中的font-size和width是倍数关系，乘法关系 font-size设置为0.133333vw，但是网页中字体大小最小是12px，不可以设置比12像素还要小的字体，除
阅读全文
摘要：淘宝导航条 需要横向排列的nav-inner设置flex flex默认是initial，我们设置为auto这样拉宽屏幕，里面的元素也会跟着拉宽 设置成15%也会随着放大而拉宽，值越小，图片中间的空隙就越大 图片设置宽度和父元素一样，这样就不会因为放大缩小而溢出 text-align: center;
阅读全文
摘要：弹性盒 是css中另外一种布局手段，它主要是用来代替浮动来完成页面的布局 flex可以使元素具有弹性，让元素可以跟随页面的大小而改变 —弹性容器 要使用弹性盒，必须先将一个元素设置为弹性容器 我们通过display来设置弹性容器 display: flex; 设置为块级弹性容器 display: i
阅读全文
摘要：变形平移 变形就是指通过css来改变元素的形状和位置，变形不会影响页面的布局 transform: ; transform用来 设置元素的变形效果 平移： transform: translateX();沿着x轴方向平移 translateY();沿着Y轴方向平移 translateZ();沿着Z轴
阅读全文
摘要：图和图之间的缝隙可以用vertical-align: top; width设置100%，说明本身宽度是包含块的100%，如果包含块开启绝对定位，就要考虑给包含块父元素开启相对定位 clearfix是清除float导致的塌陷 垂直居中 top: 0; bottom: 0; margin: auto;
阅读全文
摘要：给body设置一个 min-width:1226px 以防止body宽度过于小 顶部导航条 顶部导航条外部容器 topbar-wrapper 内部容器top-bar 左边service 给超链接设置宽度高度，使得周围也可以摁 hover绑给父元素，使得其摁到子栏时不会消失 此处记得在hover后设定
阅读全文
摘要：实例 电影卡片 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 设置阴影，0 0 表示偏移量，10px是模糊半径 vertical-align: bottom; 不要让图片基线对齐 padding:0 18px; 上下不要边距，左右18像素 margin: 13px
阅读全文
摘要：photoshop下载参考：https://www.cnblogs.com/xuexianqi/p/12493314.html 背景颜色 background-color: #bfc 背景图片 background-image:url('./img/2.png') 背景图片需要在后面加url，url
阅读全文
摘要：说一下自己感觉要注意的几点： 1 设置水平居中：margin:0 auto; 2 设置绝对定位，使其不占页面位置 position: absolute; （绝对定位后不设置偏移量 位置不会改变，位置会从文档流中脱离，它的定位是根据包含款定位的，包含块就是最近的开启了定位的祖先元素） 3 鼠标移入时，
阅读全文
摘要：color 字体颜色 font-size 字体大小 相关单位 em 相当于当前元素的一个font-size rem相当于根元素的一个font-size font-family 字体族（字体的格式）可以同时指定多个字体，多个字体间隔开，第一个无法使用则使用第二个以此类推。 可选值：monospace
阅读全文
摘要：绝对定位：当元素的position设置为absolute时，开启了元素的绝对定位 position:absolute; 特点：开启绝对定位后，如果不设置偏移量，元素位置不会变化 开启绝对定位后，元素会从文档流中脱离 绝对定位会改变元素性质，行内变成块，块的宽高被内容撑开 绝对定位会使元素提升一个层级
阅读全文
摘要：clear 作用：清除浮动元素对当前元素所产生的影响 可选值：left清除左侧浮动对当前元素的影响 right清除右侧浮动对当前元素的影响 both清除大的那个 原理：设置清除浮动以后，浏览器会自动为元素加上一个外边距，以使其位置不受其他元素影响 <style> .box1{ border: 10p
阅读全文
浙公网安备 33010602011771号