shankun

这些现代浏览器API，不仅覆盖了页面生命周期管理、系统集成、性能优化等关键场景，更让我们的Web开发变得如此简单、高效！如果你也是一名前端开发者，不妨赶紧尝试起来，让你的W...

最近遇到一个非常典型的前端兼容问题：产品要求将官网底部 footer 组件统一成公司平台的公共组件。查阅对接文档后发现，这个公共组件库是基于 Vue 2 开发的，而我们的项...

JavaScript 设计模式——构造器模式详解 什么是构造器模式？ 构造器模式（Constructor Pattern）是 JavaScript 中最基础也是最重要的设计...

HTML5 原生提供了强大的 Drag & Drop API，无需依赖第三方库即可实现元素的拖放功能。这项功能广泛应用于文件上传、组件排序、可视化编辑等场景。 本文将带你全...

Capacitor原生给我们提供了很多插件,但总会有不满足的时候，这篇文章教大家如何写一个自己的插件。...

一句话概括一下热敏打印机：通过温度控制打印内容。 不要在碰到一些小票打印出来模糊的时候说没墨了，他根本没有墨！核心在纸，这就是为什么我们点外卖或者堂食给到我们的小票用指甲划...

现在的大模型聊天对话都有一个统一的交互：流式输出时，自动滚动到底部，如果用户手动滚动了就不再自动滚动到底部，这时如果手动滚到底部了也会再次继续触发自动滚动到底部。 那么是如...

本文从简单到复杂列出了前端常用的一些代码段。善用这些代码可以让你的代码更高雅，别人更难懂。你就是公司的护城河，你就是前端的顶梁柱。...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

1. 不使用临时变量来交换变量的值 2. 对象解构，让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数...

每个前端都会经历大屏的开发，不管是投屏到4k显示器还是投屏到100寸的展厅里，都要保证页面的自适应。这里是万能大屏开发详解。...

Masonry.js在 github 上非常火, 目前已有 16.3k star, 有很多网站都采用它的方案实现瀑布流布局. 在**文末**我会附上这个开源项目的地址, 方...

盘点 20 个值得收藏点赞的 ts 代码段 ts 也有一些值得收藏点赞的代码段，帮助我们在 ts 项目中写出高级的类型，也能方便我们写出优雅的 ts 类型代码，同样的也能让...

pnpm 是什么 本文正在参加「金石计划」 pnpm 是 performant npm（高性能的 npm），它是一款快速的，节省磁盘空间的包管理工具，同时，它也较好地支持了...

项目搭建 vite创建 安装依赖+运行项目 项目目录结构 在开发期间 Vite 是一个服务器，而 index.html 是该 Vite 项目的入口文件...

前端对接 H5支付（非微信浏览器）与JSApi(微信浏览器支付）(vue3) 0.参考文档 1.首先需要来判断所在在环境是微信浏览器，还是除了微信浏览器外的其他浏览器 2....

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具...

看完本文，你将 让你的 VSCode 打字流畅度提升 114 倍 不同工程使用各自的项目配置、插件 更加美观的自定义窗口 更加智能代码提示、替换 更加清晰的代码块结构，能一...