CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

跨页面通信

跨页面通信两个页面之间的通信会涉及到同源策略的限制，所以按照是否满足同源策略的限制分成两大部分来看。『同源页面通信』： 1、广播式通信 - 监听同一频道 BroadcastChannel 『核心方法：频道.postMessage(‘a’) + 频道.onmessage = (e)=>{}』 2、localStorage - 只响...

Posted by CodingWithAlice on June 29, 2021

子盒子在父盒子中水平垂直居中有几种方法？

子盒子在父盒子中水平垂直居中有几种方法？ <head> <style> .father { width: 800px; height: 650px; } .child { width: 300px; height: ...

Posted by CodingWithAlice on June 29, 2021

CSS性能优化

CSS性能优化一、写法优化简化选择器：id选择器不用嵌套；减少 * 通配符、[hidden=‘true’] 属性选择器；利用继承机制，少写新类名【CSS 选择器是从右向左进行匹配的，避免匹配的开销】尽量避免重排：重新计算元素位置和几何结构减少使用昂贵属性 - 需要浏览器进行操作或计算的属性：box-shadow、border-radius、透明度、:nth-chil...

Posted by CodingWithAlice on June 28, 2021

flex布局 - 常见布局

flex布局 - 常见布局参考实例篇第二部分：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 1-2/6、百分比布局、左侧固定宽度右侧自适应布局都可以利用 flex 实现 .section1 { flex: 0 1 50%; } .section2 { flex: 0 1 100px; } 3/6、圣...

Posted by CodingWithAlice on June 27, 2021

css3有哪些新特性

css3有哪些新特性详细可以参考：https://segmentfault.com/a/1190000010780991 以下记录一些容易混淆/遗漏的特性： 1、过渡：transition： CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0) /*宽度从原始值到制定值的一个过渡，运动曲线ease,运动时间0.5秒，0.2秒后执行过渡*/ transition：wid...

Posted by CodingWithAlice on June 27, 2021

CSS 选择器 - 权重/匹配方式

CSS 选择器 - 权重/匹配方式一、权重 id #id > class .left、伪类 :hover、属性 a[href]/a[class=“qiu”] > 标签类 div、伪元素 ::after > 通配符 * 注意：『!important > 行内样式 > 内联/外联样式』当两个样式都使用 !important...

Posted by CodingWithAlice on June 27, 2021

flex布局

flex布局总结：主要优势：便捷的元素排列：水平/垂直/水平反转序列/垂直反转序列 flex-direction 空间分配：flex-grow、flex-shink、flex-basis + 处理空白空间：justify-content 定义主轴对齐方式响应式布局：自适应调整、元素顺序调整 order fle...

Posted by CodingWithAlice on June 26, 2021

Position属性 - 占位？相对什么定位？

Position属性 - 占位？相对什么定位？直接参考：MDN 介绍 Position有五个属性值，分别是static 、fixed、 relative 、absolute、sticky； static relative absolute fixed sticky ...

Posted by CodingWithAlice on June 26, 2021

BFC特点、触发、存在/解决的问题

BFC特点、触发、存在/解决的问题 /* 摘自：《精通CSS第三版》，3.2.8节这个规则规定了 1.页面必须自动包含突出的浮动元素（否则浮动元素中的内容可能会跑到可滚动区域之外），2. 而且所有块级盒子的左边界默认与包含块的左边界对齐。 */ 一、BFC 特征： ① 垂直排列：内部的盒子在垂直方向，从顶部开始一个接一个地放置 ② 和浮动元素不重合：BFC的区域不会与浮动...

Posted by CodingWithAlice on June 26, 2021

贪心算法

贪心算法【贪心算法的核心思想】做出在当前看来是最好的选择：贪心算法并不从整体最优考虑，它所作出的选择只是在某种意义上的局部最优选择。虽然贪心算法不能对所有问题都得到整体最优解，但对许多问题它能产生整体最优解。【满足贪心算法可行的基本要素】 1、贪心选择性质。所谓贪心选择性质是指所求问题的整体最优解可以通过一系列局部最优的选择，即贪心选择来达到 –> 必须证明每一步所作的贪...

Posted by CodingWithAlice on June 23, 2021