ddddderek

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？...

1. 命名规范 变量命名： ❤️ 使用驼峰命名法：let userInfo = {}，const orderId = 123。 尽量避免缩写：尽量使用完整的描述性命名，le...

入门响应式网站开发套路，入门响应式网站开发套路，入门响应式网站开发套路，入门响应式网站开发套路，入门响应式网站开发套路...

作为用户核心消费场景，详情页不仅需要承接各种业务的转化，还要负责展示各业务在播放页的功能。可以说，播放页的代码复杂度属于客户端最高的代码之一，这不仅因为播放页本身的功能复杂...

小程序中使用webview打开了某个h5页，出现了在苹果手机中进入h5页面后无法返回的现象，排查的过程学到一个新知识，叫 历史修剪(history pruning)，很多人...

实现了对用户刷新、关闭标签页、浏览器历史回退、路由跳转等操作的拦截，可以在某些特殊场景下给用户一些友好的提示，提升用户体验。...

作为一名刚接触第三方登录的前端开发，当我接到"对接微信扫码登录"需求时，内心是崩溃的——毕竟平时连公众号都没运营过。经过两周的折腾，终于从一脸懵逼到勉强跑通流程，现在把这段...

Vue 项目线上更新无需强制刷新的方案 在 Vue 项目中，当发布新版本后，用户可能因为浏览器缓存而继续使用旧版本。以下是几种实现无感更新的方案： 1. 使用文件哈希名（W...

大家好，我是双越老师，也是 wangEditor 作者。 本文将分享我个人近 1 年学习英语的体验和学习方法，很适合程序员业余学习，而且效果非常好。...

叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Curs...

很多人觉得移动端页面适配就是写好 viewport 和 rem，但实际开发中还有一堆容易踩坑的细节：100vh 异常、键盘遮挡、iOS 安全区……本文总结 7 个...

如果只是想单纯地测试本机的网络速度，那么可以在线测试https://www.speedtest.cn/，或者很多桌面工具也都有提供测速的工具。 本文所谓的测网速，是测试你的...

前言 作为一个工作多年的老前端，多年以前就听说过人工智能的厉害。有段时间还找了 AI 相关视频来看，奈何本人英语不咋滴，悟性不够，没有坚持下来。如今AI大火，再不学一下似乎...

现在越来越多的网站都有切换主题功能，既能凸显网站多样的风格，也能满足不同审美的用户，极大的提升了用户体验，但是大部分都是直接从一种主题切换到另一种主题，切换效果略显生硬，最...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

PS：此文章只谈自己对开发过程中的思考，不谈计算问题。 不知道你们有没有遇到过这种情况：在开发网站时有时候需要向用户展示二维码，但是市面上的二维码插件一般都是JS调用，需要...

最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，翻文献的时候发现国外有大佬做出来了投屏，但是使用的原生html，我将一些使用的关键方法搬到vue项目中了...

妙哉，此插件将翻译、文本替换这两步都自动化了，翻译是前置执行的...对于使用者来说是不可见且无需关心的...任何文本都无需改动，且插件也不会去修改我们的代码，看起来一切如旧...