JavaScript 获取元素尺寸与位置方法
整理了 JavaScript 常用获取屏幕、浏览器、元素的尺寸、位置方法
整理了 JavaScript 常用获取屏幕、浏览器、元素的尺寸、位置方法
概述 React 是一个用于构建用户界面的 JavaScript 库,将数据渲染为 HTML 视图的开源 Javascript 库。主要用来写 HTML 页面或构建 Web 应用。 为什么学习 React React 的特点: 初始化环境 React 脚手架初始化项目 https://www.bilibili.com/video/BV1Z44y1K7Fj/?p=4 在终端中执行命令 项目目录 ht…
一、函数执行模式 二、对象方法调用模式 三、构造器调用模式 四、Call 和 Apply 调用模式
版本控制 版本控制 ( Revision control ) 是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。 常见的版本控制工具 版本控制分类 1、本地版本控制 记录文件每次的更新,可以对每个版本左一个快照,或是记录补丁文件,适合个人使用。如 RCS。 2、集中版本控制 所有的版本数据都保存在服务器上,协同开发者从服…
概述 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 运行环境 浏览器是 JavaScript 的前端运行环境,Node.js 是 JavaScript 的后端运行环境,Node.js 无法调用 DOM 和 BOM 等浏览器内置 API。 可以做什么 Node.js 作为一个 JavaScript 的运行环境,仅仅提供了基础的功能和 API。然而,基于 N…
使用 Canvas 在页面中使用 Canvas ,只需将 <canvas>标签写入 html 文件中即可。 基本概念 绘图特点 栅格 (Canvas grid) Canvas 元素默认被网格所覆盖。通常来说网格中的一个单元相当于 Canvas 元素中的一像素。栅格的起点为画布的左上角(坐标为(0, 0))。所有元素的位置都相对于原点定位。 图形绘制形式 Canvas 只支持两种形式的图…
在移动端中点击时禁用 PC 端里 CSS 的 hover 效果
jQuery 是一个快速、简洁的 JavaScript库,快速方便的操作 DOM,里面基本都是函数(方法)。倡导写更少的代码做更多的事。
概述 JavaScript 由三个部分组成,ECMAScript、DOM 页面文档对象模型、BOM 浏览器对象模型。 Web API 是浏览器提供的一套操作浏览器功能和页面元素的API,是 JS 的应用。主要用于实现浏览器与页面的交互功能。DOM 和 BOM 也就是 Web APIs。 Web API 一般都有输入和输出 ( 函数的传参和返回值 ),Web API 很多都是方法 ( 函数 )。 D…
概述 JavaScript 简称 JS,是运行在客户端的脚本语言,浏览器通过 JavaScript 引擎来执行 JS 代码,JS 引擎执行代码时逐行解释每一句源码然后由计算机去执行,即读取一行就执行一行。 JavaScript 由三部分组成,ECMAScript ( JavaScript 语法 ), DOM (页面文档对象模型) , BOM ( 浏览器对象模型 )。 如何引入 JavaScript…
媒体查询 “@media” 可以针对不同设备以及不同屏幕尺寸设置不同的样式,特别是如果你需要设置响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 语法 媒体类型 媒体类型 (mediatype) 用于描述设备的一般类别,支持的类型包括: 对于做网站而言,常用的则是 “screen” …
Scss 是 CSS 预处理器是一种脚本语言,增加了一些编程的特性。实现更高效地开发网站前端。
在 VSCode 扩展库中安装插件 Live Sass Compiler,安装完成后点击配置图标,选择“扩展设置”,然后点击 “在 settings.json 中编辑”,将以下代码粘贴到文件中替换即可。 具体说明可见官方文档:https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings…
随着前端技术的不断发展,Css 也延伸出了很多新的语言,Less 与 Sass 就是其中两种,简单来说,他们都是 Css 下面我们就仔细讲解一下这三种语言的区别。 Css Css(层叠样式表)是一种非程序式语言,用来表现 html 或 xml 等文件样式的计算机语言,对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计效果来显示。Css 入门学习使用非常直观方便,但是对于一些…
PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号