摘要:
本篇文章将向您介绍了《和我一起学 Three.js 【初级篇】》这个系列的规划,当前的状态和所包含的内容。并向您解释了 Three.js 是什么以及为什么 Three.js 技术值得学习。 阅读全文
摘要:
本篇文章介绍了 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 阅读全文