Make progress every day

谈到布局，首先就要想到定位，当别人问我，css的position定位有哪些取值，分别表示什么意思？呃….. 定位position有六个属性值：static、relative、absolute、fixed、sticky和inherit。 static（默认）：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分；行内元素则会创建一个或多个行框，置于父级元素中。 relative：元素框相对于之前正常文档流中的位置发生偏移，并且原先的位置仍然被占据。发生偏移的时候，可能会覆盖其他元素。 absolute：元素框不再占有文档位置，并且相对于包含块进行偏移（所谓包含块就是最近一级外层元素p ...

对字符串的处理，一般分为字符串操作和正则操作。 字符串操作 str.search(regStr) 返回 regStr 在 str 中第一个出现的位置 str.replace(regStr,newStr) 返回替换在 str 中 regStr 后字符串 str.substring(n1,n2) 返回 str 从 n1 位置到 n2 位置前一个字符串 str.chartAt(n) 返回 n 位置字符 str.split(regStr) 返回以 regStr 隔开的数组 str.match(reg) 返回在 str 中符合正则 reg 的字符串数组 正则操作var reg=new RegExp(r ...

1、历史四个布局阶段网页布局经历了四个历史阶段： table布局； float和position布局； flex布局，解决了传统布局方案三大痛点：排列方向、对齐方式和自适应尺寸； grid布局，二维布局模块，具有强大的内容尺寸和定位能力。 flex分为伸缩容器和伸缩项目，grid分为网格容器和网格项目。 2、grid布局-网格容器2.1 显示网格使用grid-template-columns和grid-template-rows可以显式设置一个网格的列（宽）和行（高）。 12345<!--grid布局设置行高-->.grid { display: grid; ...

前言水平且垂直居中方法有哪些？这在实际工作中经常用到，小记一下。 演示HTML结构1234567<div id="div1" class="div"> <div id="div2"> <div id="div3"> <span>i</span> </div> </div></div> 基本思想一般的，水平居中相对垂直居中简单很多，对于内联元素（inline、inline-block、inline-table和inline-flex），父级元素设置text-align: c ...

Page Visibility API为了解决隐藏或最小化标签页，让开发人员知道，有哪些功能可以停下来，```,``` visibilitychange ```事件12 document.addEventListener(‘msvisibilitychange’, handleVisibilityChange);document.addEventListener(‘webkitvisibilitychange’, handleVisibilityChange); function handleVisibilityChange () { var msg = ‘’; // 检测当前页面是否 ...

关于html5的离线存储，大致可分为： localStorage, sessionStorage indexedDB web sql application cache 可以在chrome的debug工具/Resources下产看，下面来着重说明一下Application Cache。 访问流程 当我们第一次正确配置app cache后，当我们再次访问该应用时，浏览器会首先检查manifest文件是否有变动，如果有变动就会把相应的变得跟新下来，同时改变浏览器里面的app cache，如果没有变动，就会直接把app cache的资源返回，基本流程是这样的。 特点 离线浏览: 用户可以在离线状 ...

1、相关定义1.1 Formatting contextFormatting context 是 W3C CSS2.1 规定中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block formatting context（简称 BFC）和 Inline formatting context（简称 IFC）。css2.1 中只有 BFC 和 IFC，css3 中还增加了 GFC 和 FFC。 1.2 BFC 定义BFC(Block formatting context)直译为 ...

概念规则 FC(Inline formatting context)，即行内格式化上下文，它和BFC一样，既不是属性也不是元素，而是一种，一种上下文。 在IFC中，框（boxs）一个接一个水平排列，起点是包含块的顶部。水平方向上的margin，border和padding在框之间得到保留。框在垂直方向上可以以不同的方式对齐：它们的顶部或底部对齐，或根据其中文字的基线对齐。包括那些框的长方形区域，会形成一行，叫做行框（line box）。 一个line box的宽度由包含它的元素的宽度和包含它的元素里面有没有float元素来决定，而高度由内部元素中实际高度最高的元素计算出来。 line b ...

数组直接赋值声明 索引数组：下标为数字 12345$arr1[0] = 1;$arr1[1] = 2;$arr1[2] = 3;print_r($arr1);echo '<br>'; 关联数组：下标为字符串 12345$arr2['one'] = 1;$arr2['two'] = 2;$arr2['three'] = 3;print_r($arr2);echo '<br>'; */ []和{}可以访问下标，建议使用[]，因为 echo “$arr1{0}2222”; 报错 12echo $arr1[0];echo $arr1{0}; 下标是字符串，数 ...

node 内部对模块输出 module.exports 的实现变量 module 是 Node 在加载 js 文件前准备的一个变量，并将其传入加载函数 12345678910111213141516171819202122// 准备module对象var module = { id: 'hello', exports: {}}var load = function (module) { // 读取的hello.js代码 function greet(name) { console.log('Hello, ' + name ...