和我一起学 Three.js【初级篇】:5. 掌握材质

2023-03-27
阅读 9 分钟
1.6k
截止目前,您应该可以在 3D 场景中添加各种立体物品并与之交互,了解到纹理的不同种类,并能够通过纹理创建出拟真的现实物品。而本章节则会基于您当前所掌握的技术更进一步,向您展示 3D 世界又一个激动人心的概念:「材质(Materail)」,通过学习本章节的内容,您将有能力串联起来之前所有的知识,打造一个充满趣味的 ...
封面图

和我一起学 Three.js【初级篇】:4. 掌握纹理

2023-03-20
阅读 9 分钟
1.5k
感谢您一路跟随我来到这里!截止目前为止,我们应该有能力搭建一个 3D 场景,在其中添加各种官方提供的几何体,并通过使用控制器,调整摄影机位置与几何体交互。这一切看起来都还不错,但未免有些单调。所幸本章节以及下一节的内容将让我们的 3D 世界变得丰富多彩。
封面图

和我一起学 Three.js【初级篇】:3. 掌握摄影机

2023-03-13
阅读 8 分钟
7.1k
本系列第 6,7,8 章节支持在我的个人公众号「前端乱步」内付费观看,将在全平台文章「点赞数」+「评论数」 >= 500(第 6 章), 1000(第 7,8 章) 时分别解锁发布。
封面图

和我一起学 Three.js【初级篇】:2. 掌握几何体

2023-03-06
阅读 9 分钟
1.5k
本系列第 6,7,8 章节支持在我的个人公众号「前端乱步」内付费观看,将在全平台文章「点赞数」+「评论数」 >= 500(第 6 章), 1000(第 7,8 章) 时分别解锁发布。
封面图

和我一起学 Three.js【初级篇】:1. 搭建 3D 场景

2023-02-27
阅读 9 分钟
5.3k
本系列第 6,7,8 章节支持在我的个人公众号「前端乱步」内付费观看,将在全平台文章「点赞数」+「评论数」 >= 500(第 6 章), 1000(第 7,8 章) 时分别解锁发布。
封面图

和我一起学 Three.js【初级篇】:0. 总论

2023-02-20
阅读 7 分钟
930
👋【2023.02.20 更新】《和我一起学 Three.js 【初级篇】》是我 2023 年开启的一个新企划,目的是向读者系统的,自顶向下地介绍 Three.js 技术,帮助读者学习打造 Web 3D 世界的关键技术。本系列文章计划以每周一篇文章的频率更新,包含 6 篇无条件阅读文章与 3 篇条件解锁文章,共 9 篇文章。
封面图

再也不学AJAX了!(二)使用AJAX ② Fetch API

2023-01-19
阅读 7 分钟
1.7k
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第三篇,最近更新于 2023 年 1 月。
封面图

TypeScript 新品尝鲜

2021-05-11
阅读 3 分钟
7k
还记得我在《2020 年 JavaScript 状态调研报告小结》中提到的 2020 年全球开发者最喜欢的 JavaScript 写法是什么吗?-- 没错!TypeScript!。鉴于在项目中使用 TypeScript 确实有以下种种好处:
封面图

All in one:项目级 monorepo 策略最佳实践

2021-02-03
阅读 12 分钟
31k
在最近的项目开发中,出现了一个令我困扰的状况。我正在开发的项目 A,依赖了已经线上发布的项目 B,但是随着项目 A 的不断开发,又需要不时修改项目 B 的代码(这些修改暂时不必发布线上),如何能够在修改项目 B 代码后及时将改动后在项目 A 中同步? 在项目 A 发布上线后,如何以一种优雅的方式解决项目 A,B 版本升...
封面图

使用 webpack 代码分割和魔术注释提升应用性能

2021-01-31
阅读 4 分钟
5.6k
关于 Web 应用性能优化,有一点是毫无疑问的:「页面加载越久,用户体验就越差」。我们几乎可以说 Web 应用性能优化的关键之处就在于:减少页面初载时,所需加载资源的「数量」和「体积」。
封面图

2020 年 JavaScript 状态调研报告小结

2021-01-18
阅读 5 分钟
7k
一年一度的 Discover the State of JS 2020 results 在前几天新鲜出炉了,每次阅读这份报告都能帮助我快速地了解到 JavaScript 世界在这一年里都发生了哪些事情,同时也给了我一次查漏补缺的机会,让我十分收益。
封面图

React 回忆录(四)React 中的状态管理

2018-07-19
阅读 4 分钟
3.5k
Hi 各位,欢迎来到 React 回忆录!? 在上一章中,我介绍了使用 React 渲染界面元素的方法,以及在这个过程中蕴含的“组件化”想想。在本章中,我们将把目光聚焦于 React 组件内部的状态管理,去认识或重新思考以下三个核心概念:

React 回忆录(三)使用 React 渲染界面

2018-07-17
阅读 3 分钟
2.5k
Hi 各位,欢迎来到 React 回忆录!? 在上一章中,我介绍了 React 框架的“五大特点”:虚拟DOM,组件化,声明式代码,单向数据流和纯粹的 JavaScript 语法。在本章中,我们将谈到 React 是如何渲染 UI 的,以及在这个过程中所表现出的 组件化 思想。

React 回忆录(二)为什么使用 React?

2018-07-15
阅读 3 分钟
3k
Hi 各位,欢迎来到 React 回忆录!👋 在本章中,我将介绍 React 框架的五大特点:虚拟DOM,组件化,声明式代码,单向数据流和纯粹的JavaScript语法。但在介绍这五大特点之前,让我们先简要说明一下 React 出现的时代背景。

React 回忆录(一)新的旅程

2018-07-13
阅读 1 分钟
2.2k
Hi 各位,好久不见 👋,即将陆续发布的系列文章《React 回忆录》将会总结我对 React 框架的一些理解和心得,希望可以帮助 React 初学者理解 React 框架所涵盖的基本内容与内在逻辑。也希望能帮助拥有 1~2年 React 使用经验的开发者回顾 React 主要内容并加深对 React 的认识和理解。

我是如何通过debug成功甩锅浏览器的:解决fixed定位元素,在页面滚动后touch事件失效问题

2018-02-28
阅读 4 分钟
2.1k
如果你关注我应该知道,我最近对PC端页面进行移动适配。在这个过程中,为了节省用户300ms的时间,同时给予用户更及时的点击反馈(这意味着更好的用户体验),我在尝试使用移动端独有的 touchstart 事件替代传统的 click 事件,这过程中我遇到了一些小问题,并成功解决了,你可以通过这篇文章查看具体的情况。

如何解决 touchstart 事件与 click 事件的冲突

2018-02-26
阅读 2 分钟
7.7k
在对已完成的PC站点进行移动端适配时,我们想要站点在移动设备上有更快的响应速度,以带给用户更好的体验,此时,我们应该使用移动设备专用的事件系统,例如,使用touchstart 事件代替 click 事件。

再也不学AJAX了!(三)跨域获取资源 ③ - WebSocket & postMessage

2017-12-11
阅读 7 分钟
9.2k
让我们先简单回顾一下之前谈到的内容,AJAX是一种无页面刷新的获取服务器资源的混合技术。而基于浏览器的“同源策略”,不同“域”之间不可以发送AJAX请求。但是在某些情境下,我们需要“跨域获取资源”,为了满足这一需求,我们可以使用“JSONP”与“CORS”两种技术。

再也不学AJAX了!(三)跨域获取资源 ② - JSONP & CORS

2017-12-06
阅读 8 分钟
5.2k
浏览器的“同源策略”固然保障了互联网世界的数据隐私与数据安全,但是如果当我们需要使用AJAX跨域请求资源时,“同源策略”又会成为开发者的阻碍。在本文中,我们会简单介绍需要跨域请求资源的两种情景,然后,详细解释目前主流的四种跨域请求资源方案。

再也不学AJAX了!(三)跨域获取资源 ① - 同源策略

2017-12-04
阅读 4 分钟
4.9k
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第四篇,最近更新于 2023 年 1 月。
封面图

再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest

2017-12-01
阅读 9 分钟
8.3k
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1 月。
封面图

再也不学 AJAX 了!(一)AJAX 概述

2017-11-29
阅读 3 分钟
4.4k
跨域获取数据:介绍了与「跨域发送 AJAX 请求」相关的一些内容:例如「同源策略」与四种跨域请求资源的方式:JSONP,CORS,postMessage 和 WebSocket;
封面图

关于JavaScript对象,你所不知道的事(二)- 再说属性

2017-11-28
阅读 6 分钟
2.9k
面对一个复杂的事物,寻找其内在共性,妥善分类往往是快速认知该事物的捷径,这与程序员“将难以解决的大问题拆解为可以解决的小问题”的思维有异曲同工之妙。

关于JavaScript对象,你所不知道的事(一)- 先谈对象

2017-11-28
阅读 2 分钟
1.7k
这篇博文的主要目的是为了填坑,很久之前我发表了一篇名为关于JavaScript对象中的一切(一) — 对象属性的文章,想要谈一谈JavaScript对象,可那时只是贴了一张关于这个主题的思维导图,今天我会针对这一主题进行展开,将JavaScript对象一些平常不太常用的知识系统的整理出来,方便阅读者的记忆与理解。在看完本篇文章后...

彻底搞懂JavaScript中的继承

2017-11-27
阅读 5 分钟
2.5k
你应该知道,JavaScript是一门基于原型链的语言,而我们今天的主题 -- “继承”就和“原型链”这一概念息息相关。甚至可以说,所谓的“原型链”就是一条“继承链”。有些困惑了吗?接着看下去吧。