- 简介Yarn是一个由Facebook于2016年推出的JavaScript软件包管理器。它的目标是解决npm（Node.js的默认软件包管理器）在性能和可靠性方面的一些问题。Yarn旨在提供更快、更安全、更稳定的依赖项安装过程，使JavaScript开发人员能够更轻松地管理和构建项目。本文将详细介绍Yarn的特点、优势以及如何在项目中使用它。 Yarn的特点Yarn包管理器具有许多特点，使... 简介Yarn是一个由Facebook于2016年推出的JavaScript软件包管理器。它的目标是解决npm（Node.js的默认软件包管理器）在性能和可靠性方面的一些问题。Yarn旨在提供更快、更安全、更稳定的依赖项安装过程，使JavaScript开发人员能够更轻松地管理和构建项目。本文将详细介绍Yarn的特点、优势以及如何在项目中使用它。 Yarn的特点Yarn包管理器具有许多特点，使...
- 一、前言uni-app应用开发过程中，考虑接入神策做数字化运营。在采用神策采集用户行为数据前，首先需要根据业务分析需求明确采集的目标行为，进一步搞清楚应该在哪些地方埋什么样的点。这个环节的输出物一般被称之为“埋点需求文档（DRD）”。在大部分互联网公司，规范的产品迭代流程是，业务侧产品经理在输出“产品需求文档（PRD）”的同时，数据产品经理或分析师等角色需要同步输出 DRD，双方的需求同步... 一、前言uni-app应用开发过程中，考虑接入神策做数字化运营。在采用神策采集用户行为数据前，首先需要根据业务分析需求明确采集的目标行为，进一步搞清楚应该在哪些地方埋什么样的点。这个环节的输出物一般被称之为“埋点需求文档（DRD）”。在大部分互联网公司，规范的产品迭代流程是，业务侧产品经理在输出“产品需求文档（PRD）”的同时，数据产品经理或分析师等角色需要同步输出 DRD，双方的需求同步...
- 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5实现分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。自 HBuilderX v1.1.0 起，在 5+App 平台下 web-view 支持加载应用内的 HTML 资源... 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5实现分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。自 HBuilderX v1.1.0 起，在 5+App 平台下 web-view 支持加载应用内的 HTML 资源...
- 一、前言使用 uni-app 开发跨终端应用，可将代码编译到iOS、Android、微信小程序等多个平台，升级时也需考虑多平台同步升级。其中，uni-app发布为小程序的升级模式较简单，只需将开发完的代码提交到小程序后台，待审核通过后用户将自动升级。 1.1 Android升级检测机制android系统使用包名(package name)来判定应用程序的同一性，但是由于包名可以由开发者自由... 一、前言使用 uni-app 开发跨终端应用，可将代码编译到iOS、Android、微信小程序等多个平台，升级时也需考虑多平台同步升级。其中，uni-app发布为小程序的升级模式较简单，只需将开发完的代码提交到小程序后台，待审核通过后用户将自动升级。 1.1 Android升级检测机制android系统使用包名(package name)来判定应用程序的同一性，但是由于包名可以由开发者自由...
- 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- 一、前言从事前端开发的童鞋在面试过程中，多少都会遇到以下2个有关webpack编译过程性能问题：有哪些方式可以减少 Webpack 的打包时间？有哪些方式可以让 Webpack 打出来的包更小？ 二、优化方案 2.1 优化 Loader对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成... 一、前言从事前端开发的童鞋在面试过程中，多少都会遇到以下2个有关webpack编译过程性能问题：有哪些方式可以减少 Webpack 的打包时间？有哪些方式可以让 Webpack 打出来的包更小？ 二、优化方案 2.1 优化 Loader对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成...
- @TOC 前言JavaScript是一种强大的脚本语言，广泛应用于网页开发和应用程序编写。本文将全面介绍JavaScript中输出内容的方法，包括使用document.write()函数、调试工具如console.log()和对话框函数如alert()，以及变量的声明和赋值。此外，我们还将探索输入提示框prompt()函数的使用方法。深入理解这些概念和技术，将为您在JavaScript编程中... @TOC 前言JavaScript是一种强大的脚本语言，广泛应用于网页开发和应用程序编写。本文将全面介绍JavaScript中输出内容的方法，包括使用document.write()函数、调试工具如console.log()和对话框函数如alert()，以及变量的声明和赋值。此外，我们还将探索输入提示框prompt()函数的使用方法。深入理解这些概念和技术，将为您在JavaScript编程中...
- @TOC 前言JavaScript是一种广泛应用的编程语言，它的基础知识对于编写前端和后端应用程序都至关重要。本教程将带您深入了解JavaScript中的五个关键概念：赋值运算符，自增运算符，比较运算符，逻辑运算符和运算符优先级。这些概念是编写任何JavaScript程序的基石。 一、运算符是什么当我们编写计算机程序时，经常需要对数据进行各种操作，就像在数学中使用加号（+）或减号（-）一样。... @TOC 前言JavaScript是一种广泛应用的编程语言，它的基础知识对于编写前端和后端应用程序都至关重要。本教程将带您深入了解JavaScript中的五个关键概念：赋值运算符，自增运算符，比较运算符，逻辑运算符和运算符优先级。这些概念是编写任何JavaScript程序的基石。 一、运算符是什么当我们编写计算机程序时，经常需要对数据进行各种操作，就像在数学中使用加号（+）或减号（-）一样。...
- @TOC 前言JavaScript是一种广泛应用于网页开发的脚本语言，它具有灵活的语法和强大的功能。在JavaScript中，有许多控制结构可以帮助我们根据不同的条件执行不同的代码块。本教程将重点介绍两种常用的控制结构：Switch分支与While循环。Switch分支主要用于根据不同的条件进行分支选择，而While循环则用于在满足一定条件的情况下重复执行某段代码。 一、Switch分支 1... @TOC 前言JavaScript是一种广泛应用于网页开发的脚本语言，它具有灵活的语法和强大的功能。在JavaScript中，有许多控制结构可以帮助我们根据不同的条件执行不同的代码块。本教程将重点介绍两种常用的控制结构：Switch分支与While循环。Switch分支主要用于根据不同的条件进行分支选择，而While循环则用于在满足一定条件的情况下重复执行某段代码。 一、Switch分支 1...
- @TOCProxy和Object.defineProperty都是JavaScript中用于实现对象属性拦截和代理的机制，但它们在功能和应用方面有一些区别。 功能方面的区别：Object.defineProperty：它是ES5引入的属性定义方法，通过直接定义对象属性的特性（如可枚举性、可写性等），可以拦截属性的读取、写入和删除操作。但它只能拦截对象的属性访问，对于对象的整体操作（如对整个对... @TOCProxy和Object.defineProperty都是JavaScript中用于实现对象属性拦截和代理的机制，但它们在功能和应用方面有一些区别。 功能方面的区别：Object.defineProperty：它是ES5引入的属性定义方法，通过直接定义对象属性的特性（如可枚举性、可写性等），可以拦截属性的读取、写入和删除操作。但它只能拦截对象的属性访问，对于对象的整体操作（如对整个对...
- 一、项目需求给一张长图，长图中有好多个图像，图像的动作是连续的，当鼠标在容器内移动时，背景图像会随之切换，呈现出连续的动画效果，实现效果类似于3D动画，用JS怎么实现？以下是实现效果。示例图片如下，可拿去自己测试： 二、代码实现<body> <div id="container"></div> <style> #container { width: 462.99px;//单个图像的宽... 一、项目需求给一张长图，长图中有好多个图像，图像的动作是连续的，当鼠标在容器内移动时，背景图像会随之切换，呈现出连续的动画效果，实现效果类似于3D动画，用JS怎么实现？以下是实现效果。示例图片如下，可拿去自己测试： 二、代码实现<body> <div id="container"></div> <style> #container { width: 462.99px;//单个图像的宽...
- 搭建three.js环境本文内容承接基础（一）。 1.添加坐标轴辅助器AxesHelper：用于简单模拟3个坐标轴的对象，红色代表 X 轴.，绿色代表 Y 轴.，蓝色代表 Z 轴。用法：AxesHelper( size : Number )，参数如下size ：表示代表轴的线段长度. 默认为 1，可选。 （1）添加坐标轴辅助器，设置坐标轴长度//添加坐标轴辅助器(参数是坐标轴的长度)，设置... 搭建three.js环境本文内容承接基础（一）。 1.添加坐标轴辅助器AxesHelper：用于简单模拟3个坐标轴的对象，红色代表 X 轴.，绿色代表 Y 轴.，蓝色代表 Z 轴。用法：AxesHelper( size : Number )，参数如下size ：表示代表轴的线段长度. 默认为 1，可选。 （1）添加坐标轴辅助器，设置坐标轴长度//添加坐标轴辅助器(参数是坐标轴的长度)，设置...
- 一、 WebGL与Three.js的关系WebGL（Web Graphics Library）是一种 JavaScript API，用于在任何兼容的 Web 浏览器中呈现交互式 3D 和 2D 图形，不需要插件，即专门处理计算或处理3D图像的JS API。Three.js 是一款 WebGL 框架，其WebGL 的 API 接口基础上又进行的一层封装。由西班牙巴塞罗那的程序员 Ricard... 一、 WebGL与Three.js的关系WebGL（Web Graphics Library）是一种 JavaScript API，用于在任何兼容的 Web 浏览器中呈现交互式 3D 和 2D 图形，不需要插件，即专门处理计算或处理3D图像的JS API。Three.js 是一款 WebGL 框架，其WebGL 的 API 接口基础上又进行的一层封装。由西班牙巴塞罗那的程序员 Ricard...
- 一、了解vw/vhvw/vh单位可以根据电脑浏览器自适应。vw —— 视口宽度的 1/100；vh —— 视口高度的 1/100在pc端，视口宽高就是浏览器的宽高； 1.1 vw/vh 定义css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度，除了vw和vh外，还有vmin和vmax两个相关的单位。各个单位具体的含义如下：这里我们... 一、了解vw/vhvw/vh单位可以根据电脑浏览器自适应。vw —— 视口宽度的 1/100；vh —— 视口高度的 1/100在pc端，视口宽高就是浏览器的宽高； 1.1 vw/vh 定义css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度，除了vw和vh外，还有vmin和vmax两个相关的单位。各个单位具体的含义如下：这里我们...
- 一、前言在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。在布局过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。什么？使用绝对定位还要条件？当然要啦！代码又没有脑子，没法自己思考... 一、前言在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。在布局过程中我们经常用到绝对定位，很多初学者在一开始用绝对定位经常会达不到预期的效果，因为它们往往会忽略使用绝对定位的两个条件。什么？使用绝对定位还要条件？当然要啦！代码又没有脑子，没法自己思考...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签