前几天对 flex 的深入学习，笔者写了一篇flex的收缩算法文章，文章刚出，就被朋友甩来一道flex题，咋地！要考察我？小题一道我还能不会，哈哈哈！不过我相信肯定有人不会这道题，尤其复杂的flex计算情况，指定懵。于是这篇文章就诞生了，教 ...

稍微了解前端的人都知道，圣杯布局和双飞翼布局是前端面试时必问的问题，因为它既能体现你懂HTML结构又能体现出你对ＤIV+CSS布局的掌握，毕竟我们学习CSS主要就是为了更好地布局带来最好的用户体验嘛~ 事实上，圣杯布局其实和双飞翼布局是一回 ...

九格宫抽奖相信大家都玩过，今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦！ 1.预览效果 image 效果图为屏幕录制软件生成，以至于出现滚动不连贯。实际运行中不会出现不连贯的滚动效果 2.完整代码 代码可直接复制运行查 ...

引言 React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，Reac ...

最近在学docker，先拿自己的博客来开下刀[手动狗头]。 安装docker 我是根据这个教程来安装的：Centos安装Docker。步骤如下： 卸载旧版本 sudo yum remove docker \ ...

行内元素水平居中如何设置？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 1 2 3 4 ...

BFC 块格式化上下文（Block Formatting Context，BFC） 是 Web 页面的可视化 CSS 渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 下列方式会创建块格式化上下文： 根元素() ...

// 交叉类型将多个类型合并为一个类型， // 联合类型，适合属性为多种类型之一的场景，如字符串或者数组 function formatCommandLine(command: string[] | string) { let line ...

前端项目，在部署发布的时候需要配置yaml文件： image.png BuildScript文件夹下需要这三个.yaml文件 配置如下： image.png image.png 就这样，三个文件内容基本一样，需根据实际情况修改namespa ...

问题 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含 ...