Rashomon issues

Results 156 issues of


                                            Rashomon

常见的几种布局？垂直水平居中的多种实现方法？等高栏的几种实现方法？

常见的几种布局：文档流布局，浮动布局，定位布局，flex布局 html: ```javascript box ``` 水平居中： ```javascript .child{ width:200px; margin:0 auto; } ``` 垂直水平居中：一：绝对定位 1. ```javascript .parent { position: relative; } .child { width: 200px; height: 200px; position:...

谈谈浮动和清除浮动

浮动的框可以向左或向右移动，直到他的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。浮动的块框会漂浮在文档普通流的块框上. 元素设置浮动后 display值自动变成了block。清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。清除浮动方法： 1. 父级div定义height； 2. 父级div 也一起浮动； 3. 常规的使用一个class； ```javascript .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .clearfix { *zoom:...

介绍下 BFC 及其应用。

BFC 就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。创建 BFC 的方式有： 1.html 根元素 2.float 浮动 3.绝对定位 4.overflow 不为 visiable 5.display 为表格布局或者弹性布局 BFC 主要的作用是： 1. 清除浮动 2. 防止同一 BFC 容器中的相邻元素间的外边距重叠问题 3. 可以包含浮动元素 4. 不被浮动元素覆盖 5. 阻止父子元素的margin折叠...

javascript 实现一个带并发限制的异步调度器，保证同时最多运行2个任务

```javascript class Scheduler { constructor() { this.tasks = [], this.usingTask = [] } add(promiseCreator) { return new Promise((resolve, reject) => { promiseCreator.resolve = resolve if (this.usingTask.length < 2) { this.usingRun(promiseCreator)...

介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？

W3C盒子模型标准盒模型 width = content box-sizing:content-box，表示按照标准的盒模型显示 IE盒子模型 IE盒模型 width=border*2+padding*2+content box-sizing:border-box，表示按照IE盒模型来显示区别： IE的content部分把 border 和 padding计算了进去;

深拷贝的实现

```javascript function cloneDeep(x) { const root = {}; // 栈 const loopList = [ { parent: root, key: undefined, data: x, } ]; while(loopList.length) { // 广度优先 const node =...

loader plugin 的区别

##### loader 加载器 loader是指webpack打包方案，对于很多文件例如less,icon，图片等webpack不知道如何打包，通过loader来告诉webapck如何打包，让 webpack 拥有了加载和解析非 JavaScript 文件的能力在 module.rules 中配置，也就是说他作为模块的解析规则而存在，类型为数组 ##### Plugin 插件 plugin是指插件包，plugins里面的插件会帮助我们做一些其他的事情，让 webpack 具有更多的灵活性，提升开发效率。在 plugins 中单独配置。类型为数组，每一项是一个 plugin 的实例，参数都通过构造函数传入对于loader，它就是一个转换器，将A文件进行编译形成B文件，这里操作的是文件，比如将A.scss或A.less转变为B.css，单纯的文件转换过程 plugin是一个扩展器，它丰富了wepack本身，针对是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack打包过程中的某些节点，执行广泛的任务。

Rashomon