2021年2月25日
Flex布局
摘要： 仅仅作为笔记，具体参考阮一峰老师http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 采用 Flex 布局的元素，称为 Fle 阅读全文
posted @ 2021-02-25 15:23 香香香。。。。香菜 阅读(47) 评论(0) 推荐(0) 编辑
css垂直水平居中问题
摘要： 1、水平垂直居中方法1 对于元素不确定宽度和高度的时候，特别适用： 父元素div：display：table-cell ；vertical-align：middle；（垂直居中），text-align：center（水平居中） 子元素div：display：line-block table-cell 阅读全文
posted @ 2021-02-25 13:05 香香香。。。。香菜 阅读(45) 评论(0) 推荐(0) 编辑
rem，em，px的区别
摘要： 1、px是绝对长度单位，像素，相对于屏幕的分辨率 px不会因为其他元素的尺寸变化而变化。 一般情况下，我们平时都是用px来定义字体，所以无法用浏览器字体放大的功能，IE无法调整那些使用px作为单位的字体大小。大部分网站能调整是因为用了相对长度单位em或rem。 2、em是相对长度单位，相对于当前行内 阅读全文
posted @ 2021-02-25 10:35 香香香。。。。香菜 阅读(360) 评论(0) 推荐(0) 编辑
2021年2月24日
css中的定位、清除浮动
摘要： 1、定位 1、绝对定位 absolute 2、相对定位 relactive 3、固定定位 fixed 脱离文档流：排版的基础就是要脱离文档流：1 浮动，2 绝对定位，3固定定位 脱离文档流后果：父元素无法被撑开； 绝对定位的盒子由于脱离了文档流，不能用margin：0 auto（标准的文档流中）了 阅读全文
posted @ 2021-02-24 20:56 香香香。。。。香菜 阅读(634) 评论(0) 推荐(0) 编辑
css3的盒模型
摘要： 盒模型由：元素内容，内边距，边框和外边距组成。 w3c的下的盒子模型： padding和border不被包含在width和height之内。 盒子的实际宽度为:width+border+padding IE的盒模型： padding和border被包含在了定义的width和height之内； 盒子的 阅读全文
posted @ 2021-02-24 20:40 香香香。。。。香菜 阅读(34) 评论(0) 推荐(0) 编辑
HTML的语义化
摘要： ①用正确的标签做正确的事情。 ②html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; ③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，利于 SEO; ④ 使阅读源代码的人对网站更容 阅读全文
posted @ 2021-02-24 20:28 香香香。。。。香菜 阅读(55) 评论(0) 推荐(0) 编辑
箭头函数
摘要： es6中的箭头函数 1、书写更简单了，而且如果函数体是一个表达式的话，不用写return，箭头函数，默认返回。 2、箭头函数解决了this的指向问题。 普通函数：根据调用我的人（谁调用我，我的this就指向谁），普通函数的this指向调用它的那个对象。 箭头函数：根据所在的环境（我再哪个环境中，th 阅读全文
posted @ 2021-02-24 19:19 香香香。。。。香菜 阅读(97) 评论(0) 推荐(0) 编辑
打印三角形
摘要： 思路： 打印等腰三角形，实质：打印n行的等腰三角形就是打印n行东西而已，只是要对于每行要打印的东西，动下脑子计算一下， 第一行要打印 1个*，n-1个空格，换行 第二行要打印 3个*，n-3个空格，换行 第二行要打印 5个*，n-5个空格，换行 const getTrigle = (n) => { 阅读全文
posted @ 2021-02-24 15:53 香香香。。。。香菜 阅读(125) 评论(0) 推荐(0) 编辑
js中对this指向的理解
摘要： 牢记：this是在函数执行的时候回才明确他的执行的上线文。 1.以函数的形式调用时，this永远都是window。比如fun();相当于window.fun(); 2.以方法的形式调用时，this是调用方法的那个对象 3.以构造函数的形式调用时，this是新创建的那个对象 4.使用call和appl 阅读全文
posted @ 2021-02-24 14:51 香香香。。。。香菜 阅读(169) 评论(0) 推荐(0) 编辑
闭包的理解&防抖节流
摘要： 闭包是通过改变JS回收机制保留某作用域的一种手段。当一个函数执行完毕后，里面的局部变量是会被JS自带的垃圾回收机制给销毁的，从而释放内存。但是如果返回一个函数，而且函数里面有用到父级函数声明的变量，那么此时，变量不会被回收，因为还有可能被用到，并且外界可以通过函数访问这段作用域下的变量。 闭包： 函 阅读全文
posted @ 2021-02-24 14:11 香香香。。。。香菜 阅读(575) 评论(0) 推荐(0) 编辑