前端技术, 开发

Shader 学习笔记

在 Three.js 中提供了两种类型的 Shader 对象 着色器中同样也可以使用材质对象中的属性，如 wirefreme, side, transparent, flagShading 等。但 map, alphaMap, opacity, color 等属性将失效。 基础用法 GLSL 语法 1、不能使用 console.log 进行打印 2、每句代码的末尾必须使用分号断开，一行可以写多句代…

JavaScript, three.js
前端技术, 开发

PIXI.js 学习笔记

安装 基础概念 基本使用 坐标 在 PIXI.js 中的坐标同 html 坐标一致，原点从页面左上方开始 图形 Graphics 将基本形状（如线条，圆形，矩形等）渲染到显示器，并为他们添加样式。页可以使用 Graphics 对象构建图形。 PIXI.js 官方文档：Graphics Bilibili 视频教程：02-Pixi图形Graphics具体应用 常用图形类型 属性与方法 文字 Text …

JavaScript, 动效
前端技术

Axios 学习笔记

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它是一个流行的 JavaScript 库，用于在客户端与服务器之间进行 HTTP 请求和响应。

Ajax, Axios, JavaScript
前端技术

Redux 学习笔记

概述 https://www.bilibili.com/video/BV11r4y1n7Sj?p=1 Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理。 使用场景 功能特点 为什么 React 要使用 Redux React 是 DOM 的一个抽象层（UI 库），并不是 Web 应用的完整解决方案，因此 React 在涉及到数据的处理以及组件之间的通信时比较复杂。对于大型…

JavaScript, React, Redux
前端技术

页面模糊滚动插件 lenis

lenis 是一款用于实现网页平滑滚动的轻量级 JS 插件。 安装 引入 配置 lerp 属性值则是控制滚动平滑程度，数值越小，滚动平滑越明显 插件主页 https://github.com/studio-freight/lenis

JavaScript
前端技术

Webpack 5 基础入门手册

概述 Webpack 是一种前端资源构建工具，静态模块打包器 ( module bundler )。在 Webpack 看来，前端的所有资源文件 ( js / json / css / img / less / … ) 都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源 ( module )。 基础使用 安装 首先使用 npm init 初始化项目，然后安装 …

JavaScript, JS, nodejs, Webpack
前端技术

JavaScript 常用方法与属性

数据转换 parseInt() 解析一个字符串并返回指定基数的十进制整数 parseFloat() Boolean() JSON.parse() 将文本字符串转换为 JSON 数据 字符串 split() 将字符串按照制定的符号进行分割 trim() 从一个字符串的两端删除空白字符，不影响原先的字符串本身，将返回一个新的字符串。 includes() 是否包含其中的字符串 ${} 可以直接在模版字…

JavaScript, JS, 原生JS
开发

JavaScript 中判断数据类型的几种方法

typeof 用于判断基本数据类型，判断复杂数据类型时返回值都是 object constructor 可以判断复杂数据类型，但无法判断 undefined 和 null 类型 instanceof 无法判断基本数据类型，但可精确判断复杂数据类型 语法结构 “对象 instanceof 构造函数” Object.portotype.toString.call 可以判断所有数据类型 语法结构：“Ob…

JavaScript, JS, 原生JS, 数据类型

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号