前端 终端 实战vue

###**前言** 您受聘在W1R3S.inc单个服务器上进行渗透测试，并报告所有发现。他们要求您获得root访问权限并找到标志（位于/root目录中）。 难以获得低特权外壳：初级/中级 获得特权升级的难度：初级/中级 关于：这是一个易受攻击的Ubuntu盒子，给了你一些真实世界的场景，让我想起了O ......

# props是只读的 vue规定：组件中封装的自定义属性是`只读的`，程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值，可以`把props的值转存到data中`，因为data中的数据都是可 ......

# 组件的`props` props时组件的`自定义属性`，在`封装通用组件`的时候，合理地使用props可以极大的`提高组件的复用性`！ ```JS Count 组件 count的值是:{{init}} +1 ``` ......

# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......

Docker实战_Mysql数据卷挂载 搜索镜像 docker search mysql:5.7 下载镜像 docker pull mysql:5.7 运行镜像 docker run -d -p 3306:3306 \ -v /opt/mysql/conf:/etc/mysql/conf.d \ - ......

# 使用场景 有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到`deep深度选择器`。比如：App组件中定义了.title的样式，也想让Test子组件中的.title也应用对应的样式 ![](https://img2023.cnblogs.com/blog/724275/2023 ......

1. websocket 转 promise send({type: 'getUserInfo'}) {type:'userInfo', payload: {}} const res = await getMessage({type: 'getUserInfo'},{type:'userInfo'} ......

[toc] # 一 前端项目创建，调整目录 ```python # 创建前端项目 vue2 前提：在目标目录新建luffy文件夹 cd python project vue create luffy_city 创建成功，用pycharm打开 ``` # 二 前端配置 ```python # 安装第三 ......

1.安装依赖 2.先试着跑一下 用户名admin,密码不限制，登陆失败有错误显示。 进来后发现默认端口号为9528 可以看到数据都是模拟的没有后端 3.修改端口号为8888 4.修改严格的语法检查为false（可以不改） 5.默认是否打开浏览器改为false 6.将来要注释掉的 mock是用来模拟数 ......

本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......

###直接贴代码 ``` ``` ......

按照官网安装vue-element-admin步骤： 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查，排查过程中，遇到过的报错情况： c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......

<div class="dialog_diy" > <el-dialog :visible.sync="otherShow" :close-on-click-modal='true' width="40%" height="80%"> <div slot="title" class="header- ......

在前端打包部署时，为了免去不同环境打包的麻烦，项目用的流水线触发方式。在这里不细说，重点说说下面情况。 当项目提交打包部署后，访问压测环境或者生产环境的地址来使用项目时，发现接口报错404。 在NETWORK里发现接口的BASEURL和当前环境需要调用的后端baseurl不同。 主要问题在于配置问题 ......

`ctx.globalCompositeOperation = 'destination-over';` >Canvas 2D API 的 CanvasRenderingContext2D.globalCompositeOperation 属性设置要在绘制新形状时应用的合成操作的类型，其中 type ......

​ Blob（二进制大对象）是一种特殊的数据类型，用于表示二进制数据。它可以保存任意类型的数据，包括图像、音频、视频、文件等。 Blob 对象通常在浏览器环境下使用，它提供了一种在客户端处理二进制数据的方式。Blob 对象包含两个重要的属性：`size` 和 `type`。 - `size` 属性表 ......

// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用（注意：element table务必指定row-key，且row-key必须是唯一的，如 id，不然 ......

Vue不推荐开发者直接操作dom（当然这并不表示不能这么做），有以下几个原因： 破坏了代码模块化结构导致代码腐化： 组件原本可以控制哪些dom操作可以对外暴露（即对应methods中的方法），但直接操作dom跳过了这个控制，这会导致不可预料的后果。 例如组件A中有一个输入框，且组件A没有暴露可以删除 ......

1.public文件 1.1 ico文件是浏览器上显示的小图标 1.2 index.html 单页应用的唯一html文件 2.src文件夹 2.1 api会去封装我们发给后端的请求 2.2 request.js帮我们封装了axios 2.2.1 请求拦截器 帮你往请求头里面塞数据进去 2.2.2 响 ......

删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......

 vue项目打包时报错，JS stacktrace : Reached heap limit Allocation ......

[TOC] # 特殊效果 一些方便的效果，使您的网站脱颖而出 ```javascript var isEnglish=true; let helloElement=document.getElementById("hello"); let $jQueryElement= jQuery(helloEl ......

1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl，paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......

1. pv/uv统计 pv: 页面重复浏览量 统计方式，多页面应用通常在页面load事件，单页应用通常在页面路由中 uv: 页面独立访客浏览量 统计方式，pv统计的基础上，添加唯一标识，可以是IP地址，用户浏览器localStorage存储的uuid等。 IP地址存在局域网内的共享一个ip、代理、动 ......

QT性能优化实战视频课程 QT6 Widgets高性能应用编程 1.课前考试 2.字符串优化(上) 3.字符串优化(下) 4.绘图优化(上) 5.绘图优化(下) 6.QT界面优化(上) 7.QT界面优化(下) 8.QT高性能统计图优化 9.QT高性能图形视图图元场景优化 10.Q高性能数据分页优化( ......

​ 对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......

1、deep深度监听的用法 当监听一个对象时，可能想监听整个对象的变化，而不仅仅是某个属性。但在默认情况下，如果你正在监听formData对象并且修改了formData.username，对应的侦听器并不会触发，它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听，通过将deep ......

前言 使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时间，进行 Vue ......

```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器，在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......

html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO ......