IceHoney

Mac M1 系统配置 C++ 环境

禁用页面滚动

在设计组件的时候，例如 Modal 弹窗组件，在显示组件的时候我们不希望页面可以滚动。这时候就需要临时禁用页面的滚动功能。接下来就讲解下禁用页面滚动的方法。

Github 存储大文件

正常情况下，我们执行 add, commit 操作的时候都没啥问题。

React 实现 Tabs 组件

Tabs 是复合组件。Tabs 组件封装逻辑和显示上部的导航栏。 TabPane 用来传递属性和展示要显示的内容。具体使用请看下面的代码：

代理 Sentry 的请求

dsn: 'https://[email protected]/0', tunnel: '/sentry' }); `

CSS 如何处理固定 Header 哈希标记跳转的问题

} `

JS 关于颜色的相关处理

return brightness <128;} `

如何瘦身 docker 镜像

WORKDIR /app COPY . /app ENV NODE_ENV production RUN yarn build && yarn express:build `

如何检测用户启动广告屏蔽插件

广告屏蔽插件的原理基本有三种，第一是有列表黑名单，出现在列表黑名单的资源都会直接被中断网络请求，例如无法加载图片，JavaScript 文件等等。第二是关键字匹配，如果资源文件里面有 ad 之类的相关广告关键字，那这个资源也会被中断请求。第三个是 DOM 检测，针对已经渲染好的 …

ELK 收集 Docker 项目的日志

我只是通过 nmap 命令来检测 5000 端口是否开放，并不知道是否正常运行。

Django 使用 CKEditor 的相关经验

class CKEditorField(RichTextUploadingField): def fromdbvalue(self, value, expression, connection): if value: return update_image(value) else…

使用 Service Worker 的 Web Push 功能

"keys": {"auth": "MCeQnXlaz4A-CBuALNPbcQ", "p256dh": "BL4am0lzx005spT_UBbMagfWb93Cfgh8XtkCtP7y697dODFnO0wCVVI783BsiHePRTl-mrpoHolJ0gKTYR1T4S…

Vue 代码风格

@Prop({default: false, type: Boolean}) readonly clearable!: boolean; @Prop({default:''}) readonly placeholder!: string; /** State 映射区域，定义顺序是…

数据库查询的 N+1 问题

提高网页的易读性

正常人可以通过鼠标和键盘来操作浏览器，使用滚轮来滚动网页，使用鼠标左键和右键来执行操作，使用键盘输入内容。但是对于残疾人来说可能就不是这样的了，如果一个人身体行动不便只能通过键盘敲击来操作电脑，无法使用鼠标的情况下，如果网页不支持键盘 Tab 键来切换各种点击按钮，那就会给残疾人…

JavaScript 的加载优化

使用 terser 来压缩 JavaScript 代码。

前端开发中的加载性能优化

在 2010 年左右，人们都爱使用 jQuery 框架进行开发，因为 jQuery 抹平了浏览器之间的差异性，大大提高了开发效率。但随着浏览器吸收了 jQuery 的各种优点，例如可以使用 document.querySelector 很方便的像 jQuery 一样选择元素。现在…

vue 实现 datepicker 组件

点击日期输入框，需要弹出下拉菜单，下拉菜单位置的计算并不简单，需要考虑到浏览器的窗口，如果输入框在下方，需要在上方弹出，如果输入框在上方，需要在下方弹出。 并且用户滑动到可视范围以外的话，还要可以隐藏。所以我们这里引用了一个比较成熟的第三方库来解决这个问题。 popperjs 这…

前端中 debounce 和 throttle 函数说明

在浏览器上显示 TIF 图像

在实际的业务中，我们需要在浏览器中对 TIF 文件的某个区域进行选择，所以需要展示 TIF 文件在浏览器中。不过浏览器并不能直接支持 TIF 格式，所以我们需要做相应的处理。