前端 仓库nexus vue
yum仓库
yum yum是一个基于RPM包(是Red-Hat Package Manager红帽软件包管理器的缩写)构建的软件更新机制,能够自动解决软件包之间的依赖关系。 命令 yum list kernel 显示所有可用包 yum info 显示报的信息 yum history 查看yum 所有操作 (un ......
VS CODE,保存自动格式化vue代码配置 流程记录
进入vscode,ctrl+shift+p ,搜索Preferences: Open User Settings(json) ,然后把下面配置覆盖到原本的地方 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false ......
vue十六
<div id="app16" style="text-align: center;margin-top: 10%;"> <div> <input id="sou" type="text" style="width: 40%;" v-model="word"> <button style="heig ......
vue15
<div id="app15"> <ul> <li v-for="(item , index) in news" :key="item.id" > {{ item.title }} <img alt="img" :src="item.img"> </li> </ul> </div> <script> ......
vue3 基础-Pinia 可能替代 Vuex 的全局数据状态管理
Pinia 初体验 Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器,使用Composition Api进行重新设计的,也被视为下一代Vuex。 Pinia是一个Vue的状态管理库,允许跨组件、跨页面进行全局共享状态,也由于其设计的简洁性、和对typescript的良好支持,取代V ......
在Vue3中使用Element-Plus分页(Pagination )组件
在Vue3中使用Element-Plus分页(Pagination )组件 开发过程中数据展示会经常使用到,同时分页功能也会添加到页面中。 记:在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 开始实现 引入表格和分页组件的H5标签。 <strong>Element-Plus ......
yum仓库
目录yum仓库1. 基本概念linux安装软件方式yum原理如何实现安装2. yum配置文件yum主配置文件yum缓存文件yum仓库配置文件yum日志文件3. yum命令详解查询yum listyum infoyum searchyum providesyum groupinfoyum groupl ......
前端笔记:React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行: npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
vue项目中如何解决出现两次重新登录弹框的问题?
举例描述一下业务场景:当token过期,需要用户重新登录时,需要在页面弹框提示重新登录。 显然这个重新登录的提示弹框的逻辑是在响应拦截器中加的,我的代码如下:(只提供部分代码) 1 // 返回拦截器 2 service.interceptors.response.use( 3 response => ......
自定义Vue脚手架
创建一个vue项目,项目名叫custom 选择最下面的自定义脚手架 选择你需要的配置 选择vue版本 询问是否采用历史模式,默认是hash模式,history模式需要后端进行额外配置 选择CSS预处理器 选择eslint规范,这里选择的是无分号的规范 选择什么时候进行校验,这里选择的是保存时进行校验 ......
vue slot插槽
插槽(slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽,可以把插槽认为是组件封装期间,为用户预留的内容的占位符,适用于父组件→子组件,$slots是组件插槽集,是组件所有默认插槽、具名插槽的集合,可以用来获取当前组件的插槽集。 插槽可 ......
vue项目中,如何去掉报错时出现的黑色遮罩?
比如在我们发送请求时 ,返回401,此时出现带有401提示信息的黑色遮罩,我们不想要这个遮罩出现,只需要在控制台有报错信息就好,如下图显示,如何解决呢? 解决办法:在vue.config.js文件中配置如下代码即可: ......
Vue中跟 keep-alive 有关的生命周期是哪些?
在开发 Vue 项目的时候,大部分组件是没必要多次渲染的,所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染,在开发 Vue 项目的时候。 生命周期函数:在被 keep-alive 包含的组件/路由中,会多出两个生命周期的钩子:activated 与 deact ......
前端骨架HTML
HTML5 如果将网页比作机器人,那么HTML就是骨架,CSS就是是表现与展示效果,JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网: vscode官网 2. 安装v ......
前端项目容器化(Docker)打包部署
前端项目容器化(Docker)打包部署 新建一个vue项目 增加容器配置 docker命令打包镜像,部署本机 BiliBili视频同步发布 新建vue项目 使用vue官方脚手架创建一个项目 下面的demo使用默认配置 安装依赖并运行 # 使用vue脚手架创建项目 npm create vue@lat ......
局域网的yum的仓库
yum仓库实验 HTTP yum仓库 实验环境准备 1、两台机器,一台做为服务端,一台做为客户端 2、关闭防火墙 3、由服务端提供安装包 4、在客户端写配置 服务端配置 1、下载httpd服务,并启动 2、将光盘设备挂载 服务端配置完成 客户端配置 1、调整yum目录 #新建一个文件夹bak,将所有 ......
vue中遇到的函数执行顺序问题
vue中遇到的函数执行顺序问题 总结:vue中方法和方法间并未严格按照执行顺序执行的,可以使用async和await修饰符,使方法调用和执行是异步的。 在vue中的方法调用顺序是依次进行的,方法体内部也是依次执行的, 但是,两个方法体的执行顺序并不能严格控制,也就是说,并不一定是先执行完第一个方法后 ......
vue3+cesium导入行者app的gpx轨迹数据
软件版本: vue3.2 cesium1.110.0 vite:3.1.2 1)到行者APP的PC端官网下载gpx数据 2)将gpx文件放到项目里 这里要将行者导出的gpx文件修改一下,把 xmlns="http://www.topografix.com/GPX/1/0" 改为 xmlns="htt ......
vue通过表格当中的数据渲染表格
<el-table-column label="审核状态" width="120"> <template slot-scope="scope"> <div v-if="scope.row.examStatus == 'false'">未审核</div> <div v-else>已审核</div> < ......
手撕Vue-Router-知识储备
前言 本文是手写Vue-Router的第一篇,主要是对Vue-Router的知识储备,为后面的手写做准备。 那么 VueRouter 怎么实现呢?要想实现 VueRouter,首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么?VueRout ......
Vue的自定义指令
在使用自定义指令的标签写入v-'自定义指令名' <template> <div class="box" v-loading="loading"> </div> </template> export default { data () { return { loading:true } }, } 公共 ......
vue调用完一个接口 全局中才调用另外N个接口
mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......
Vue3 Element-Plus 一站式生成动态表单
数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问,但是一旦刷新页面就报如下错误:404.0 - Not Found 解决办法:下载IIS URL重写模版,并安装。下面为安装地址: URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块: 点击进去添加 ......
Vue 设置为history模式之后,刷新页面报404错误的解决办法
网上搜索出现很多修改前端或后端的方法试了都不行,后来在IIS中添加URL重写规则就解决了(如果没有Url重写模块,需要下载安装:rewrite_amd64_zh-CN.msi),设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话,直接把这个web.co ......
vscode如何配置运行vue项目
在vscode中如何调试运行vue项目 在.vscode中添加launch.json内容如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=8 ......
一个简单案例的Vue2.0源码
本文学习vue2.0源码,主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例,介绍了这个代码编译运行的流程,在流程中原始DOM的信息会被解析转换,存在不同的对象中。其中关键的对象有el、template、ast、code、render、r... ......