前端技术

GSAP 3 基本使用手册

GSAP 全称是 GreenSock Animation Platform,是一个 JS 动画框架。 GSAP 利用补间更好的控制动画,几乎可以为任何对象的任何属性设置动画。 如何使用 安装 在项目文件夹中初始化 node 后,执行以下命令 在 js 文件中引用插件 调用 GSAP gsap 需要两个参数,首先是动画的目标对象,可以是一个或多个容器,也可以是 JS 中的对象。第二个是属性对象,里面…

前端技术

React 基本入门手册

概述 React 是一个用于构建用户界面的 JavaScript 库,将数据渲染为 HTML 视图的开源 Javascript 库。主要用来写 HTML 页面或构建 Web 应用。 为什么学习 React React 的特点: 初始化环境 React 脚手架初始化项目 https://www.bilibili.com/video/BV1Z44y1K7Fj/?p=4 在终端中执行命令 项目目录 ht…

前端技术

Git 基础入门手册

版本控制 版本控制 ( Revision control ) 是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。 常见的版本控制工具 版本控制分类 1、本地版本控制 记录文件每次的更新,可以对每个版本左一个快照,或是记录补丁文件,适合个人使用。如 RCS。 2、集中版本控制 所有的版本数据都保存在服务器上,协同开发者从服…

前端技术

Node.js 基本入门手册

概述 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 运行环境 浏览器是 JavaScript 的前端运行环境,Node.js 是 JavaScript 的后端运行环境,Node.js 无法调用 DOM 和 BOM 等浏览器内置 API。 可以做什么 Node.js 作为一个 JavaScript 的运行环境,仅仅提供了基础的功能和 API。然而,基于 N…

前端技术

Canvas 基本入门手册

使用 Canvas 在页面中使用 Canvas ,只需将 <canvas>标签写入 html 文件中即可。 基本概念 绘图特点 栅格 (Canvas grid) Canvas 元素默认被网格所覆盖。通常来说网格中的一个单元相当于 Canvas 元素中的一像素。栅格的起点为画布的左上角(坐标为(0, 0))。所有元素的位置都相对于原点定位。 图形绘制形式 Canvas 只支持两种形式的图…

前端技术

jQuery 基本语法手册

jQuery 是一个快速、简洁的 JavaScript库,快速方便的操作 DOM,里面基本都是函数(方法)。倡导写更少的代码做更多的事。

前端技术

Web APIs 常用方法手册

概述 JavaScript 由三个部分组成,ECMAScript、DOM 页面文档对象模型、BOM 浏览器对象模型。 Web API 是浏览器提供的一套操作浏览器功能和页面元素的API,是 JS 的应用。主要用于实现浏览器与页面的交互功能。DOM 和 BOM 也就是 Web APIs。 Web API 一般都有输入和输出 ( 函数的传参和返回值 ),Web API 很多都是方法 ( 函数 )。 D…

前端技术

JavaScript 基本语法手册

概述 JavaScript 简称 JS,是运行在客户端的脚本语言,浏览器通过 JavaScript 引擎来执行 JS 代码,JS 引擎执行代码时逐行解释每一句源码然后由计算机去执行,即读取一行就执行一行。 JavaScript 由三部分组成,ECMAScript ( JavaScript 语法 ), DOM (页面文档对象模型) , BOM ( 浏览器对象模型 )。 如何引入 JavaScript…

前端技术

Css 中媒体查询的使用方法

媒体查询 “@media” 可以针对不同设备以及不同屏幕尺寸设置不同的样式,特别是如果你需要设置响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 语法 媒体类型 媒体类型 (mediatype) 用于描述设备的一般类别,支持的类型包括: 对于做网站而言,常用的则是 “screen” …

前端技术

配置 VSCode 中插件 Live Sass Compiler

在 VSCode 扩展库中安装插件 Live Sass Compiler,安装完成后点击配置图标,选择“扩展设置”,然后点击 “在 settings.json 中编辑”,将以下代码粘贴到文件中替换即可。 具体说明可见官方文档:https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings…

前端技术

了解 Css / Sass / Less ,以及他们的区别

随着前端技术的不断发展,Css 也延伸出了很多新的语言,Less 与 Sass 就是其中两种,简单来说,他们都是 Css 下面我们就仔细讲解一下这三种语言的区别。 Css Css(层叠样式表)是一种非程序式语言,用来表现 html 或 xml 等文件样式的计算机语言,对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计效果来显示。Css 入门学习使用非常直观方便,但是对于一些…

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