02 2021 档案

grid布局
摘要：详细见阮一峰的网络日志http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 常见的布局：http://www.ruanyifeng.com/blog/2020/08/five-css-layouts-in-one-line. 阅读全文
posted @ 2021-02-26 11:13 香香香。。。。香菜 阅读(289) 评论(0) 推荐(0)
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 香香香。。。。香菜 阅读(56) 评论(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 香香香。。。。香菜 阅读(54) 评论(0) 推荐(0)
rem，em，px的区别
摘要：1、px是绝对长度单位，像素，相对于屏幕的分辨率 px不会因为其他元素的尺寸变化而变化。 一般情况下，我们平时都是用px来定义字体，所以无法用浏览器字体放大的功能，IE无法调整那些使用px作为单位的字体大小。大部分网站能调整是因为用了相对长度单位em或rem。 2、em是相对长度单位，相对于当前行内 阅读全文
posted @ 2021-02-25 10:35 香香香。。。。香菜 阅读(402) 评论(0) 推荐(0)
css中的定位、清除浮动
摘要：1、定位 1、绝对定位 absolute 2、相对定位 relactive 3、固定定位 fixed 脱离文档流：排版的基础就是要脱离文档流：1 浮动，2 绝对定位，3固定定位 脱离文档流后果：父元素无法被撑开； 绝对定位的盒子由于脱离了文档流，不能用margin：0 auto（标准的文档流中）了 阅读全文
posted @ 2021-02-24 20:56 香香香。。。。香菜 阅读(682) 评论(0) 推荐(0)
css3的盒模型
摘要：盒模型由：元素内容，内边距，边框和外边距组成。 w3c的下的盒子模型： padding和border不被包含在width和height之内。 盒子的实际宽度为:width+border+padding IE的盒模型： padding和border被包含在了定义的width和height之内； 盒子的 阅读全文
posted @ 2021-02-24 20:40 香香香。。。。香菜 阅读(41) 评论(0) 推荐(0)
HTML的语义化
摘要：①用正确的标签做正确的事情。 ②html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; ③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，利于 SEO; ④ 使阅读源代码的人对网站更容 阅读全文
posted @ 2021-02-24 20:28 香香香。。。。香菜 阅读(61) 评论(0) 推荐(0)
箭头函数
摘要：es6中的箭头函数 1、书写更简单了，而且如果函数体是一个表达式的话，不用写return，箭头函数，默认返回。 2、箭头函数解决了this的指向问题。 普通函数：根据调用我的人（谁调用我，我的this就指向谁），普通函数的this指向调用它的那个对象。 箭头函数：根据所在的环境（我再哪个环境中，th 阅读全文
posted @ 2021-02-24 19:19 香香香。。。。香菜 阅读(114) 评论(0) 推荐(0)
打印三角形
摘要：思路： 打印等腰三角形，实质：打印n行的等腰三角形就是打印n行东西而已，只是要对于每行要打印的东西，动下脑子计算一下， 第一行要打印 1个*，n-1个空格，换行 第二行要打印 3个*，n-3个空格，换行 第二行要打印 5个*，n-5个空格，换行 const getTrigle = (n) => { 阅读全文
posted @ 2021-02-24 15:53 香香香。。。。香菜 阅读(170) 评论(0) 推荐(0)
js中对this指向的理解
摘要：牢记：this是在函数执行的时候回才明确他的执行的上线文。 1.以函数的形式调用时，this永远都是window。比如fun();相当于window.fun(); 2.以方法的形式调用时，this是调用方法的那个对象 3.以构造函数的形式调用时，this是新创建的那个对象 4.使用call和appl 阅读全文
posted @ 2021-02-24 14:51 香香香。。。。香菜 阅读(185) 评论(0) 推荐(0)
闭包的理解&防抖节流
摘要：闭包是通过改变JS回收机制保留某作用域的一种手段。当一个函数执行完毕后，里面的局部变量是会被JS自带的垃圾回收机制给销毁的，从而释放内存。但是如果返回一个函数，而且函数里面有用到父级函数声明的变量，那么此时，变量不会被回收，因为还有可能被用到，并且外界可以通过函数访问这段作用域下的变量。 闭包： 函 阅读全文
posted @ 2021-02-24 14:11 香香香。。。。香菜 阅读(609) 评论(0) 推荐(0)
js中的继承
摘要：通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承 第一类： 原型链的继承 People.prototype.eyeColor = function(){ console.log('这是原型继承') } 在原型对象上增加eyeColor方法，所有的实例都可以拥有这 阅读全文
posted @ 2021-02-24 11:33 香香香。。。。香菜 阅读(79) 评论(0) 推荐(0)
对js中的原型，原型链的理解
摘要：参考自：https://www.cnblogs.com/ningyn0712/p/6216711.html javascript语言是一种面向对象的语言，它没有"子类"和"父类"的概念，里面所有的数据类型都是对象，js通过原型链将这些联系起来。 构造函数是一种特殊的方法，主要用来在创建对象时初始化对 阅读全文
posted @ 2021-02-23 20:38 香香香。。。。香菜 阅读(114) 评论(0) 推荐(0)
sort排序以及利用冒泡排序实现sort
摘要：默认情况下的sort是对字符编码（字符对应编码），进行从小到大排序，比如banan 会排在 cheer之前，但是这个没多大用处； 主要的用法是： 要对sort方法传进来一个比较函数（comparefunction），指定排序规则； 比较函数对相邻的两个元素进行比较，根据返回值的结果，如果前面的比后面 阅读全文
posted @ 2021-02-23 13:59 香香香。。。。香菜 阅读(481) 评论(0) 推荐(0)
js中实现快速排序
摘要：快排的实现利用了二分查找法； 二分法是通过与中间值进行比较，每次缩小一半的区域； 快速类似于二分法，每次都在数组中选择一个基数，每一轮结束后，比该基数小的都位于该基数的左边，比该基数大的位于右边。然后再分别在左边的数组里，里面选一个基点和基点值，右边选择基点和基点值，这里就是用递归。 functio 阅读全文
posted @ 2021-02-23 13:40 香香香。。。。香菜 阅读(586) 评论(0) 推荐(1)
冒泡排序
摘要：1 冒泡排序O(n2) 规则：前后两两进行比较，如果符合比较的条件，就交换两个数的位置，直到所有的数据，都符合从小到大的条件，排序结束。 规律：每一轮都会找出一个较大的数，放在正确的位置。 比较的轮数：数组长度-1； 每一轮比较的次数：数组长度-当前轮数； function buluBulu(arr 阅读全文
posted @ 2021-02-23 13:36 香香香。。。。香菜 阅读(76) 评论(0) 推荐(0)