贪婪的君子

摘要： 简洁版 代码如下： /** * 创建用于获取文字宽度的 DOM，全局唯一 * @returns */ const createTextDom = (fontSize?: number): HTMLElement => { let dom = document.getElementById('get- 阅读全文

摘要： 简洁版 CSS 只需要使用 css 属性 position: sticky 即可，但是这个属性的使用有很多约束条件，有时可能并不能生效。 JavaScript 这里简化一些代码，使用 React 写了一个 hooks，使用了 ahooks 库去维护 event 和 React 生命周期。 impor 阅读全文

摘要： 这是对之前《Docker 容器化》文章的一个补充 在 Docker 等容器技术普及前，开发、测试、运维团队常被环境不一致、部署复杂、资源浪费、扩容低效为典型的问题困扰，这些问题不仅可能导致项目的交付周期的延后，还会引发跨团队协作矛盾，甚至导致线上故障，我们逐一来看每个问题。 环境不一致 “在我这里好 阅读全文

摘要： 引言 在解释docker是什么之前，我们首先应该先了解的是容器化的概念。 什么是容器？就是一个沙箱，在这个沙箱中涵盖了特定应用运行的一切依赖的内容。但他不是一个操作系统，且和底层的操作系统是隔离的。 什么是容器化？容器化就是将软件和应用所需要的所有依赖打包到一个独立的容器中，使得软件能够在不同的计算 阅读全文

摘要： 第一次看到 ws:// 和 wss:// 时候，感觉好高级啊，还有这种协议。 Websocket 历史 WebSocket是在2008年6月诞生的1。经由IEFT标准化后，2009年chrome 4第一个提供了该标准支持，并默认启用。于2011年由IEFT标准化为RFC 6455。 现在的浏览器均已 阅读全文

摘要： 又是一个有关安全的问题。 一般情况下，我们说的水印是指图片角落上的平台用户名水印。类似于下方图片上的这种，通常只要将图片上传到平台上，平台就会在图片上嵌入水印，当然，有些平台也会提供设置是否需要显示这种水印的开关，或者设置保存的时候才会加上水印。 明水印 这种水印的实现其实是比较简单的，就是将两张图 阅读全文

摘要： XSS（跨站脚本攻击），聊两句，五毛的。 XSS的危害： 窃取Cookie，盗用用户身份信息 这玩意儿是大多数XSS的目标，也好解决，可以先治个标，直接设置HttpOnly=true ，即不允许客户端脚本访问，设置完成后，通过js去读取cookie，你会发现document.cookie 无法读取到 阅读全文

摘要： 问题：edge浏览器下，固定列的边框消失 原因：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签： position: -webkit-sticky !important; position: sticky !important; 阅读全文

摘要： canvas简介 在学习一项新技术之前，先了解这项技术的历史发展及成因会帮助我们更深刻的理解这项技术。 历史上，canvas最早是由Apple Inc. 提出的，在Mac OS X webkit中创建控制板组件使用，而在canvas称为HTML草案及标准之前，我们是通过一些替代方式去绘图的，比如为人 阅读全文

摘要： 前端缓存 缓存概述 在计算机领域中，缓存是一项十分重要的技术。 在软件开发，亦或者是在硬件设计开发中，缓存对性能的影响是十分显著的。 学过Java，会知道在Integer的自动装箱中 这个范围中的转换会有些特殊的表现，稍加研究源码，会知道这是因为Integer中的缓存类有关（该缓存类会使用数组存储[ 阅读全文