活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
查看全部活动
热门活动
  • 免费体验DeepSeek,上天翼云息壤 NEW 新老用户均可免费体验2500万Tokens,限时两周
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 一键部署Llama3大模型学习机 0代码一键部署,预装最新主流大模型Llama3与StableDiffusion
  • 中小企业应用上云专场 产品组合下单即享折上9折起,助力企业快速上云
  • 息壤高校钜惠活动 NEW 天翼云息壤杯高校AI大赛,数款产品享受线上订购超值特惠
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 天翼云奖励推广计划 加入成为云推官,推荐新用户注册下单得现金奖励
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅
  • 天翼云用户体验官 NEW 您的洞察,重塑科技边界

智算服务

打造统一的产品能力,实现算网调度、训练推理、技术架构、资源管理一体化智算服务
智算云(DeepSeek专区)
科研助手
  • 算力商城
  • 应用商城
  • 开发机
  • 并行计算
算力互联调度平台
  • 应用市场
  • 算力市场
  • 算力调度推荐
一站式智算服务平台
  • 模型广场
  • 体验中心
  • 服务接入
智算一体机
  • 智算一体机
大模型
  • DeepSeek-R1-昇腾版(671B)
  • DeepSeek-R1-英伟达版(671B)
  • DeepSeek-V3-昇腾版(671B)
  • DeepSeek-R1-Distill-Llama-70B
  • DeepSeek-R1-Distill-Qwen-32B
  • Qwen2-72B-Instruct
  • StableDiffusion-V2.1
  • TeleChat-12B

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城进入云市场创新解决方案
办公协同
  • WPS云文档
  • 安全邮箱
  • EMM手机管家
  • 智能商业平台
财务管理
  • 工资条
  • 税务风控云
企业应用
  • 翼信息化运维服务
  • 翼视频云归档解决方案
工业能源
  • 智慧工厂_生产流程管理解决方案
  • 智慧工地
建站工具
  • SSL证书
  • 新域名服务
网络工具
  • 翼云加速
灾备迁移
  • 云管家2.0
  • 翼备份
资源管理
  • 全栈混合云敏捷版(软件)
  • 全栈混合云敏捷版(一体机)
行业应用
  • 翼电子教室
  • 翼智慧显示一体化解决方案

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云服务合作伙伴
  • 天翼云集成商交付能力认证
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴
  • 天翼云甄选商城合作伙伴
天翼云技术合作伙伴
  • 天翼云OpenAPI中心
  • 天翼云EasyCoding平台
天翼云培训认证
  • 天翼云学堂
  • 天翼云市场商学院
天翼云合作计划
  • 云汇计划
天翼云东升计划
  • 适配中心
  • 东升计划
  • 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
  • 专栏文章
  • 互动问答
  • 技术视频
资源与工具
  • OpenAPI中心
开放能力
  • EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂
  • 天翼云认证
魔乐社区
  • 魔乐社区

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • 文档中心
  • 新手上云
  • 自助服务
  • OpenAPI中心
定价
  • 价格计算器
  • 定价策略
基础服务
  • 售前咨询
  • 在线支持
  • 在线支持
  • 工单服务
  • 建议与反馈
  • 用户体验官
  • 服务保障
  • 客户公告
  • 会员中心
增值服务
  • 红心服务
  • 首保服务
  • 客户支持计划
  • 专家技术服务
  • 备案管家

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云
  • 智算云
  • 天翼云4.0
  • 新闻资讯
  • 天翼云APP
基础设施
  • 全球基础设施
  • 信任中心
最佳实践
  • 精选案例
  • 超级探访
  • 云杂志
  • 分析师和白皮书
  • 天翼云·创新直播间
市场活动
  • 2025智能云生态大会
  • 2024智算云生态大会
  • 2023云生态大会
  • 2022云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
      • 文档
      • 控制中心
      • 备案
      • 管理中心

      【知识科普】今天聊聊前端打包工具webpack

      首页 知识中心 软件开发 文章详情页

      【知识科普】今天聊聊前端打包工具webpack

      2024-12-17 08:21:00 阅读次数:18

      JavaScript,Webpack,插件,文件,构建,模块,配置

       

      webpack概述

      Webpack是一个现代JavaScript应用程序的静态模块打包工具,它能够将项目中的所有依赖项(包括JavaScript模块、图片、CSS等)打包成一个或多个bundle,供浏览器使用。以下是Webpack的一些详细介绍和核心概念:

      1. 入口(Entry)

      Webpack的入口起点(entry point)指示Webpack应该使用哪个模块作为构建其内部依赖图的开始。默认情况下,Webpack的入口起点是src/index.js,但你可以通过在Webpack配置文件中配置entry属性来指定一个或多个不同的入口起点。

      2. 输出(Output)

      Webpack的输出(output)属性告诉Webpack在哪里输出它所创建的bundle,以及如何命名这些文件。默认情况下,主要输出文件的默认值是./dist/main.js,其他生成文件默认放置在./dist文件夹中。你可以通过在配置中指定一个output字段来配置这些处理过程。

      3. Loader

      Webpack默认只能理解JavaScript和JSON文件。Loader让Webpack能够处理其他类型的文件,并将它们转换为有效的模块,以供应用程序使用。Loader在Webpack的配置中有两个属性:test属性用于识别哪些文件会被转换,use属性定义了在进行转换时应该使用哪个loader。

      4. 插件(Plugins)

      插件(Plugins)是用来扩展Webpack功能的。它们可以在Webpack的构建过程中生效,执行相关的任务。Loader主要用于转换文件,而插件可以直接对整个构建过程起作用。例如,提供热重载功能、优化JS文件、生成CSS文件等。

      5. 模式(Mode)

      Webpack 4引入了mode属性,它允许你设置开发环境(development)或生产环境(production)。设置mode可以启用相应的优化和代码警告。例如,在生产模式下,Webpack会启用一些性能优化和压缩JS文件的插件。

      6. 浏览器兼容性(Browser Compatibility)

      Webpack可以处理现代JavaScript代码,并将其转换为浏览器兼容的代码。这通常通过使用Babel-loader和其他相关插件来实现。

      7. 环境(Environment)

      Webpack允许你定义环境变量,这些变量可以在构建过程中使用。这对于在不同环境下(如开发、测试和生产环境)使用不同的配置非常有用。

      8. Source Maps

      Source Maps是Webpack的一个功能,它允许你在开发过程中将转换后的代码映射回原始源代码,从而使得调试变得更加容易。

      9. 性能(Performance)

      Webpack提供了性能相关的配置选项,如performance.maxAssetSize和performance.hints,用于控制生成的资源文件的大小,并在超出指定大小时提供警告。

      通过这些核心概念和配置选项,Webpack可以帮助你构建一个高效、优化的前端应用程序。更多详细信息可以参考Webpack的官方文档。

      🛠️ Webpack有哪些常用的插件推荐?

      Webpack是一个功能强大的模块打包工具,它能够将项目中的各种资源文件(如JavaScript、CSS、图片等)打包成一个或多个bundle,以供浏览器使用。Webpack通过插件(Plugins)来扩展其功能,以下是一些常用的Webpack插件及其作用:

      1. HtmlWebpackPlugin:

        • 自动创建HTML文件,并将其与Webpack打包的静态资源关联起来。这样可以确保HTML文件中引用的资源文件是最新的。
      2. MiniCssExtractPlugin:

        • 将CSS提取为独立的文件,而不是内联在JavaScript文件中。这对于性能优化和缓存控制非常有用。
      3. CleanWebpackPlugin:

        • 在打包前清理上一次项目生成的bundle文件,避免旧文件累积。这个插件在生产环境中尤其有用。
      4. UglifyJsPlugin:

        • 使用UglifyJS对JavaScript文件进行压缩,以减少文件大小。虽然Webpack 4中引入了TerserPlugin作为替代,但UglifyJsPlugin仍然被广泛使用。
      5. TerserPlugin:

        • Webpack 4中引入的插件,用于压缩JavaScript文件,替代了UglifyJsPlugin。它提供了更好的性能和更多的压缩选项。
      6. CompressionWebpackPlugin:

        • 用于gzip压缩输出的资源文件,以减少文件传输大小,提高加载速度。
      7. DefinePlugin:

        • 允许在编译时定义全局常量,这在开发环境和生产环境之间切换时非常有用。
      8. HotModuleReplacementPlugin:

        • 用于开发环境中,实现模块的热替换,提高开发效率。
      9. CopyWebpackPlugin:

        • 用于将项目中的静态资源(如图片、字体等)复制到输出目录,而不需要通过import或require来引用。
      10. IgnorePlugin:

        • 用于忽略某些特定的模块或文件,不让它们被Webpack打包。

      这些插件可以通过npm安装,并在Webpack配置文件中引入和配置。使用这些插件可以大大增强Webpack的功能,帮助开发者更好地管理和优化前端资源。更多详细信息可以参考Webpack的官方文档和相关社区资源。

      webpack常用配置项

      Webpack 是一个现代 JavaScript 应用程序的静态模块打包器,它可以将项目中的所有依赖项(包括 JavaScript 文件、图片、CSS 等)打包成一个或多个 bundle。在 Webpack 中,配置文件是一个非常重要的部分,它告诉 Webpack 如何处理项目中的资源。

      Webpack 的配置文件通常是一个名为 webpack.config.js 的文件,位于项目的根目录下。这个文件是一个 Node.js 模块,因此你可以使用 Node.js 的所有功能,如 require、__dirname 和 path 模块等。

      以下是 webpack.config.js 文件中常见的一些配置项:

      1. entry:指定了构建的入口起点。这些文件将被 Webpack 处理,然后所有依赖的模块都会被包含在最终的 bundle 中。
      module.exports = {
        entry: './path/to/your/entry/file.js'
      };
      
      1. output:定义了输出选项,告诉 Webpack 如何输出最终的 bundle,包括文件名、目录等。
      module.exports = {
        // ...
        output: {
          filename: 'bundle.js',
          path: path.resolve(__dirname, 'dist')
        }
      };
      
      1. module:用于定义如何处理不同文件类型的加载器(loaders)和插件(plugins)。
      module.exports = {
        // ...
        module: {
          rules: [
            {
              test: /\.js$/,
              exclude: /node_modules/,
              use: {
                loader: 'babel-loader',
                options: {
                  presets: ['@babel/preset-env']
                }
              }
            }
          ]
        }
      };
      
      1. plugins:用于在构建过程中执行更复杂的任务,如优化、压缩、定义环境变量等。
      module.exports = {
        // ...
        plugins: [
          new webpack.optimize.UglifyJsPlugin()
        ]
      };
      
      1. resolve:用于配置模块如何被解析,例如文件扩展名、别名等。
      module.exports = {
        // ...
        resolve: {
          extensions: ['.js', '.json'],
          alias: {
            utils: path.resolve(__dirname, 'src/utils/')
          }
        }
      };
      
      1. devtool:用于配置源映射(source maps),以便于在开发过程中调试。
      module.exports = {
        // ...
        devtool: 'source-map'
      };
      
      1. devServer:用于配置 Webpack 开发服务器,它是一个小型的静态服务器,用于在开发过程中提供你的应用。
      module.exports = {
        // ...
        devServer: {
          contentBase: './dist',
          hot: true
        }
      };
      
      1. mode:用于设置模式,可以是 development、production 或 none。这个配置项会影响性能和优化选项。
      module.exports = {
        mode: 'development'
      };
      

      这些是 Webpack 配置文件中最常见的一些配置项,但 Webpack 的配置非常灵活,可以根据项目的具体需求进行更多的自定义。你可以通过 Webpack 官方文档了解更多配置项和高级用法。

      完整配置样例

      当然,下面是一个简单的 Webpack 配置文件示例,它包含了一些常见的配置项。这个示例假设你正在构建一个多页面的前端应用,并且使用了 Babel 来转译 JavaScript 代码。

      const path = require('path');
      const HtmlWebpackPlugin = require('html-webpack-plugin');
      const { CleanWebpackPlugin } = require('clean-webpack-plugin');
      const MiniCssExtractPlugin = require('mini-css-extract-plugin');
      
      module.exports = {
        // 入口文件配置
        entry: {
          'page1': './src/page1/index.js',
          'page2': './src/page2/index.js',
        },
        
        // 输出配置
        output: {
          filename: '[name].[contenthash].js', // 使用内容hash值来命名文件
          path: path.resolve(__dirname, 'dist'), // 输出路径
          clean: true, // 在构建之前清理/dist文件夹
        },
        
        // 模块加载规则
        module: {
          rules: [
            {
              test: /\.js$/, // 匹配.js文件
              exclude: /node_modules/, // 排除node_modules目录
              use: {
                loader: 'babel-loader', // 使用babel-loader
                options: {
                  presets: ['@babel/preset-env'], // 使用@babel/preset-env预设
                },
              },
            },
            {
              test: /\.css$/, // 匹配.css文件
              use: [MiniCssExtractPlugin.loader, 'css-loader'], // 使用MiniCssExtractPlugin.loader和css-loader
            },
            // ...可以添加更多规则,例如处理图片、字体等
          ],
        },
        
        // 插件配置
        plugins: [
          new CleanWebpackPlugin(), // 清理/dist文件夹
          new MiniCssExtractPlugin({ // 抽离CSS到单独文件
            filename: '[name].[contenthash].css',
          }),
          // 创建HTML文件
          Object.keys(config.entry).forEach((name) => {
            new HtmlWebpackPlugin({
              template: path.resolve(__dirname, 'src', name, 'index.html'),
              filename: `${name}.html`,
              chunks: ['runtime', name],
              inject: true,
            });
          }),
          // ...可以添加更多插件
        ],
        
        // 解析配置
        resolve: {
          extensions: ['.js', '.css'], // 自动解析的扩展名列表
          alias: {
            // 别名配置,方便引入模块
            '@': path.resolve(__dirname, 'src'),
          },
        },
        
        // 开发服务器配置
        devServer: {
          static: './dist', // 服务器的静态文件目录
          compress: true, // 是否启用gzip压缩
          hot: true, // 是否启用模块热替换(HMR)
          port: 8080, // 服务器端口
        },
        
        // 模式配置
        mode: 'development', // 'production' | 'development' | 'none'
      };
      

      这个配置文件定义了一个多页面应用的构建流程,其中包含了 JavaScript 和 CSS 的处理。它使用了 html-webpack-plugin 来为每个入口点生成一个 HTML 文件,mini-css-extract-plugin 来将 CSS 提取到单独的文件中,以及 clean-webpack-plugin 来在每次构建前清理 /dist 目录。

      请注意,这个配置文件需要安装相应的 npm 包:

      npm install --save-dev html-webpack-plugin clean-webpack-plugin mini-css-extract-plugin babel-loader @babel/core @babel/preset-env webpack webpack-cli
      

      此外,你还需要在 webpack 和 webpack-cli 的配置中添加适当的版本号。这个示例仅用于演示,实际项目中可能需要根据具体需求进行调整。

      📦 如何优化 Webpack 构建速度

      优化 Webpack 构建速度可以通过以下方式实现,并给出相应的配置样例:

      1. 使用 thread-loader 实现多进程并行处理:

        • 通过 thread-loader 可以将任务分配到多个子进程中去执行,特别适合于处理 CPU 密集型任务,如 Babel 转译或 ESLint 检查。
        const os = require('os');
        const threadLoader = require('thread-loader');
        const { cpus } = os;
        
        module.exports = {
          module: {
            rules: [
              {
                test: /\.js$/,
                use: [
                  {
                    loader: 'thread-loader',
                    options: {
                      workers: cpus.length,
                    },
                  },
                  'babel-loader',
                ],
                exclude: /node_modules/,
              },
            ],
          },
          plugins: [
            // 使用 ESLint 插件并开启多进程
            new ESLintWebpackPlugin({
              threads: true,
              cache: true,
            }),
          ],
        };
        
      2. 利用持久化缓存提升构建性能:

        • Webpack 5 引入了持久化缓存,可以将构建过程中的数据缓存到文件系统中,这样在后续的构建中可以复用这些数据,避免重复的计算。
        module.exports = {
          cache: {
            type: 'filesystem', // 使用文件缓存
          },
        };
        
      3. 优化 resolve 配置:

        • 通过合理配置 resolve 参数,减少模块搜索的层级,加快文件查找速度。
        module.exports = {
          resolve: {
            modules: [path.resolve(__dirname, 'src'), 'node_modules'],
            extensions: ['.js', '.jsx', '.json'],
          },
        };
        
      4. 使用 DllReferencePlugin 和 DllPlugin:

        • 通过动态链接库(DLL)打包不常变化的库文件,避免每次构建时重复打包。
        const webpack = require('webpack');
        module.exports = {
          plugins: [
            new webpack.DllReferencePlugin({
              manifest: require('./dll-manifest.json'),
            }),
          ],
        };
        
      5. 合理使用 SourceMap:

        • 在开发环境中使用 eval 源映射以加快构建速度,在生产环境中关闭源映射或使用 hidden-source-map 以隐藏源代码。
        module.exports = {
          devtool: 'eval-source-map',
        };
        
      6. 开启 babel-loader 的缓存:

        • 对于 Babel 编译过程,可以通过开启缓存来避免重复编译,提高构建速度。
        module.exports = {
          module: {
            rules: [
              {
                test: /\.js$/,
                use: [
                  {
                    loader: 'babel-loader',
                    options: {
                      cacheDirectory: true,
                    },
                  },
                ],
              },
            ],
          },
        };
        
      7. 使用 splitChunksPlugin 进行代码分割:

        • 通过代码分割将第三方库和公共模块分离出来,减少主bundle的大小,提高构建速度。
        module.exports = {
          optimization: {
            splitChunks: {
              chunks: 'all',
            },
          },
        };
        
      8. 使用 TerserPlugin 进行代码压缩:

        • 在生产环境中使用 TerserPlugin 对代码进行压缩,减少文件大小,提高加载速度。
        const TerserPlugin = require('terser-webpack-plugin');
        module.exports = {
          optimization: {
            minimizer: [
              new TerserPlugin({
                parallel: true, // 开启多进程
                cache: true,    // 开启缓存
              }),
            ],
          },
        };
        
      9. 使用 ImageMinimizerPlugin 压缩图片:

        • 对项目中的图片资源进行压缩,减少文件大小,提高构建速度。
        const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
        module.exports = {
          plugins: [
            new ImageMinimizerPlugin({
              minimizer: {
                implementation: ImageMinimizerPlugin.imageminGenerate,
                options: {
                  plugins: ['gifsicle', 'jpegtran', 'optipng', 'svgo'],
                },
              },
            }),
          ],
        };
        

      通过这些优化策略,可以显著提升 Webpack 的打包速度,尤其是在大型项目中效果更为明显。

      版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://wendao76.blog.csdn.net/article/details/143195098,作者:问道飞鱼,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

      上一篇:Python编程中用函数还是用复杂的表达式

      下一篇:Python分支结构

      相关文章

      2025-05-19 09:05:01

      项目更新到公网服务器的操作步骤

      项目更新到公网服务器的操作步骤

      2025-05-19 09:05:01
      公网 , 数据库 , 文件 , 更新 , 服务器
      2025-05-19 09:04:44

      FinalShell 配置SSH密钥登陆

      FinalShell 配置SSH密钥登陆

      2025-05-19 09:04:44
      密钥 , 服务器 , 配置
      2025-05-19 09:04:38

      js本地上传图片后实现预览与删除功能

      js本地上传图片后实现预览与删除功能

      2025-05-19 09:04:38
      js , 上传 , 删除 , 文件
      2025-05-19 09:04:30

      判断dmp文件的导出方式是exp or expdp

      判断dmp文件的导出方式是exp or expdp

      2025-05-19 09:04:30
      expdp , 导出 , 文件
      2025-05-16 09:15:24

      WCF 配置文件分解

      WCF 配置文件分解

      2025-05-16 09:15:24
      localhost , WCF , 地址 , 服务 , 配置
      2025-05-16 09:15:17

      Linux系统基础-文件系统

      Linux系统基础-文件系统

      2025-05-16 09:15:17
      hello , 写入 , 文件 , 输出
      2025-05-16 09:15:10

      Docker多阶段构建:减小镜像大小,提升构建效率

      Docker 多阶段构建是一种在 Dockerfile 中使用多个 FROM 指令来构建镜像的方法。它的主要目的是减小最终生成的镜像大小,并提高镜像的安全性和可维护性。多阶段构建通常用于编译和打包应用程序的过程中。

      2025-05-16 09:15:10
      Dockerfile , 应用程序 , 构建 , 编译 , 镜像
      2025-05-14 10:33:25

      webpack5基础--01_基本使用

      webpack5基础--01_基本使用

      2025-05-14 10:33:25
      json , main , package , Webpack , 打包 , 文件 , 编译
      2025-05-14 10:33:25

      webpack5基础--02_基本配置( 5 大核心概念)

      webpack5基础--02_基本配置( 5 大核心概念)

      2025-05-14 10:33:25
      config , loader , webpack , Webpack , 文件 , 模式 , 配置文件
      2025-05-14 10:33:16

      30天拿下Python之文件操作

      Python是一种高级编程语言,它提供了许多内置函数和模块来处理文件操作,主要包括:打开文件、读取文件、写入文件、关闭文件、获取目录列表等。

      2025-05-14 10:33:16
      Python , 使用 , 函数 , 文件 , 权限 , 目录
      查看更多
      推荐标签

      作者介绍

      天翼云小翼
      天翼云用户

      文章

      33564

      阅读量

      5028137

      查看更多

      最新文章

      Docker多阶段构建:减小镜像大小,提升构建效率

      2025-05-16 09:15:10

      30天拿下Python之文件操作

      2025-05-14 10:33:16

      30天拿下Python之模块和包

      2025-05-14 10:03:05

      使用JavaScript打印网页占用内存:详细指南

      2025-05-14 10:02:48

      python中怎样指定open编码为ansi

      2025-05-14 09:51:15

      JS学习(基础语法)

      2025-05-13 09:49:12

      查看更多

      热门文章

      5 个 JavaScript “罕见”原生的 API

      2024-09-25 10:15:15

      less中的内置函数

      2023-05-17 07:03:00

      Python爬虫基础——06-文件的读写

      2023-05-09 06:05:41

      Python 文件读写的问题

      2023-04-24 11:24:27

      VS 构建软件项目

      2023-03-14 09:56:09

      看山聊并发:Java 中 Vector 和 SynchronizedList 的区别

      2023-02-13 09:25:28

      查看更多

      热门标签

      java Java python 编程开发 代码 开发语言 算法 线程 Python html 数组 C++ 元素 javascript c++
      查看更多

      相关产品

      弹性云主机

      随时自助获取、弹性伸缩的云服务器资源

      天翼云电脑(公众版)

      便捷、安全、高效的云电脑服务

      对象存储

      高品质、低成本的云上存储服务

      云硬盘

      为云上计算资源提供持久性块存储

      查看更多

      随机文章

      webpack开篇

      JS学习(基础语法)

      JavaScript 实战案例解析

      JavaScript实现生成指定范围随机数和一个包含不重复数的随机数组

      JavaScript-匿名函数

      JavaScript中的注释

      • 7*24小时售后
      • 无忧退款
      • 免费备案
      • 专家服务
      售前咨询热线
      400-810-9889转1
      关注天翼云
      • 权益商城
      • 天翼云APP
      • 天翼云微信公众号
      服务与支持
      • 备案中心
      • 售前咨询
      • 智能客服
      • 自助服务
      • 工单管理
      • 客户公告
      • 涉诈举报
      账户管理
      • 管理中心
      • 订单管理
      • 余额管理
      • 发票管理
      • 充值汇款
      • 续费管理
      快速入口
      • 权益商城
      • 文档中心
      • 最新活动
      • 免费试用
      • 信任中心
      • 天翼云学堂
      云网生态
      • 甄选商城
      • 渠道合作
      • 云市场合作
      了解天翼云
      • 关于天翼云
      • 天翼云APP
      • 服务案例
      • 新闻资讯
      • 联系我们
      热门产品
      • 云电脑
      • 弹性云主机
      • 云电脑政企版
      • 天翼云手机
      • 云数据库
      • 对象存储
      • 云硬盘
      • Web应用防火墙
      • 服务器安全卫士
      • CDN加速
      热门推荐
      • 云服务备份
      • 边缘安全加速平台
      • 全站加速
      • 安全加速
      • 云服务器
      • 云主机
      • 智能边缘云
      • 应用编排服务
      • 微服务引擎
      • 共享流量包
      更多推荐
      • web应用防火墙
      • 密钥管理
      • 等保咨询
      • 安全专区
      • 应用运维管理
      • 云日志服务
      • 文档数据库服务
      • 云搜索服务
      • 数据湖探索
      • 数据仓库服务
      友情链接
      • 中国电信集团
      • 189邮箱
      • 天翼企业云盘
      • 天翼云盘
      ©2025 天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
      公司地址:北京市东城区青龙胡同甲1号、3号2幢2层205-32室
      • 用户协议
      • 隐私政策
      • 个人信息保护
      • 法律声明
      备案 京公网安备11010802043424号 京ICP备 2021034386号