赌神之父

公司的h5项目越来越大，打包进度展示2万+模块, 尽管从webpack2升级到webpack4，冷启动仍需三分多钟，热更新10s左右，占用电脑内存也大，开发体验较差；决定在...

前言 常见的mp4类型的视频，直接通过vue原生的video引入就可以了。 但是当接入的视频是直播视频流时，video是不支持的，需要通过一定的插件辅助，如videojs，...

最近在研究框架，也仔细用了Vue3一些功能，今天分享一次我的实践： Vue3如何监听localStorage的变化。 💡 为什么要这样做？ 原生的localStorage...

两栏布局 1、使用浮动 思路 左侧盒子使用float，左浮动 右侧盒子宽度为100% 代码 效果 2、定位 思路 父元素定位position：relative 左侧盒子po...

圣杯布局和双飞翼布局 两者比较 圣杯布局 思路 左中右三个元素分别左浮动。 中间元素占据第一位置优先渲染，设置该元素 width 为 100% 左元素设置左边距为-100%...

属性值 作用 备注 relative 相对定位 参考元素本身 absolute 绝对定位 参考最近的祖先元素 static 静态定位 基本定位规定 fixed 固定定位 参...

css如何实现6px字体 谷歌的字体最小限制是12px 我们可以这样实现...

在上文我们已经知道，CSS像素为1px宽的直线，对应的物理像素是不同的，可能是2px或者3px,而设计师想要的1px宽的直线,其实就是1物理像素宽。 在上文我们已经知道，C...

1、问题 需求 解决方法 1、使用负margin-bottom和正padding-bottom对冲实现 2、模仿table布局 table元素中的table-cell元素默...

三角形 思路 画一个正方形+边框 效果如下图所示： 白色区域则为width、height，这时候只需要你将白色区域部分宽高逐渐变小，最终变为0，则变成如下图所示： 如果取下...

最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果😆 相信很多同学或多或少都了解...

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率...

上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝...

在大部分童鞋的印象里，Nginx应该都是属于后台工作的范畴，前端只要写好页面就好了；然后随着大前端范围的不断扩展，前端也在不断的进军服务器领域，而Nginx就是进军服务器领...

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也...

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，...