02 监督学习与神经网络
🎯 核心观点 迄今为止，神经网络创造的绝大部分经济价值，都来自「监督学习」（Supervised Learning）。 一、什么是监督学习？ 定义：给定输入 ( x )，学习一个函数映射到输出 ( y )。 输入 ( x )：特征（如房屋面积、用户年龄、图像像素等） 输出 ( y )：目标标签（如房价、是否点击广告、物体类...
Leon Yi
01 什么是神经网络？
一、课程开篇：深度学习与神经网络的关系 “深度学习” = 训练神经网络（尤其是非常大的神经网络） 神经网络是深度学习的核心模型。 本节目标：建立对神经网络的直观理解，而非数学推导。 二、从一个简单例子开始：房价预测（Housing Price Prediction） 1. 问题设定 已知：6套房屋的 面积（x） 和 价格（y） 目标：学习一个函数...
JavaScript 引擎基础：Shapes 和 Inline Caches
本文就所有 JavaScript 引擎中常见的一些关键基础内容进行了介绍——这不仅仅局限于 V8 引擎。作为一名 JavaScript 开发者，深入了解 JavaScript 引擎是如何工作的将有助于你了解自己所写代码的性能特征。关于本文，全文共由五个部分组成： JavaScript 引擎工作流程：介绍 JavaScript 引擎的处理流水线，这一部分会涉及到解释器／编译器的内容，且...
从代码实现方式优化性能
1. 使用多态代替条件判断 2. 参数传入使用平铺参数代替对象参数 没有必要包裹一层对象，增加创建和 GC 开销 benchmark 3. 高频调用函数避免使用 rest/spread 运算符 编译到 ES5 要使用循环，还要创建数组，要避免在高频场景下使用（相比正常写法相差 6 倍） benchmark，还有额外的 GC 开销 4. 手写 map 性能不如原生 benchmar...
复现 musicforprogramming.net 的音乐可视化效果
本文将详细介绍如何通过 HTML、CSS 和 JavaScript 来实现 musicforprogramming.net 网站上的音乐可视化效果。
一图搞懂 Unit8Array ImageData Blob
在做一个工具内截图的功能时发现的问题，Unit8Array 类型的数据转换成 blob 二进制数据然后上传到后端时出现错误。这里记录一下解决方法 Uint8Array 和 ImageData 的关系 Uint8Array 是一个存储 8 位无符号整数的数组，常用于表示二进制数据（如图像的像素数据）。 ImageData 是浏览器提供的一个专门用于表示图像数据的对象，通常用于 &...
逆天!纯CSS实现获取窗口大小
先看看效果 看看代码是怎么样的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
包体积超限问题
背景 某日发布节点后，监控平台发现包体积超限，增长很多，于是拉了各个业务方进行排查 排查 我这边用 webpack-bundle-analyzer 发现增长的体积和懒加载的代码体积刚好对得上，怀疑是不是懒加载代码加载的时间提前了，代码有循环引用之类的，导致应该懒加载的代码，提前加载进来了。但是逐一查看改动代码，没有发现循环引用的情况。 又看了下监控的数据，发现统计的数据是不稳定的，在这之...
如何实现全局图片监控
为什么要做这个？ 图片过大占用 CDN 资源 拖慢加载速度，体验不好 要怎么做？ PerformanceObserver 可以获取已缓存图片的 entry 信息，多个相同请求 entry 只会报告一次，能够拿到 decodedBodySize。但在跨域且未使用 Timing-Allow-Origin HTTP 相应标头情况下，这个值为 0 。 主要拿到图片的原始宽高和图...
浅谈SOLID原则在前端的使用
简介 SOLID 原则是由 Robert C. Martin 在 2000 年提出的一套软件开发准则，最初用于面向对象编程（OOP），旨在解决软件开发中的复杂性和维护问题。随着时间推移，它不仅在传统 OOP 语言中广泛应用，也被引入到 JavaScript 和 TypeScript 等现代编程语言和框架中，如 React 和 Angular。 SOLID 原则包括以下五个方面： ...