webpack常用构建优化总览
读了《深入浅出webpack》总结一下常用的webpack的构建优化策略,可通过以下手段来提升项目构建时的速度,理论上我们项目的第三方依赖均应在自己的工程的node_modules下,所以我们可以设置查找目录
IntersectionObserver滚动加载
就是监听根元素与目标元素在指定的交叉比例时触发回调;兼容部分现代游览器(chrome)生产环境中使用,请注意兼容需求;使用场景在一定使用场景可替代onscroll
模拟 API 调用和模拟 React 组件交互
今天,我们进一步测试 React 组件。它涉及模拟组件交互和模拟 API 调用。你将学到两种方法,开始吧!对于我们的程序来说,从 API 获取一些数据是很常见的。但是它可能由于各种原因而失败,例如 API 被关闭
面试官:如何用 Redis 实现全局锁
WEB服务,尤其是分布式的WEB服务,通常会面临需要实现安全高效的全局锁的服务场景。而redis的诸多特性,使得借助其实现的全局锁显得如此简单。本篇文章借助小明应聘魔笛手研发岗位的面试
你的下一款应用可能没有后端
开发者现在正在再次构建静态网站。你可能会把这种现象称为尼采的永恒轮回在 Web 开发行业的映射。但这次情况有所不同:拜更新的 HTML、JavaScript、CSS 标准和 API 所赐,Web 浏览器的能力大大超过了 20 年前
如何对 React 函数式组件进行优化?
本文只介绍函数式组件特有的性能优化方式,类组件和函数式组件都有的不介绍,比如 key 的使用。另外本文不详细的介绍 API 的使用,后面也许会写,其实想用好 hooks 还是蛮难的。
typescript 实现浏览器全屏
最近后台项目需要一个全屏的按钮, github了下, 发现都仅仅支持开启全屏, 而没有切换、监听全屏状态等功能, 首先我发现ts自带的声明中, 对webkit或moz开头的这种api并没有声明类型
如何在前端中使用protobuf?
由于目前公司采用了ProtoBuf做前后端数据交互,进公司以来一直用的是公司大神写好的基础库,完全不了解底层是如何解析的,一旦报错只能求人,作为一只还算有钻研精神的猿,应该去了解一下底层的实现
使用JavaScript进行面向对象编程的指南
一切都从对象开始。对象,即我们相互交流的一个载体,有其属性和方法。对象是面向对象编程的核心,不仅用于JavaScript,而且还适用于Java、C语言、C++等。