前端 终端 实战vue

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......

使用第三方库mitt实现全局事件总线，其原理，和Vue2类似，在app.config.globalProperties上添加总线，然后在需要的组件中引入，调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......

在 Vue 里面，是用 require 还是 required？始终拿捏不定，所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结：只有图片是 require，其它都是required ......

vue项目yarn upgrade后vite build报错，如何项目也运行不起来了。 报错截图： 解决办法： 删除node_modules文件夹，然后执行yarn install重新生成心的node_modules。 ......

引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台； 百度之后才发现，是我草率了，原来可以直接用复选框标签进行传输（好吧，又暴露了自己基础不扎实的事实......） 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......

本文主要介绍 Apache 的实际使用，文中所使用到的软件版本：Centos 7.9.2009、Httpd 2.4.55。 1、反向代理 涉及到 Https 站点时，安装 Apache 时需要启用 ssl，可参考 Apache httpd 入门实战(1)--概念及安装。 1.1、被代理站点为 Htt ......

根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数，下面就要使用render函数，从而完成渲染的操作： 首先，根据render函数生成虚拟节点；然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法，完成渲染 虚拟节点生成 封装vm._ren ......

一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled，data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......

依据个人的学习需求，对Vue官网中组件部分内容的搬运和总结，可用于参看，想详细了解Vue3这部分特性的可以直接参考官网内容：https://cn.vuejs.org props是一种特别的attributes，我们可以在组件上生命注册。比如：如果我们要传递给博客文章组建一个标题的话，我们则必须在该组 ......

vue-devtool是使用vue必不可少的一个工具，他可以让你在开发vue项目的时候，实时展示页面上的变量。 1、下载 到github下载：https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖，最好使用yarn，因为该项目使用yarn 这一 ......

第一种方法：通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key，然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包，放在目录下的pu ......

1、问题： 在vue2中axios通常是经过封装的后挂载使用的，来处理token及报错处理，比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了，那vue3中是如何简单、 ......

封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......

https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法，如下 方法一，setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......

CLS 是 Cumulative Layout Shift（累计布局偏移）的缩写，它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题，这些问题会导致网页元素在页面上闪烁或跳动，影响用户体验。 在前端开发中，CLS issue 是一个常见的问题，通常由于 ......

1、环境 在windows通过phpstudy部署sqli-lab靶场，在vm虚拟机部署kali。 2、直接测试 sqlmap -u "http://192.168.93.1/sqli/Less-1/?id=1" 如果直接指定url，可以不加-u url可以不加引号 测试过程中会有一些选项，ente ......

本篇讨论vue中使用$emit实现子向父通信， 第一步：我们在父组件中注册子组件，然后再给子组件标签添加一个自定义事件监听，这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件，那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 ......

1.nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http ......

1.需求：多选框选择多个类型，把选中的数据传递到后端 当初在做多选框，直接用了element-ui里面的el-check-box属性，在官网里面说，是使用v-modol绑定数值来传递，好嘛，，，传的一直是true！！不是我想要的数据，也是很久没使用vue框架了，做的时候很是怀疑自己，使用value来 ......

本笔记主要参考菜鸟教程和官方文档编写。1.v-if在div或者之类的dom中使用v-if可以控制是否插入该dom，控制由v-if的true和false决定。如：<div id="app"><div v-if="test"></div> </div><script>new Vue({el:"#app" ......

不论做什么产品，界面上几乎都少不了「确定」按钮，例如：操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮，都可以统称为确定按钮。 以前的产品设计，大量以来确定按钮，但是现在的产品设计，确定按钮用得越来越少了。 倒不是因为不需要确定操作了，而是除了「确定按钮 ......

# -*- coding: utf-8 -*- # 代码11-1 import os import pandas as pd # # 修改工作路径到指定文件夹 # os.chdir("./") # # 第一种连接方式 from sqlalchemy import create_engine engi ......

本次实验我们将会分析lab20-1,lab20-2文件。先来看看要求解答的问题 Lab20-1需要回答的问题如下 Q1.在0x401040处的函数采用了什么参数? Q2.哪个URL被用来调用URLDownloadToFile? Q3.这个程序做了什么事情? Lab20-2需要回答的问题如下： Q1. ......

原文：Hands-on Deep Learning with TensorFlow 协议：CC BY-NC-SA 4.0 译者：飞龙 本文来自【ApacheCN 深度学习 译文集】，采用译后编辑（MTPE）流程来尽可能提升效率。 不要担心自己的形象，只关心如何实现目标。——《原则》，生活原则 2.3 ......

一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统： 操作系统（Operation System，简称OS）是管理计算机硬件与软件资源的程序，是计算机系统的内核与基石； 操作系统本质上是运行在计算机上的软件程序 ； 为用户提供一个与系统交互的操作界面 ； 操作系统分内核与外 ......

1、大内存硬件上的程序部署策略 网站失去响应是由垃圾收集停顿所导致的，在该系统软硬件条件下， HotSpot虚拟机是以服务端模式运行，默认使用的是吞吐量优先收集器，回收12GB的Java堆，一次Full GC的停顿时间就高达14秒（太大会导致回收停顿时间过长。再加上直接进入老年代，Full GC 次 ......

生成render函数 前言 上篇，生成ast语法树，而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1，将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......

MobaXterm 23是一款基于Xserver服务器和SSH客户端而推出的远程计算机终端控制软件，集串口，SSH远程登录和FTP传输三合一的工具，便携版操作简单，使用非常方便。MobaXterm中文版内建多标签和多终端分屏，采用sftp文件传输，还支持运程运行X窗口程序，以其强大的功能而深受大众的 ......

var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用，值为 undefined ，其作用域为全局； let 和 const let 用法类似于 var ，但是所声明的变量，只在 let 命令所在的代码块内有效; const 只能用来声明常量，一旦赋值，不能修改，故使用 cons ......

安装配置虚拟环境virtualenv 官方给出的建议是最好在一开始就创建虚拟环境。在不同环境下，我们使用不同命令，即可创建出一个名为venv的虚拟环境 最简的方式是使用python指令之间创建 # windows python -m venv venv #linux/macos python3 -m ......