_Plain

一篇完整的 PWA 应用开发介绍文章，从PWA理论概念，到 Service Worker实战demo，以及项目中结合 Vite或 Webpack实践都进行详细描述。...

React实现一个拖拽排序组件 - 支持多行多列、支持TypeScript、支持Flip动画、可自定义拖拽区域...

近两年，网络平台掀起了一股互动游戏热潮。三大电商平台都不约而同地推出来一些互动小游戏（种树、养宠物、大富翁等），其目的在于通过趣味游戏提高APP日活，增强用户粘性，进而转化...

Node.js结合wechaty实现个人微信机器人助手需求自己一直想做一个个人的微信机器人,曾经目睹一位大佬用自己个人微信实现语音控制机器人搭建后台系统，羡慕不已的同时，自...

学会使用 wechaty + node 去定制化自己的微信机器人，自动回复，防撤回，定时发送群消息。通过 `GITHUB ACTION` 将代码直接推送到服务器，自动在服务...

NestJS 是著名的 Node.js 框架之一，获得了越来越多的开发者的喜爱和关注。本文将教你如何使用NestJS、Prisms、Postgres 和 Swagger 来...

本文是最近一段时间开发移动端项目所遇到的一些问题已经解决方法，现在做如下梳理。 1. ios 触发自动播放时阻止全屏，需要增加属性： 2. ios 或者 android 在...

目前我们保存Blob/文件的方式通常是借助Object URL和a[download]属性，但很不幸，每个浏览器中Blob对象存值大小是有限制的，在Chrome上是2GB，...

前文《浅谈移动端单屏解决方案》中，我介绍了移动端单屏场景下的一些常规解决方案。但是，这些方案主要针对的是竖屏的页面，对于一种特殊情况：横屏单屏页面，我们则需要进一步适配。...

单屏页面（又称翻屏页面），由于需要把一整屏的内容完整展示给用户，同时又要求页面不能出现滚动条，那么，仅仅只是针对屏幕宽度进行等比例缩放的适配，其实效果并不理想...

在网上经常看见一些抽奖页面，也玩过不同类型的抽奖活动，但是一直没有做过抽奖的功能，所以今天来实现一个简单的九宫格抽奖...

手把手教你用React Hook和TypeScript从零实现虚拟滚动列表组件 1.要做什么？ 首先我们要明确我们需要做什么。实现虚拟滚动组件的意义在于渲染巨量数据时，无论...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天，点击查看活动详情 大家好，我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意，并用 React ...

为了提升用户体验，点击【复制】按钮就自动复制到剪贴板，那么就需要前端实现这种功能了。 左边是一个input的文本框，只读，右边是一个按钮。 这种东西就跳过吧，不是重点。 两...

移动端 H5 页面唤起 APP 方案 移动端 H5 页面通常承担的主要责任就是引流，利用 Web 页...

移动端适配 所谓移动端适配，其概念就是在任意手机中我们开发的网页显示都是正常的，如下例子所示 上面的页面如果在 iPhone6/7/8 中查看那就一切正常，因为 iPhon...

自动化构建能提高团队工作效率，减少开发人员工作量，而自动化构建之后的邮件通知就显得较为重要了，Jenkins实现自动化构建后的邮件通知是最为简单、常用的一种方式。...

前几天在掘金刷文章，刷到了自动化CI/CD，于是心血来潮打算耍一耍，于是打开我的阿里云服务器，启动了一直睡觉的服务器实例，准备试试手，一路磕磕绊绊，最终功夫不负有心人，修成...

遇到前端部署问题怎么办？nginx、端口、https域名怎么配置，跨域问题咋整，react/vue项目怎么部署，什么是反向代理，请您耐心往下看。本文通俗易懂，可操作，旨在抛...