懒人的代码片段
整理了一下常用的代码片段,需要快速定位问题时,我就会用上这些代码片段。 可以先看一下右侧的目录,再跳转自己需要的部分,并不是开发者工具不能解决问题,这些都是经验的积累,可以方便快速的定位问题,仅供参考。 寻找页面滚动元素 开发了一个横向展示的banner,鼠标移动到上面时,会自动展开当前卡片,折叠其他卡片。自测没问题,提交代码。 但发布测试环境发现banner出现了横向滚动条,于是拉...
整理了一下常用的代码片段,需要快速定位问题时,我就会用上这些代码片段。 可以先看一下右侧的目录,再跳转自己需要的部分,并不是开发者工具不能解决问题,这些都是经验的积累,可以方便快速的定位问题,仅供参考。 寻找页面滚动元素 开发了一个横向展示的banner,鼠标移动到上面时,会自动展开当前卡片,折叠其他卡片。自测没问题,提交代码。 但发布测试环境发现banner出现了横向滚动条,于是拉...
随着 IPv4 地址资源的枯竭,IPv6 已经从“预备役”进入实际部署阶段。本文将从原理、前后端实践、系统配置和云服务启用等方面,带你全面了解和使用 IPv6。 下面就以nodejs为例开始进入IPv6的世界吧。 编写测试代码 nodejs http原生支持ipv6,无需额外配置。监听地址是’::’,表示监听所有ipv6地址。 const http = require('http');...
手把手来实现一个simple-vue2 vue1(2014年)发展到今天已经有11年了,但估计也有很多人也才刚刚开始学习vue3,今天就手把手来学习实现一个简易的vue,目的是来了解vue的底层原理,掰开了揉碎了,方便用户能更快的入手vue,能更快的和和vue达到人码合一的境界。 代码全部托管在simple-vue-app 预览 搭建脚手架 把时间拉回到2014年,使用webpack...
前几天在写一个 NestJS 项目时,涉及读取 token 的过期时间配置,遇到了非常经典的时间格式处理库 ms。我使用的是它的最新测试版本 3.0.0-canary.1,顺便看了它的 TypeScript 类型定义,发现它用到了一个非常强大且优雅的 TypeScript 高级特性——模板字面量类型(Template Literal Types)。 这让我想深入聊聊 TypeScript ...
项目地址:cbtpro/ws-mock-server 项目背景:前端实时推送联调的痛点 在现代前端开发中,消息推送、实时通知等功能变得越来越常见,WebSocket和Server-Sent Events(SSE)是主流技术方案。实际开发联调时,后端接口往往未完成或难以稳定模拟,导致前端开发者难以验证实时通讯逻辑,后端开发者也很难模拟多端场景。 特别是新手开发者,可以使用这个工具,无...