前端小黑屋

前话 具备用户体系的业务系统往往需要具备权限控制的能力。前后不分离的开发模式权限控制主要由后端结合模版引擎实现，而前后分离的开发模式由前后两端协商权限配置分别进行数据权限控...

SonarQube 是一个代码质量检测的开源平台，通过 SonarQube 提供的代码扫描、质量阈值卡点等质量红线，可以提升系统的可靠性，提前捕获和提示代码中的错误。...

业务中同样一个操作，触发订阅消息授权，正常情况下应该出现三条消息，但在某些用户上会出现数量缺失的现象。...

昨天在翻修旧项目的过程中看到了两个非常不推荐的代码习惯，虽然能用，但很容易留坑，而且，奇怪的是，以前带新人的时候，也经常会看到这两种写法，也许是一个通病问题，今天整理出来简...

在使用 react-draggable 库实现拖拽时，一旦拖拽结束，就会误触被 <Draggable> 包裹的元素中的 `click` 事件，本文介绍解决这个问题的方法...

robots.txt是一种存放于网站根目录下的ASCII编码的文本文件，它通常告诉网络搜索引擎的漫游器（又称网络蜘蛛），此网站中的哪些内容是不应被搜索引擎的漫游器获取的，哪...

输入法可能是我们一天中使用频率最高的软件，无乱是手机还是电脑，都离不开输入法。有时一个小小的技巧可能只能节省 1 秒，但一年下来可能就能节省好多个 1 秒，正所谓积少成多。...

Scratch3.0 二次开发系列，这次核心介绍如何实现舞台区域支持多尺寸模式的效果。使舞台除了支持 4:3 的尺寸外，还需要支持 16:9 以及竖屏...

防御式左右等高布局，右侧文本框的高度根据文本字数的多与少进行自适应，左侧文本框的高度要跟右侧的高度保持一致...

每次看别人写的 SOLID 设计模式案例时好像都很好理解，也感觉自己已经看懂了，但在真正写代码的时候总感觉哪哪都不对劲，又说不出哪里有问题，这次从一次实践中，重新思考思考。...

使用 typescript 写 node ，本来以为在 vscode 上调试是件很容易的事情，结果还是踩了一些小坑。本文记录一下踩坑的过程和具体的解决方案。分别通过 tsc...

从以下三个问题，循序渐进，一步步拆解，何为浏览器的同源策略和跨域问题：1. 什么是同源策略和跨域问题？2. 怎样才算同源？3. 同源策略下会有什么限制？...

通过 whistle 代理工具，使得生产环境或真机环境的调试跟本地开发环境的调试那样如丝般顺滑、畅通无阻...

今天我们就从原生桌面开发、QT、NW、Electron、Tauri、Flutter 聊聊跨端桌面应用开发的前世今生...

今天先把官方提供的 electron/electron-quick-start 跑起来，并细细拆解里面主进程、渲染进程、preload 三个关键点...

文中将会介绍在 mac 上比较好用的几个工具，让截图、录制 gif、捕抓键盘按键、上传图片，这一串操作如行云流水般进行...

本文是 Electron 专栏实战的前期准备工作，核心介绍两点内容：1. 接下来开发的环境准备；2. 把“参考项目”先跑起来...

这次核心介绍如何修改 scratch-blocks、scratch-vm、scratch-gui 三个库，增加积木的完全锁定、隐藏积木、禁止删除功能，增加角色一键隐藏功能。...