浮客

摘要： 本篇文章介绍了 Web 3D 世界的渲染原理，以及如何通过 Three.js 搭建一个 3D 场景并添加必要组件，在文章的最后，我们甚至还通过动画和变换属性得到了一个不断旋转的立方体！ 阅读全文

摘要： 还记得我在《2020 年 JavaScript 状态调研报告小结》中提到的 2020 年全球开发者最喜欢的 JavaScript 写法是什么吗？-- 没错！TypeScript！。鉴于在项目中使用 TypeScript 确实有以下种种好处： 帮助开发者在「代码撰写时」（结合编辑器）而非「代码运行时」 阅读全文

摘要： 一年一度的 Discover the State of JS 2020 results 在前几天新鲜出炉了，每次阅读这份报告都能帮助我快速地了解到 JavaScript 世界在这一年里都发生了哪些事情，同时也给了我一次查漏补缺的机会，让我十分收益。 今年我打算以文字的方式，和大家快速分享一下这份报告 阅读全文

摘要： （一）防抖（debounce） 1. 思想 「抖」是振动的意思，振动是指一个状态改变的过程。「防抖」实际上防的是物体状态在短时间内发生快速变化。在 Web 前端开发领域，即是防止浏览器在短时间内多次计算元素属性，本质上，是为了节省浏览器计算资源。在与服务器交互场景中，也可以起到节省带宽，服务器压力的 阅读全文

摘要： （一）安装 MySQL MySQL 是一个 C/S 架构的关系型数据库软件，最通用的安装方式为 Docker 安装： 安装 Docker 镜像：docker pull mysql； 启动 MySQL 服务器：docker run --name <container name> -v <data di 阅读全文

摘要： 点击 Wi-Fi 配置 → 代理 → 手动输入 Mac 本地 IP，端口 8888，保存； Mac 提示有设备连入，点击 允许； iPhone 浏览器中输入 chls.pro/ssl 一路点击同意，下载证书； iPhone 打开 Settings → General → profiles & Dev 阅读全文

摘要： 背景 当使用 TypeScript + TSlint + Babel + Jest 搭建开发环境时，在开发过程中偶尔会被 IDE 提示「无法重新声明块范围变量」，从而导致编译出错，报错图示如下： 相关开发环境配置如下： typescript: ^3.5.3 tslint: ^5.19.0 babel 阅读全文

摘要： 在 Webpack 4 中，可以通过配置 避免两份代码有相同的第三方引用库，具体配置如下： 具体参见 "官方文档" Webpack 默认提供 Tree shaking 功能，即可以把使用 ESModule 的库的被使用的部分在构建时「摘」出来，不把没有用到的部分打包到 chunk 中，这可以帮助我们 阅读全文

摘要： 1. 影响页面加载时长的 Top3 因素 1. 页面初载时，加载大量 JavaScript 脚本； 1. 页面初载时，加载大量 CSS 文件； 1. 页面初载时，加载大量网络资源； 页面加载的越久，页面不可交互的时间就越长，用户的体验就越差。 2. 页面优化的目标 1. 页面初载时，未压缩的 Jav 阅读全文