前端访问优化之gzip压缩
参考:知乎李宇回答《前端性能优化之缓存与GZIP》知乎野路子小选手回答《你真的了解 gzip 吗?》
背景如果你是个前端开发人员,你肯定知道线上环境要把js,css,图片等压缩,尽量减少文件的大小,提升响应速度,特别是对移动端,这个非常重要。
前端压缩 ...
一文读懂http缓存
好文收藏,谨防丢失原文:Nodejs技术栈《通过 Node.js 小示例学习浏览器缓存策略》简书《一文读懂http缓存》
应用缓存缓存简单理解就是保存的一个数据副本,以便于后续能够进行快速的访问。
缓存的使用是为了解决快速访问数据(读数据)的场景。在现 ...
JavaScript之事件循环
好文收藏,谨防丢失原文:淘系技术《JavaScript 事件循环:从起源到浏览器再到 Node.js》
为什么是事件循环JavaScript 是网景 (Netscape) 公司为其旗下的网景浏览器提供更复杂网页交互时所推出的一个动态脚本语言。其创作者 ...
从零构建React Todo项目(十)添加项目监控
项目地址:https://github.com/shengshunyan/react-scaffold参考:webfunny官网webfunny github仓库地址知乎:前端监控
前言如果你是一位前端工程师,那你一定不止一次去解决一些顽固的线上问题, ...
从零构建React Todo项目(九)添加CI/CD流程
项目地址:https://github.com/shengshunyan/react-scaffold参考:基于 Github Action 的 CI/CD 流程使用 Github Action 进行前端自动化发布Copy via ssh ACTION
...
从零构建React Todo项目(八)添加自动化测试
项目地址:https://github.com/shengshunyan/react-scaffoldpuppeteer:https://github.com/puppeteer/puppeteer结合项目来谈谈 Puppeteer:https://zhuanlan.zhi ...
从零构建React Todo项目(七)迁移到typescript
项目地址:https://github.com/shengshunyan/react-scaffold本节对应 commit
概述TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeS ...
React渲染流程理解
参考:《React技术揭秘》
背景知识
React16架构可以分为三层:
Scheduler(调度器)—— 调度任务的优先级,高优任务优先进入ReconcilerReconciler(协调器)—— 负责找出变化的组件Ren ...
剑指offer算法题
线上练习网站:https://www.nowcoder.com/ta/coding-interviews前置知识:JavaScript数据结构与算法
入门斐波那契数列
题目描述:大家都知道斐波那契数列,现在要求输入一个整数n,请 ...
Java商城实战课程记录
项目地址:https://github.com/shengshunyan/java-mall-project本文是学习慕课网的一个实战课程《一次学习 双倍收获 支付+电商平台Java双系统实战》过程中对一些知识点的记录
总揽此商城实战项目主要包括了用户 ...