前端 终端 实战vue

xshell终端中文显示乱码

1.原因:xshell本地编码与远程服务器编码不一致,两边编码保持一致即可。 2.处理方式: 2.1 调整本地编码(推荐) 通过命令 locale 查看服务器编码,LANG即为服务器编码。 在xshell中打开 文件-属性-终端-编码,设置与服务器编码一致即可: 2.1 调整服务器端编码 通过命令  ......
乱码 终端 xshell

解析Vue项目

解析Vue项目 1、浏览器中访问某个地址,会显示某个页面的组件 根组件:App.vue 2、配置路由 router 》index.js 》const routes = [ { path: '/lqz', name: 'lqz', component: Lqz # 组件,需要导入 }, ] 3、写组件 ......
项目 Vue

解析vue项目、

解析一下vue项目 1 为什么浏览器中访问某个地址,会显示某个页面组件 //-根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> //-1 配置路由 router 》inde ......
项目 vue

记录一下前端缓存分类汇总(indexDB、localStorage、sessionStorage)

什么是缓存? 当我们第一次访问网站的时候,比如 juejin.cn,电脑会把网站上的图片和数据下载到电脑上,当我们再次访问该网站的时候,网站就会从电脑中直接加载出来,这就是缓存。 缓存的优点和应用场景 Web缓存种类:indexDB、localStorage、sessionStorage。 缓解服务 ......

Vue执行和开发流程、登录小案例、混入、插件、elementui

一、Vue执行流程 1、vue的执行流程 # 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 rou ......
elementui 插件 流程 案例 Vue

每日一题:vue3自定义指令大全(呕心沥血所作,附可运行项目源码)

1.VUE常用指令大全 本项目所有指令均为全局注册,使用时直接在组件中使用即可。 指令目录:src/directives 页面目录:src/views 具体可查看源码 1.1 权限指令 封装一个权限指令,在模板中根据用户权限来控制元素的显示或隐藏。 permission.js import { re ......
呕心沥血 指令 源码 项目 大全

c++并发编程实战-第4章 并发操作的同步

等待事件或等待其他条件 坐车案例 想象一种情况:假设晚上坐车外出,如何才能确保不坐过站又能使自己最轻松? 方法一:不睡觉,时刻关注自己的位置 1 #include <iostream> 2 #include <thread> 3 #include <mutex> 4 using namespace ......
实战

16-Vue数据监视

我们先探讨一个数据更新时的问题,假设在以下人员列表中,改变"马冬梅"的信息,可以通过什么方法 1)第一种方法(奏效) 数据更新时,方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" ......
数据 Vue 16

vue-day06

解析一下vue项目 为什么在浏览器中访问某个地址,会显示某个页面组件 1.根组件:App.vue必须是以下代码,里面使用router-view <template> <div id="app"> <router-view></router-view> </div> </template> 2.配置路 ......
vue-day vue day 06

大前端是什么?

大前端是什么? 简单来说,大前端就是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的 ......
前端

前端大文件分片上传断点续传

分片上传 分片上传是将大文件分成多个小文件进行上传,每个小文件的大小通常为1MB到10MB。上传时,将每个小文件分别上传到服务器,服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度,减少上传失败的可能性。 断点续传 断点续传是指在上传过程中,如果上传失败或者中断了,可以从上次上传的 ......
断点 前端 文件

vue中使用canvas压缩base64图片

参考自https://blog.csdn.net/weixin_42752574/article/details/126061352 后端返回图片的原始base64字符串,通过:style传到scss中显示,但有时候base64过长,可能会有5MB或者2MB这样的大小,那scss文件就接收不到这个变 ......
canvas 图片 base vue 64

前端vue项目部署中,用户还在访问系统,存在缓存问题,部署后需要ctrlF5强制刷新,解决热更新的几种方案

问题描述: 问题是这样的,在部署的时候,用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存;如果在部署的时候或者部署之前,用户并没有打开系统页面,部署完成后,才访问操风系统,不会存在缓存的。我刚才测试了一下。要想解决,部署之前或在部署中,用户还再使用的情况下,前端得写定时获 ......
前端 缓存 方案 项目 用户

node安装以及vue安装

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使 ......
node vue

vue项目的解析、登录小案例

vue的执行流程 1. 为什么浏览器中访问某个地址,会显示某个页面组件 vue-router第三方插件支持的: 访问:/(根路径) 》显示HomeView.vue 访问:/about 》显示AboutView.vue 根组件:App.vue App.vue中的template中的div会被替换到in ......
案例 项目 vue

vue3 | defineExpose的使用

简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露在任何在<script setup>中声明的绑定 换句话说,如果一个子组件使用的是选项式 API 或没有使用 <script setup>,被引用的组件实例和该子组件的  ......
defineExpose vue3 vue

vue通过 v-for循环出来的数组给元素 加不同的颜色

直接上代码: 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
数组 元素 颜色 v-for vue

CentOS环境 nginx配置vue项目

ps: 这里使用ruoyi-vue-plus项目举例,官网:https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/',然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
环境 项目 CentOS nginx vue

nodejs+vue+element-ui安装

1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后,使用vue会报错: ‘vue‘ 不是内部或外部命令,也不是可运行的程序 解决办法: https://developer.al ......
element-ui element nodejs vue ui

Java实战:大文件分片上传与断点续传策略及其实际应用

在许多应用场景中,处理大型文件上传可能成为开发人员面临的一项挑战。在网络环境不稳定,或者文件体积过大的情况下,传统的文件上传方式可能会出现问题。这时,文件分片上传和断点续传技术就显得至关重要。本文将向您展示如何使用Java实现这两种技术,并探讨其主要应用场景。 文件分片上传是一种将大文件切割成多个小 ......
断点 实战 实际 策略 文件

构建前端框架;零依赖性的反应性和可组合性

原文链接:https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html homeabout Building a Frontend Framework; Reactivity and Composabilit ......
依赖性 前端 框架

若依 vue问题

1.table 列 对布尔的处理 <el-table-column label="是否可见" align="center" prop="activityVisible" :formatter="formatActivityVisible"/> formatActivityVisible:functi ......
问题 vue

vue3封装一个公共的异步组件函数

在 Vue 3 中,可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例: import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
函数 组件 vue3 vue

浅入深出的微前端MicroApp

本文是由最近做的一个项目有感而发,因为之前做了一些技术栈的统一,为了用ant Design的pro-table,PC统一使用react,但是我们有一些老的项目是vue的,本次新页面较多,老页面的改动较少,除此之外老项目想换菜单,因此我们想借助本次机会用react开发,经过了几番思考,发现本次很适合用... ......
前端 MicroApp

vue+openlayers绘制线

绘制线 1 <template> 2 <div></div> 3 </template> 4 <script> 5 import VectorLayer from 'ol/layer/Vector.js'; 6 import VectorSource from 'ol/source/Vector.j ......
openlayers vue

【爬虫实战】用python爬今日头条热榜TOP50榜单!

目录一、爬取目标二、爬取结果三、代码讲解四、技术总结五、演示视频六、附完整源码 一、爬取目标 您好!我是@马哥python说,一名10年程序猿。 今天分享一期爬虫案例,爬取的目标是:今日头条热榜的榜单数据。 打开今日头条 首页,在页面右侧会看到头条热榜,如下: 爬取以上6个关键字段,含: 热榜排名, ......
爬虫 头条 实战 python TOP

【前端】前端部署发布浏览器缓存问题

方法一 代码清楚法 1:每次修改package.json版本号 2:在main.js中配置 const VUE_APP_VERSION = require('../package.json').version const vers = window.localStorage.getItem("app ......
前端 缓存 浏览器 问题

VUE后台管理系统(四) 用户,权限和菜单

原理分析 - 服务器根据不同的用户,返回不同的"路由信息","菜单信息","按钮信息"等待 - 从而实现不同的登录用户,看到的页面不一样(部分相同,部分不同) - 前端这边,路由不再写死(写死的话,每个用户看到的页面都是一样的) - 而是根据后端返回的"路由信息"来填充"router数据",最终实现 ......
后台 管理系统 菜单 权限 用户

解析vue项目,scoped,ref属性,混入mixin,插件,Elementui

0 解析一下vue项目🐱‍🚀 1 为什么浏览器中访问某个地址,会显示某个页面组件 -0 根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 router ......
Elementui 插件 属性 项目 scoped

认真学习前端第二天(多益校招笔试复盘)

1.margin塌陷:两者都是正数取最大值;一正一负取正值+负值;两者都是负数取最小(绝对值最大)2.lodash,vue-cli,element-ui,webpack,vite,rollup,babel 3.promise的打印题 4.熬不动了,没有规划好时间,今天只学了半个小时,做了一个半小时的 ......
前端 笔试