- 一、前言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
上滑加载中
推荐直播
-
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步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签