郭全祯的博客

防抖和节流使用场景和区别

复习一下js节流与防抖的原理与实现方式。

郭全祯 1259 0
JS/jQuery/Css
转:生产环境下缓存雪崩有几种解决方案？

缓存我们经常使用，但是有时候我们却会忽略缓存中的一些问题。我们将从生产环境的应用的角度，去考虑需要注意的一些异常情况，特别的是在高并发的场景下，如何让我们的缓存在提供高性能支持的同时，去保证数据的准确性，还有系统的稳定性。

郭全祯 1217 0
默认分类
flex布局设置width无效

父级元素设置了flex布局，子元素直接设置width，发现并不能生效。解决办法：1.子元素上设置flex宽度flex:0 0 85px;2.在子元素上设置flex-shrinkwidth:60px; flex-shrink:0;flex相关知识可以参考：https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

郭全祯 1580 0
JS/jQuery/Css
wsl2设置局域网网访问

wsl2设置内网访问1、先找到虚拟机的ip2、设置端口转发（需要管理员权限运行powershell）3、删除端口转发4、配置入站规则。1、先找到wsl2的ip ip addr show eth02、设置端口转发（需要管理员权限运行powershell）格式 netsh interface portproxy add v4tov4 listenport=【宿主机windows平台监听端口】 list...

郭全祯 1669 0
Linux
css自动序号

用css计数实现序号是不是很新颖呢？

郭全祯 2008 0
JS/jQuery/Css
vue $emit 无效解决记录

页面重写，逻辑比较复杂就用了vue重写。神奇的 $emit 无效。经过搜索，发现问题：驼峰命名导致的。开发过程汇总突然遇到this.$emit无法将事件发布出去，原因查找发现是使用了驼峰命名法，导致方法不能被监听到。点击查看vue官方文档说明，最神奇的是并不是所有的emit都失效，只是有些emit的方法名在特定情况下失效。解决方案1.使用-连接，比如： this.$emit(‘...

郭全祯 2784 0
JS/jQuery/Css
Laravel单元测试提示A facade root has not been set

在集成单元测试 tests/Unit 时遇到如下报错：RuntimeException: A facade root has not been set. /vendor/laravel/framework/src/Illuminate/Support/Facades/Facade.php:258254▕ { 255▕ $instance = static::getFaca...

郭全祯 4739 0
PHP
教你如何干掉Win10新Edge浏览器

恐怕不少用户已经用上了微软基于Chromium打造的新Edge浏览器，那些系统迭代到Win10 v2004正式版的用户，更是自动升级了。纵然新Edge已经跃升为用户数仅次于Chrome的全球第二大桌面浏览器，纵然它口碑较旧版大为改观，但众口难调，定然有不喜欢的声音。然而，微软却“霸道”地动了手脚，禁止用户手动卸载新Edge浏览器，原因是我们的平台更好，且专为Windows优化打造。不过，方法总比苦...

郭全祯 2050 0
默认分类
基于redis+nginx+lua实现灰度发布

最近公司新增了一些业务，想让一些客户试用。就涉及到今天要说的灰度发布了。这里先科普一下什么什么灰度发布。灰度发布（又名金丝雀发布）是指在黑与白之间，能够平滑过渡的一种发布方式。在其上可以进行A/B testing，即让一部分用户继续用产品特性A，一部分用户开始用产品特性B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。灰度发布可以保证整体系统的稳定，在初始灰度的时候...

郭全祯 2648 0
Linux
vue在html中出现{{}}原因及解决办法

场景：优化以前就项目，部分页面改为vue渲染。问题：页面渲染可以明显看到{{}}等闪现。以为这是渲染先后的问题，无法避免的。以前做法就是数据渲染前加v-if 判断。然后整块渲染。其实官方文档又给出解决办法，只是当时学习的时候，走马观花，没有仔细的阅读文档和demo例子。其实解决办法还挺多的。现在来复现下问题：

郭全祯 2536 0
JS/jQuery/Css