事项vue cli 01
vue2项目搭建
1安装 脚手架和打包工具 创建项目 npm install -g vue-cli npm install -g webpack vue create 项目名 创建vue项目时报错：vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请 ......
Docker CLI docker compose cp常用命令
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......
LCD01-基本概念
1.亚像素控制灰阶显示不同颜色 2.利用视觉暂留效应通过控制像素显示时间来显示不同颜色 液晶显示器（LCD）是一种数字显示技术，其工作原理是通过电场控制液晶分子的方向来调节光的偏振方向，从而实现显示效果。在液晶显示器中，偏光片发挥着至关重要的作用。 具体来说，液晶显示器中包含两个偏光片，一个位于显示 ......
Vue2电商实战项目(二)
最新接口请求地址 - http://gmall-h5-api.atguigu.cn/ - 示例: http://gmall-h5-api.atguigu.cn/api/product/getBaseCategoryList axios二次封装 - 前端请求方法大概有这几种: XMLHttpReque ......
vue属性之监听属性(watch)
简介 当一个变量的值发生变化时，执行对应的函数 语法 # 在属性中添加watch属性，并以需要监听变量的名字进行定义函数 data:{show: 'abc'} watch:{ show(){ 我是函数内容 } } 示例 <!DOCTYPE html> <html lang="en"> <head> ......
vue之计算属性(computed)
简介 在vue中，如果在methods中定义了一个函数，也是可以通过插值语法调用的，但会产生一个问题，如果有多个输入框使用了v-model，这时不管输入的内容是否与这个函数有关，这个函数都会执行一次，这样会让降低运行效率，为了解决这个问题，可以使用计算属性 计算属性效果： 计算属性只有在它的相关依赖 ......
vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量
概述：在index.html模板中判断当前环境，处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件（./config.js）,两种环境下将配置统一挂载到window全局变量上（SET_CONFIG） config.js window.SITE_CONFIG = { app ......
vue之组件
简介 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件 在工程化工发后，一个组件就是一个 xxx.vu ......
Spring01_IOC、DI和Beans配置
一、Spring概述 （一）Spring简介 Spring 为企业应用的开发提供了一个轻量级的解决方案。该解决方案包括：基于依赖注入的核心机制、基于 AOP （Aspect Oriented Programming，面向切面的程序设计）的声明式事务管理、与各种持久层技术的整合，以及优 秀的Web ......
vue 文件拖拽上传功能
现在，很多web端操作都喜欢使用拖拽上传功能。此方法使用起来也很简单，主要是使用 ondrop 和 ondragover 两个事件。 在vue中是这样的 <div class="upload-file-box" v-loading="loading" @drop="dropFile($event)" ......
docker_day01：介绍 容器与镜像 docker安装
docker介绍 什么是虚拟化 在计算机中，虚拟化（英语：Virtualization）是一种资源管理技术，是将计算机的各种实体资源，如服务器、网络、内存及存储等，予以抽象、转换后呈现出来，打破实体结构间的不可切割的障碍，使用户可以比原本的组态更好的方式来应用这些资源。这些资源的新虚拟部份是不受现有 ......
1.Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为 ......
Vue3快速上手
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
1.Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy）将它们转为 getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时 通知变化。每个组件实例都有相应的watcher程序实例，它会在组 件渲染的过程中把属 ......
3. Vue系列学习笔记 - Vue组件
定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 组件化： 是 ......
6. Vue系列学习笔记 - 配置.vue组件
注意： 有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖； 运行cnpm i vue-load ......
4. Vue系列学习笔记 - 路由
父组件向子组件传值 组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, componen ......
5. Vue系列学习笔记 - Webpack
在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件（Fonts） .svg .ttf .eot .w ......
7. Vue系列学习笔记 - 使用mui的tab-top-webview-main完成分类滑动栏
使用mui的tab-top-webview-main完成分类滑动栏 兼容问题 和 App.vue 中的 router-link 身上的类名 mui-tab-item 存在兼容性问题，导致tab栏失效，可以把mui-tab-item改名为mui-tab-item1，并复制相关的类样式，来解决这个问题； ......
Docker CLI docker compose convert常用命令
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......
（一）初始vue
data属性 data属性是传入一个函数，并且该函数需要返回一个对象： 在Vue2的时候，也可以传入一个对象 在Vue3的时候，必须传入一个函数，否则报错 data中返回的对象会被vue的响应式系统劫持，之后对该对象的修改或者访问都会在劫持中被处理： 所有我们在template或者app通过{{co ......
Vue动态创建组件实例并挂载到body
方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
一个 OpenTiny，Vue2 Vue3 都支持！
大家好，我是 Kagol，OpenTiny 开源社区运营，TinyVue 跨端、跨框架组件库核心贡献者，专注于前端组件库建设和开源社区运营。 今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 ......
【Visual Leak Detector】使用注意事项
说明 使用 VLD 内存泄漏检测工具辅助开发时整理的学习笔记。本篇介绍使用 VLD 时的注意事项。同系列文章目录可见 《内存泄漏检测工具》目录 1. 官网文档 可以在 Using-Visual-Leak-Detector 官方文档里看到如何使用 VLD。 2. 注意事项 以 v2.5.1 版本为例， ......
Web01
title: Web总结1 date: 2022-11-16 21:48:16 tags: Web categories: Web comments: true toc: true web笔记 链接 菜鸟教程 W3school HTML：超文本标记语言实现页面展现，形成静态网页 CSS：层叠样式表， ......
vue3使用elmentui-plus中的图标
按照官网这样直接引入使用,不知道为啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' 使用时,需要 <script> import { UserFilled } ......
前端Vue项目修改
【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客 用HBuilder X打开项目，修改 vue.config.js 文件 修改端口号、关闭语法检查、注释 mock ......
vue3引用draggable实现拖拽组件形成form表单
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 ......
Latex使用注意事项
浅记一下笔记，虽然这一次用完之后估计很少用了。 准备工作 之前看过一些准备工作，要安装这个软件，那个软件巴拉巴拉。自己也试了几遍（还是没成功），然后就直接转战 overleaf了。直接上传到网页上，也不用自己安装，还方便分享给别人修改。 模板：写论文一定要有模板，latex也不例外。有了模板基本上很 ......