xiaoshitou

本文介绍HTML图片 url、base64、blob 几种类型之间的JS转换实现，还包括图片截图等方法。用于转成base64储存、转成blob上传文件、转成url在页面上回...

Puppeteer 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具。正因为这个官方声明，许多业内自动化测试库都已经停止维护，包括 P...

我们现在在请求接口的过程中，已经习惯了async/await的写法，已经逐渐的代替了promise。。。...

记录一些自己从毕业到润澳的历程，基本都是碎碎念 从大学的故事，到毕业以后的经历 到澳洲找工作的经历，和国内工作环境的区别...

用 Chrome 控制台调试的新特性 Override content 来重写地区，一分钟让你在国内用上 Web 版 Photoshop。...

CSS 中存在两种尺寸：内在尺寸（intrinsic）和外在尺寸（extrinsic）。为元素的 width、height 设置的固定属性值，就是指外部尺寸，这是最常用的方...

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖*...

文字溢出怎么展示，你的需求是什么？单行还是多行？截断，省略，自定义样式，自适应高度？在这里你都能找到答案。接下来我会由浅入深，从原理到实现，带你一步步揭开多行省略的面纱。我...

前言 line-height和vertical-align在 CSS 开发中是比较常用的，但用起来也并不简单，比如在使用中常常会碰到某些特殊字体进行混排或文字对齐图标的情况...

Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Wo...

如图所示，更新后无法选中DOM,被iframe遮盖了 package.json中 dependencies "react-scripts": "4.0.3" 解决方案： 方...

Flex 布局目前已经非常流行了,现在几乎已经兼容所有浏览器了。在文章开始之前我们需要思考一个问题:我们为什么要使用 Flex 布局? 其实答案很简单,那就是 Flex 布...

最近开发有这样一个需求，水平/垂直方向上的能够拖动。最开始采用操作dom的方式，但是卡顿现象明显，体验太差。思考问题是不是操作太频繁，导致卡顿，于是又尝试防抖与节流，效果还...

虽然 ServiceWorker 和 PWA 正在成为现代 Web 应用程序的标准，但浏览器资源缓存变得比以往任何时候都复杂。 本文涵盖了浏览器缓存的重点内容。...

第二课的时候为了更好的讲解基础类型, 所以我们讲解了一部分高级类型, 比如"接口( interface )" / "联合类型( | )" / "交叉类型( & )...

都说程序员这一行，猝死概率极高，究其原因还是加班太狠、作息不规律、缺乏运动.... 今天和大家分享一下这篇文章，还是非常值得参考的，随时提醒自己吧，毕竟身体可是自己的哦。 ...

在网页中，有许多耗时但是却又不能那么紧要的任务。它们和紧要的任务，比如对用户的输入作出及时响应的之类的任务，它们共享事件队列。如果两者发生冲突，用户体验会很糟糕。我们可以使...

2022年初，因为老婆怀上了二胎，我终于做出了两个人生非常重要的选择：一是离开北京；二是从管理者向技术专家转变。...