前端学堂
学有所用

前端教程 第2页

前端学习进阶教程,网页性能与用户体验优化技巧与方案,PWA思想与实现研究和相关教程。
前端开发提效工具,一些想法挺好的-前端学堂

前端开发提效工具,一些想法挺好的

前端学堂阅读(280)评论(1)赞(1)

一、基于 Redux 的状态管理 从2013年React发布至今已近6个年头,前端框架逐渐形成 React/Vue/Angular 三足鼎立之势。几年前还在争论单向绑定和双向绑定孰优孰劣,现在三大框架已经不约而同选择单向绑定,双向绑定沦为单...

将React当做前端UI运行时环境来看待-前端学堂

将React当做前端UI运行时环境来看待

前端学堂阅读(270)评论(0)赞(3)

大多数教程把 React 称作是一个 UI 库。这是有道理的,因为 React 就是一个 UI 库。正如官网上的标语所说的那样。 我曾经写过关于构建用户界面会遇到的难题一文。但是本篇文章将以一种不同的方式来讲述 React — 因为它更像是...

前端新快报-201908-前端学堂

前端新快报-201908

前端学堂阅读(228)评论(0)赞(3)

React 16.9 发布。本次更新主要有:添加 API,使用不安全的生命周期函数( componentWillMount、componentWillReceiveProps、componentWillUpdate )会给出警告,在 use...

箱型图描述数据集-前端学堂

箱型图描述数据集

前端学堂阅读(216)评论(0)赞(3)

通常而言,性能数据往往是一个波动的数值。所以当我们需要处理性能数据时,通常需要借助于统计的手段来辅助我们分析。而这其中,最常用的就是“多次测试取平均值”。那么这个方法有没有什么问题呢? 均值在描述性能数据时的问题 我们可以通过一个例子来说明...

React Hooks完全上手指北-前端学堂

React Hooks完全上手指北

前端学堂阅读(260)评论(0)赞(3)

Why Hooks? Class Component设计理论 React以一种全新的编程范式定义了前端开发约束,它为视图开发带来了一种全新的心智模型: React认为,UI视图是数据的一种视觉映射,即UI = F(DATA),这里的F需要负...

前端新快报-201907

前端学堂阅读(196)评论(0)赞(3)

Chrome 75 发布,带来了一些新特性,包括:能减少 canvas 延迟的 desynchronized 选项、使用 Web Share API 分享文件以及提供了更好数字可读性的下划线数字分隔符。🔗   Go...

前端新快报-201906

前端学堂阅读(2186)评论(0)赞(4)

V8 7.6 发布,将挂载在将来的 Chrome 76 上,此版本 JSON.parse 的性能得到极大提升,经由 Object.freeze 和 Object.seal 处理后的数组调用得到了提速,支持了 Promise.allSettl...

前端新快报-201905-前端学堂

前端新快报-201905

前端学堂阅读(210)评论(0)赞(3)

前端新奇 Chrome 意欲实现原生自动 lazyload 功能,并支持 img 和 iframe 的 loading="lazy" 配置,该特性预计在 Chrome 75 中支持。🔗 点评:原生 lazyload 比起前端...

彻底搞懂 Git-Rebase-前端学堂

彻底搞懂 Git-Rebase

前端学堂阅读(1234)评论(0)赞(2)

在这个安静的深夜,翻开我的博客,本想着记录一下看到的git的知识点,却无意中找到了3年前写的一篇博客,恍如隔世啊。生活真的需要有勇气作出改变。最喜欢GitHub了,能找到许多很好的项目,真的可以学到好多知识,节省时间。虽然自己也在黑gitH...

前端页面性能指标数据采集架构-前端学堂

前端页面性能指标数据采集架构

前端学堂阅读(730)评论(0)赞(1)

系列课程:高性能极致用户体验前端开发实战 在线课程:云课堂视频课程 上节我们根据浏览器渲染页面的流程梳理了前端开发中常用的性能指标和用户体验指标,同时也基于浏览器的Performance API标准给出了这些指标的计算方法。那么,剩下需要考...