- 一、前言config配置的目的是为了服务webpack配置,给不同的编译条件提供配置。当需要和后台分离部署的时候,必须配置config/index.js。用 vue-cli 脚手架自动构建的目录里面会包含以下代码(环境变量及其基本变量的配置)。var path = require('path')module.exports = { build: { index: path.reso... 一、前言config配置的目的是为了服务webpack配置,给不同的编译条件提供配置。当需要和后台分离部署的时候,必须配置config/index.js。用 vue-cli 脚手架自动构建的目录里面会包含以下代码(环境变量及其基本变量的配置)。var path = require('path')module.exports = { build: { index: path.reso...
- 前端基础知识(一){HTML.CSS.JavaScript} 前端基础知识(一){HTML.CSS.JavaScript}
- 一、前言webpack.base.conf.js 文件是vue开发环境和生产环境wepack相关配置文件,主要用来处理各种文件的配置。// 引入nodejs路径模块var path = require('path')// 引入utils工具模块,utils主要用来处理css-loader和vue-style-loader的var utils = require('./utils')// 引... 一、前言webpack.base.conf.js 文件是vue开发环境和生产环境wepack相关配置文件,主要用来处理各种文件的配置。// 引入nodejs路径模块var path = require('path')// 引入utils工具模块,utils主要用来处理css-loader和vue-style-loader的var utils = require('./utils')// 引...
- 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config... 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config...
- 一、前言webpack.prod.conf.js 配置文件是webpack生产环境核心配置文件。由于这是一个系统的配置文件,将涉及很多模块和插件,所以这部分内容将分多个文章讲解,请关注博主其他文章。// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件,主要用来处理css类文件的loadervar utils = req... 一、前言webpack.prod.conf.js 配置文件是webpack生产环境核心配置文件。由于这是一个系统的配置文件,将涉及很多模块和插件,所以这部分内容将分多个文章讲解,请关注博主其他文章。// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件,主要用来处理css类文件的loadervar utils = req...
- 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件,主要用于开发环境。由于这是一个系统配置文件,涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。// 导入check-versions.js文件,并且执行导入的函数,用来确定当前环境node和npm版本是否符合要求// 关于check-versio... 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件,主要用于开发环境。由于这是一个系统配置文件,涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。// 导入check-versions.js文件,并且执行导入的函数,用来确定当前环境node和npm版本是否符合要求// 关于check-versio...
- 一、前言karma.conf.js 配置文件是 npm run unit 命令的入口配置文件,主要用于单元测试。这条命令的内容如下cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run这条命令中的 cross-env 是跨平台设置环境变量,在命令行中设置环境变量加上这句话就是了。karma star... 一、前言karma.conf.js 配置文件是 npm run unit 命令的入口配置文件,主要用于单元测试。这条命令的内容如下cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run这条命令中的 cross-env 是跨平台设置环境变量,在命令行中设置环境变量加上这句话就是了。karma star...
- 一、问题描述在使用el-table表格时,有时会用到show-overflow-tooltip属性,即当单元格内容不能完全显示时显示tooltip文字提示,并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip。 二、问题分析这是因为单元格的padding-right影响到的,在css样式中添加以下代码即可:.el-tab... 一、问题描述在使用el-table表格时,有时会用到show-overflow-tooltip属性,即当单元格内容不能完全显示时显示tooltip文字提示,并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip。 二、问题分析这是因为单元格的padding-right影响到的,在css样式中添加以下代码即可:.el-tab...
- 例子:这个后缀?eval代表了代码是通过eval函数动态执行的。在JavaScript中,eval函数可以接受一个字符串作为参数,并将这个字符串作为JavaScript代码来执行。这种在运行时动态执行代码的方式有时候会给调试带来一些困难,因为它不像常规的JavaScript文件那样直接从文件加载,而是在运行时通过eval函数执行字符串。在开发过程中,为了方便调试和追踪问题,有时候会将Java... 例子:这个后缀?eval代表了代码是通过eval函数动态执行的。在JavaScript中,eval函数可以接受一个字符串作为参数,并将这个字符串作为JavaScript代码来执行。这种在运行时动态执行代码的方式有时候会给调试带来一些困难,因为它不像常规的JavaScript文件那样直接从文件加载,而是在运行时通过eval函数执行字符串。在开发过程中,为了方便调试和追踪问题,有时候会将Java...
- eval 函数是 JavaScript 中的一个非常强大且灵活的特性,它允许你在运行时动态执行一段字符串作为 JavaScript 代码。通过 eval 函数,你可以实现动态加载脚本的功能,从而在应用程序运行时根据需要加载不同的脚本文件。在前端开发中,这种能力可以用于动态加载插件、组件、或者其他资源,从而实现更灵活和动态的页面渲染。动态加载脚本的过程大致可以分为两步:首先,构造需要加载的脚本... eval 函数是 JavaScript 中的一个非常强大且灵活的特性,它允许你在运行时动态执行一段字符串作为 JavaScript 代码。通过 eval 函数,你可以实现动态加载脚本的功能,从而在应用程序运行时根据需要加载不同的脚本文件。在前端开发中,这种能力可以用于动态加载插件、组件、或者其他资源,从而实现更灵活和动态的页面渲染。动态加载脚本的过程大致可以分为两步:首先,构造需要加载的脚本...
- 处理 JavaScript 中的异步操作和回调函数在实际的开发工作中,几乎是每一个前端开发人员必备的基本技能,特别是在处理网络请求、文件读取、定时任务等场景下。在JavaScript 中,由于其单线程执行模型,异步操作是通过事件循环来实现的,而回调函数则是一种常见的处理异步操作结果的方式。首先,我们需要了解什么是异步操作。异步操作指的是一段代码执行时,不会阻塞后续代码的执行,而是在后台执行,... 处理 JavaScript 中的异步操作和回调函数在实际的开发工作中,几乎是每一个前端开发人员必备的基本技能,特别是在处理网络请求、文件读取、定时任务等场景下。在JavaScript 中,由于其单线程执行模型,异步操作是通过事件循环来实现的,而回调函数则是一种常见的处理异步操作结果的方式。首先,我们需要了解什么是异步操作。异步操作指的是一段代码执行时,不会阻塞后续代码的执行,而是在后台执行,...
- 在Vue应用中,main.js文件扮演着至关重要的角色,它是整个Vue应用的入口文件。main.js负责初始化Vue应用实例、加载全局配置、注册全局组件、引入插件以及挂载Vue实例到DOM上。通过main.js,我们可以配置Vue应用的各种选项、引入需要的库或者插件,以及进行一些全局的初始化操作。下面我将详细介绍main.js的作用和使用场合,并结合示例进行说明。 作用 1. 创建Vue实例... 在Vue应用中,main.js文件扮演着至关重要的角色,它是整个Vue应用的入口文件。main.js负责初始化Vue应用实例、加载全局配置、注册全局组件、引入插件以及挂载Vue实例到DOM上。通过main.js,我们可以配置Vue应用的各种选项、引入需要的库或者插件,以及进行一些全局的初始化操作。下面我将详细介绍main.js的作用和使用场合,并结合示例进行说明。 作用 1. 创建Vue实例...
- 一、了解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两个相关的单位。各个单位具体的含义如下:这里我们...
- Docker容器如何设置启动内存在Docker中,要为容器设置启动内存可以通过-m或--memory参数来实现。这个参数允许您指定容器可以使用的内存量,这对于限制和优化容器内存的使用非常有用。下面我们将详细介绍如何为Docker容器设置启动内存。方法一:指定固定内存限制要为Docker容器设置启动内存为固定值,可以使用下面的命令格式:bashCopy codedocker run -d -m... Docker容器如何设置启动内存在Docker中,要为容器设置启动内存可以通过-m或--memory参数来实现。这个参数允许您指定容器可以使用的内存量,这对于限制和优化容器内存的使用非常有用。下面我们将详细介绍如何为Docker容器设置启动内存。方法一:指定固定内存限制要为Docker容器设置启动内存为固定值,可以使用下面的命令格式:bashCopy codedocker run -d -m...
- 手拉手Vue3+vite引入echarts 手拉手Vue3+vite引入echarts
上滑加载中
推荐直播
-
Skill 构建 × 智能创作:基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟,华为云软件研发工程师/万邵业(万少),华为云HCDE开发者专家
本次直播带来两大实战:华为云码道 Skill-Creator 手把手搭建专属知识库 Skill;如何用码道提效 OpenClaw 小说文本,打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路,一次讲透!
回顾中 -
码道新技能,AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动,聚焦两大 AI 开发场景:通过实战教学,带你打造 AI 编程自动生成视频 Skill,并实现对 GitHub 热门开源项目的智能知识抽取,手把手掌握 Skill 开发全流程,用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道:零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据,采用Transformer算法进行时序预测与涨跌分析,并集成DeepSeek API提供智能解读。同时,项目深度结合华为云CodeArts(码道)的代码智能体能力,实现代码一键推送至云端代码仓库,建立起高效、可协作的团队开发新范式。开发者可快速上手,从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签