- RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码，它能够在用户访问网站时记录用户的行为和页面性能数据，并将这些数据发送给RUM（Real User Monitoring，实时用户监测）系统进行分析和展示。RUM JavaScript 通常通过在网页的头部或底部插入一段JavaScript代码来实现。该代码可以在用户打开网站时执行，并记录页面的加载速度、用... RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码，它能够在用户访问网站时记录用户的行为和页面性能数据，并将这些数据发送给RUM（Real User Monitoring，实时用户监测）系统进行分析和展示。RUM JavaScript 通常通过在网页的头部或底部插入一段JavaScript代码来实现。该代码可以在用户打开网站时执行，并记录页面的加载速度、用...
- 在本文中，我将向大家展示如何使用 HTML、CSS 和 JavaScript 代码制作模拟时钟。在线演示地址：https://haiyong.site/demo/clock4.html源码也可在文末免费获取 ✨ 项目基本结构目录结构如下：├── css│ └── style.css├── js│ └── script.js└── index.html如果你想知道我是如何制作这款彩色模... 在本文中，我将向大家展示如何使用 HTML、CSS 和 JavaScript 代码制作模拟时钟。在线演示地址：https://haiyong.site/demo/clock4.html源码也可在文末免费获取 ✨ 项目基本结构目录结构如下：├── css│ └── style.css├── js│ └── script.js└── index.html如果你想知道我是如何制作这款彩色模...
- 在线演示地址：https://haiyong.site/tools/color-generator.html\源码也可在文末免费获取 ✨ 项目基本结构目录结构如下：├── css│ └── style.css├── js│ └── script.js└── index.html 第一步：颜色生成器的基本结构我使用了以下的 HTML 和 CSS 代码创建了这个颜色生成器的基本结构。在添... 在线演示地址：https://haiyong.site/tools/color-generator.html\源码也可在文末免费获取 ✨ 项目基本结构目录结构如下：├── css│ └── style.css├── js│ └── script.js└── index.html 第一步：颜色生成器的基本结构我使用了以下的 HTML 和 CSS 代码创建了这个颜色生成器的基本结构。在添...
- window.innerWidth 和 window.outerWidth 是两个浏览器对象属性，分别代表浏览器窗口的内部宽度和外部宽度。它们的区别如下：window.innerWidth: 表示浏览器窗口的内部宽度，即可视区域的宽度。这个宽度不包括滚动条，但包括任何边框（border）和内边距（padding），即是指可视区域内可用于显示文档的宽度，单位为像素。window.outerWi... window.innerWidth 和 window.outerWidth 是两个浏览器对象属性，分别代表浏览器窗口的内部宽度和外部宽度。它们的区别如下：window.innerWidth: 表示浏览器窗口的内部宽度，即可视区域的宽度。这个宽度不包括滚动条，但包括任何边框（border）和内边距（padding），即是指可视区域内可用于显示文档的宽度，单位为像素。window.outerWi...
- 图像放大镜在很多网站中都扮演着重要的角色，大多数开发人员使用 jquery 来创建图像放大镜。在本教程中，我将向大家展示如何使用 HTML、CSS 和 JavaScript 制作一个简单的图像放大镜。在线演示地址：https://haiyong.site/tools/image-zoom.html源码也可在文末免费获取 ✨ 项目基本结构目录结构如下：├── css│ └── style.... 图像放大镜在很多网站中都扮演着重要的角色，大多数开发人员使用 jquery 来创建图像放大镜。在本教程中，我将向大家展示如何使用 HTML、CSS 和 JavaScript 制作一个简单的图像放大镜。在线演示地址：https://haiyong.site/tools/image-zoom.html源码也可在文末免费获取 ✨ 项目基本结构目录结构如下：├── css│ └── style....
- 6、属性节点属性节点（Attr）在DOM也是一个对象，通常不需要获取对象而是直接通过元素即可完成对其的各种操作如何操作属性节点 ? 方式一：读取：元素.属性名（注意，class属性需要使用className来读取）读取一个布尔值时，会返回true或false修改：元素.属性名 = 属性值 方式二：读取：元素.getAttribute(属性名)修改：元素.setAttribute(属性名, ... 6、属性节点属性节点（Attr）在DOM也是一个对象，通常不需要获取对象而是直接通过元素即可完成对其的各种操作如何操作属性节点 ? 方式一：读取：元素.属性名（注意，class属性需要使用className来读取）读取一个布尔值时，会返回true或false修改：元素.属性名 = 属性值 方式二：读取：元素.getAttribute(属性名)修改：元素.setAttribute(属性名, ...
- 当 S 类型是 T 类型的子集，或者 T 类型是 S 类型的子集时，S 能被成功断言成 T。这是为了在进行类型断言时提供额外的安全性，完全毫无根据的断言是危险的，如果你想这么做，你可以使用 any。 当 S 类型是 T 类型的子集，或者 T 类型是 S 类型的子集时，S 能被成功断言成 T。这是为了在进行类型断言时提供额外的安全性，完全毫无根据的断言是危险的，如果你想这么做，你可以使用 any。
- JavaScript是什么？首先，JavaScript和Java一点关系都没有，具体是什么大家可以去上网看看。avaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 很容易学习。JavaScript用到的开发工具一般用的是vscode开发工具下载地址：V... JavaScript是什么？首先，JavaScript和Java一点关系都没有，具体是什么大家可以去上网看看。avaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 很容易学习。JavaScript用到的开发工具一般用的是vscode开发工具下载地址：V...
- 1、MVVM 思想 M：即 Model，模型，包括数据和一些基本操作 V：即 View，视图，页面渲染结果 VM：即 View-Model，模型与视图间的双向操作（无需开发人员干涉）在 MVVM 之前，开发人员从后端获取需要的数据模型，然后要通过 DOM 操作 Model 渲染 到 View 中。而后当用户操作视图，我们还需要通过 DOM 获取 View 中的数据，然后同步到Mod... 1、MVVM 思想 M：即 Model，模型，包括数据和一些基本操作 V：即 View，视图，页面渲染结果 VM：即 View-Model，模型与视图间的双向操作（无需开发人员干涉）在 MVVM 之前，开发人员从后端获取需要的数据模型，然后要通过 DOM 操作 Model 渲染 到 View 中。而后当用户操作视图，我们还需要通过 DOM 获取 View 中的数据，然后同步到Mod...
- 字符串 split()可以根据正则表达式来对一个字符串进行拆分 search()可以去搜索符合正则表达式的内容第一次在字符串中出现的位置 replace()根据正则表达式替换字符串中的指定内容 match()根据正则表达式去匹配字符串中符合要求的内容 matchAll()根据正则表达式去匹配字符串中符合要求的内容(必须设置g 全局匹配)它返回的是一个迭代器 <script> ... 字符串 split()可以根据正则表达式来对一个字符串进行拆分 search()可以去搜索符合正则表达式的内容第一次在字符串中出现的位置 replace()根据正则表达式替换字符串中的指定内容 match()根据正则表达式去匹配字符串中符合要求的内容 matchAll()根据正则表达式去匹配字符串中符合要求的内容(必须设置g 全局匹配)它返回的是一个迭代器 <script> ...
- 1、npm install webpack -g全局安装 webpack2、npm install -g @vue/cli-init全局安装 vue 脚手架3、初始化 vue 项目；vue init webpack appname：vue 脚手架使用 webpack 模板初始化一个 appname 项目4、启动 vue 项目；项目的 package.json 中有 scripts，代表我... 1、npm install webpack -g全局安装 webpack2、npm install -g @vue/cli-init全局安装 vue 脚手架3、初始化 vue 项目；vue init webpack appname：vue 脚手架使用 webpack 模板初始化一个 appname 项目4、启动 vue 项目；项目的 package.json 中有 scripts，代表我...
- 一、前言利用uni-app跨平台开发框架开发多终端APP时，应用HBuilder自身提供的弹窗不满足业务需求，故开发自定义弹窗组件showToast。该组件主要实现以下功能：支持标题、内容、按钮自定义；支持根据按钮标识执行不同业务逻辑；支持内容自适应；支持弹窗关闭按钮自定义显示隐藏；完整代码下载详参【拓展阅读】章节。 二、实现原理应用自定义指令结合自定义组件实现视图渲染及控制逻辑，应用Vu... 一、前言利用uni-app跨平台开发框架开发多终端APP时，应用HBuilder自身提供的弹窗不满足业务需求，故开发自定义弹窗组件showToast。该组件主要实现以下功能：支持标题、内容、按钮自定义；支持根据按钮标识执行不同业务逻辑；支持内容自适应；支持弹窗关闭按钮自定义显示隐藏；完整代码下载详参【拓展阅读】章节。 二、实现原理应用自定义指令结合自定义组件实现视图渲染及控制逻辑，应用Vu...
- 一、前言前端开发过程中，对于后台返回的对象，若包含属性过多，需要一一定义变量接收对象属性，该过程过于繁琐，增加了代码量。好在ES6提供了对象解构方法帮助我们解决这一问题。 二、语法介绍 2.1 提取属性对象解构的基本语法非常简单：const { identifier } = expression;其中，identifier是要访问的属性名称，expression为一个对象。这是使用属性访问... 一、前言前端开发过程中，对于后台返回的对象，若包含属性过多，需要一一定义变量接收对象属性，该过程过于繁琐，增加了代码量。好在ES6提供了对象解构方法帮助我们解决这一问题。 二、语法介绍 2.1 提取属性对象解构的基本语法非常简单：const { identifier } = expression;其中，identifier是要访问的属性名称，expression为一个对象。这是使用属性访问...
- 正则表达式 正则表达式正则表达式用来定义一个规则通过这个规则计算机可以检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来正则表达式也是JS中的一个对象，所以要使用正则表达式，需要先创建正则表达式的对象new RegExp() 可以接收两个参数（字符串） 1.正则表达式 2.匹配模式 <script> let reg = new RegExp('a','i... 正则表达式 正则表达式正则表达式用来定义一个规则通过这个规则计算机可以检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来正则表达式也是JS中的一个对象，所以要使用正则表达式，需要先创建正则表达式的对象new RegExp() 可以接收两个参数（字符串） 1.正则表达式 2.匹配模式 <script> let reg = new RegExp('a','i...
- 一、前言从事前端开发的童鞋在面试过程中，多少都会遇到以下2个有关webpack编译过程性能问题：有哪些方式可以减少 Webpack 的打包时间？有哪些方式可以让 Webpack 打出来的包更小？ 二、优化方案 2.1 优化 Loader对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成... 一、前言从事前端开发的童鞋在面试过程中，多少都会遇到以下2个有关webpack编译过程性能问题：有哪些方式可以减少 Webpack 的打包时间？有哪些方式可以让 Webpack 打出来的包更小？ 二、优化方案 2.1 优化 Loader对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成...
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程：工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合，展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎，仓颉语言为载体，带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中
热门标签