事项vue cli 01

vue常用指令

v-bind(缩写为 :):用于绑定元素的属性到 Vue 实例的数据。 v-model:用于实现双向数据绑定,将表单元素和 Vue 实例的数据进行关联。 v-on(缩写为 @):用于绑定事件监听器,执行相应的方法。 v-if:根据条件判断是否渲染元素到 DOM。 v-for:用于循环渲染一组元素。 ......
指令 常用 vue

vue--day51----todolist 中App.vue 和 MyItem.vue 类似 父亲和子通信 通过全局事件总线实现通信

1.mainjs /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionTi ......
vue 总线 全局 todolist 父亲

vue创建项目步骤

安装指定版本Vue cli一、降低版本如果是已经安装了4.0以上的版本,卸载重装即可npm uninstall -g @vue/cli npm install -g @vue/cli@3.11.0 // 后面为版本号二、其他安装3.0以下:npm install -g vue-cli npm ins ......
步骤 项目 vue

vue概念

并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面 两大核心概念: 声明式渲染: 声明式渲染是一种描述界面应该呈现的方式,而不需要显式地操作DOM。在Vue中,你可以使用Vue的模板语法来声明界面的结构和数据绑定关系,Vue会根据数据的变化自动更新DOM。这样,你只需要关注数据和模板, ......
概念 vue

Jenkins学习-01(Jenkins学习的目的、Jenkins的作用)

一、学习的目的 因为从刚刚进入公司开始,就在使用Jenkins进行发版。虽然逐渐的会使用了Jenkins但是,对于自己还是一个完全的黑箱状态,所以说打算对Jenkins进行完整的学习并且加以记录,方便自己日后进行回顾。 ps:本次学习使用的是尚硅谷的在b站发布的Jenkins教程。地址:01-Jen ......
Jenkins 目的 作用 01

C++黑马程序员——P167-170. 模板 函数模板基本语法,注意事项,案例-数组排序

P167. 模板——模板的概念 P168. ...——函数模板基本语法 P169. ...——函数模板注意事项 P170. ...——函数模板案例-数组排序 P167. 模板的概念 模板 就是建立通用的模具,大大提高复用性。 模板的特点: 模板不可以直接使用,它只是一个框架 模板的通用并不是万能的 ......
模板 数组 黑马 程序员 语法

Vue第二季

[TOC] # **016-Vue CLI 本地存储 自定义事件** ## 3.8. WebStorage(js 本地存储) 存储内容大小一般支持 5MB 左右(不同浏览器可能还不一样) 浏览器端通过**Window.sessionStorage**和**Window.localStorage**属 ......
Vue

vue之jsx

# 一. vue中的jsx 用接近模板的语法代替render函数 不仅能自由地渲染dom,同时语法上也和template相似 例如: - "标签 h+ 变量"可以生成不同类型的级别的标题 - 使用html字符串渲染 Message.alert({ messge: 确定要删除xxx的笔记?, type ......
vue jsx

Linux环境编程day01--库与环境变量

##### UNIX系统简介: 1970年于美国贝尔实验室,作者肯.汤普逊和丹尼斯.里奇 UNIX是最早的多用户、多任务、支持多种CPU架构,高稳定性、高可靠性、高安全性 既能构建大型关键型业务系统的服务器(银行、电信公司等),也能支持移动嵌入式设备 Minix是一种开源的基于微内核架构的类UNIX ......
环境 变量 Linux day 01

vue + canvas 实现涂鸦面板

我们基于 canvas 实现了一款简单的涂鸦面板,用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ......
面板 canvas vue

Vue 中如何进行权限控制?

随着前端技术的不断发展,越来越多的前端框架被使用在 Web 应用程序中,其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架,它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中,权限控制是至关重要的一部分,如何在 Vue 中进行权限控制就成为了一个十分关键的 ......
权限 Vue

在vue中使用Electron开发C/S架构中的C(客户端界面)

Electron简介:Electron是利用web前端技术进行桌面应用开发的一套框架。 我是用的nodejs版本(16.18.1)和npm版本(8.19.2): 创建vue-electron项目,鄙人测试了两种方式创建vue-electron项目,如下所示:1、vue-cli-plugin-elec ......
架构 客户端 Electron 界面 客户

vue 动态绑定style class

## 绑定style ```html 基本使用 123 123 123 data () { return:{ styleArr: [ { fontSize: '30px', color: '#ff0000' }, { fontStyle: 'italic' } ], astyle: { color: ......
动态 style class vue

创建一个VUE项目

下载并安装nvm nvm可以帮助更换node版本 1、在官网下载setup.zip 2、setup.zip版本无需配置环境 3、在vscode中使用终端打开powershell 3.1 执行 get-ExecutionPolicy查看当前的脚本执行策略。 3.2 执行set-ExecutionPol ......
项目 VUE

前端项目时因chunk-vendors过大导致首屏加载太慢,Vue Build时chunk-vendors的优化方案

1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的,试过更高的版本会有ES6语法的报错,因为我node使用的是v12,如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
chunk-vendors vendors chunk 前端 方案

abp使用动态api客户端注意事项

步骤按照官方的来就行 API/Dynamic CSharp API Clients | Documentation Center | ABP.IO 但有一点要注意,这也是官方文档没提及的,比如你在application这一层调用另一个项目的api客户端 则要在application层的module里 ......
客户端 注意事项 事项 客户 动态

halo博客从1.X迁移到2.X注意事项

## 前言 官方的迁移教程很详细:https://docs.halo.run/getting-started/migrate-from-1.x 但是从我看官方文档到完成数据迁移,途中也吃了不少亏(昨天弄到半夜),所以写出这篇文档,避免更多的人踩坑 >本教程只针对于halo1.5/1.6 Sakura ......
注意事项 事项 博客 halo

vue2项目中引入svg图标

vue 版本 vue: "^2.6.11" 1. 下载对应的svg 依赖 npm install svg-sprite-loader --save-dev 2. 创建svgIcon 文件夹 文件夹下对应3个文件 svg 文件夹:存放svg 文件 index.js 文件:vue 挂载svg index ......
图标 项目 vue2 vue svg

MySQL在线修改varchar列的注意事项和方法

在数据库管理中,alter table操作是修改数据库结构的关键部分。mysql从5.6版开始提供在线操作,提供了一种在不锁定表的情况下执行这些更改的便捷方法。不过,这也有一些注意事项。在本文中,将探讨在线修改varchar列的过程,深入了解在扩大此类列的大小时获得的启发。 假设有以下表定义,该表要 ......
注意事项 事项 varchar 方法 MySQL

20天 hot 100 速通计划-day01

### 哈希 #### [1. 两数之和](https://leetcode.cn/problems/two-sum/) 给定一个整数数组 `nums` 和一个整数目标值 `target`,请你在该数组中找出 **和为目标值** *`target`* 的那 **两个** 整数,并返回它们的数组下标。 ......
hot 100 day 01

4-01两个视图基类

两个视图基类 1、APIView rest_framework.views.APIView APIView是REST framework提供的所有视图的基类,继承自Django的View父类。 APIView与View的不同之处在于: 传入到视图方法中的是REST framework的Request ......
视图 两个 01

微信小程序开发注意事项20230803-小程序中获取用户信息、用户手机号

1、小程序中获取用户信息、用户手机号等,属于敏感操作,需要用户主动触发,即: <button open-type="getPhoneNumber" onGetPhoneNumber="handleGetPhoneNumberButtonClick">一键登录</button> 上面的伪代码是获取用户 ......

02-01 请求模块

请求模块 1、CBV源码分析 # 视图层 from django.shortcuts import render, HttpResponse from django.views import View class CBVTest(View): # 通过调度(dispatch)分发请求 def dis ......
模块 02 01

VUE常见知识点记录(一)

## 在vue项目中import引入外部文件什么时候用花括号什么时候不用 ### 当你默认导出一个变量或者方法等的时候,也就是你在模块A中,export default a ,那么你导入时,始终不需要花括号 ![image](https://img2023.cnblogs.com/blog/3165 ......
知识点 常见 知识 VUE

Vue3+ setup语法中报错 'defineProps' is not defined(eslint[no-undef])

## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法,使用`defineProps`时出现Eslint错误: ![](https://img2023.cnblogs.com/blog/2240374/202308/2240374-20230803101840773-197 ......
中报 defineProps 语法 no-undef defined

jeecgboot前端 vue生产环境下console.log不显示的问题解决

我这里使用搞得jeecgboot低代码平台开发的系统,有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后,发现有console.log的地方,竟然都没有输出日志信息,这给调试带来了极大的不便。 于是我苦苦思索,寻找了很多办法,经过九九八十一难,终于换了个思路,心想是 ......
前端 jeecgboot console 环境 问题

vue中展示多张小图轮播每几秒走一张,支持左右点击

html部分 <div class="regional-services-list" style="overflow: hidden;" @mouseenter="stopCar()" @mouseleave="starCar()"> <div class="preIcon" @click="pre ......
多张 vue

前端vue uni-app自定义精美海报生成组件

在当前技术飞速发展的时代,软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用,一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改,从而造成牵一发而动全身的情况。为了解决这个问题,组件化开发逐渐成为了一种趋势。通过组件化开发,我们可以实现单独开发、单独维护,并且组件之间可以随 ......
前端 组件 海报 uni-app vue

[代码随想录]Day07-字符串 part01

## 题目:[344. 反转字符串](https://leetcode.cn/problems/reverse-string/) ### 思路: 每次把最前面和最后面的交换位置即可 `strings`库里没有反转的方法 ——这个反转是之后几个题的一个基础 ### 代码: 双指针调换位置 ```go ......
随想录 字符串 随想 字符 代码

How to build a VUE project

# 1.Download node.js in your computer * The download address of Node.js :https://nodejs.org/zh-cn/download/ ![image](https://img2023.cnblogs.com/blog/ ......
project build How VUE to