前端 终端 实战vue
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
vue-day15--条件渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>条件渲染< ......
Django 在终端打印 ORM 对应的 SQL 语句的两种方式
前言 在使用 Django 框架开发项目中，如果想知道使用 ORM 语句操作数据库转换对应的 SQL 语句时，那么可以使用两种方式来实现 方法一 在 Django 项目的 settings.py 文件中，找到日志配置LOGGING，没有找到日志配置项的直接复制粘贴如下代码即可 配置好之后，重新运行项 ......
web前端 第三天总结
案例1：伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
vue.config.js
const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认：'/',部署应用包时的基本 URL，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，如果是部署在一个子路 ......
vue（十一）服务启动
本地debug 在项目路径下输入命令 npm run serve 打包部署 1、打包：在项目路径下输入打包命令，会打包成一个dist文件夹 npm run build 2、安装服务器： npm install -g serve 3、启动服务 serve -s dist -s 参数的意思是将其架设在 ......
vue（九）vue3新特性
vue3六大亮点： 性能比Vue2强 可以将无用模块去掉，仅打包需要的 组合API 碎片（fragment），portal传送门（teleport），悬念（suspense） 更好的TS支持 暴露了自定义渲染API setup() 在setup函数中声明对象，代替data()。ref声明简单对象，r ......
vue（十）Element-plus
Element-plus 基于Vue3，Element-ui 基于Vue2，是一套前端页面组件库 安装和使用 安装 npm install element-plus --save 使用：按需导入，只打包使用到的组件 安装插件 unplugin-vue-components 和 unplugin-au ......
vue（八）状态管理vuex
安装和使用 Vuex是一个专门为vue.js应用程序开发的状态管理模式 + 库，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简单说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和 ......
Vue + Element ui 实现动态表单，包括新增行/删除行/动态表单验证/提交功能
总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能，该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能，趁热打铁，将开发心得记录下来，方便以后再遇到类似功能时，直接拿来应用。 简化的页面效果图如下： 之移动端调试利器VConsole—教程链接 js常用插件(二)之移动端手势利器hammer单双指操作—教程链接 js常用插件(三)之html2canvas生成海报(jcanvas后续出)—教程链接 js常用插件(四)之jsonExportExcel导出表格(后台系统必备)–教程链接 ......
NodeJS使用npm安装vue脚手架
开发环境准备：Windows10、Windows11 NodeJS，安装官网最新LTS版即可 下载地址：https://nodejs.org/ 安装一路下一步，默认即可 1、检查 Node版本、npm包管理工具版本，命令如下： 打开cmd命令，输入如下命令： node -v npm -v 2、安装 ......
Vue
# Vue ## First ### 创建Vue实例 **核心步骤（4步）：** 1. 准备容器 2. 引包（官网） — 开发版本/生产版本 3. 创建Vue实例 new Vue() 4. 指定配置项，渲染数据 - el:指定挂载点 - data提供数据 ```html {{ msg }} ``` ......
第十二篇 - 将Vue2升级成Vue3
vue3在vue2的基础上有所更新，所以从vue3开始学起吧。 参考链接：https://zhidao.baidu.com/question/2275453896941683268.html 一、升级vue 首先，查看当前vue的版本：npm list vue 接下来对npm进行升级：npm ins ......
活动回顾｜阿里云 Serverless 技术实战与创新广州站回放&PPT下载
` 以上将会被转译为下面的样子： ``` // vite 生成 ......
MySQL同步ES实战，肝到爆！
技术是什么？就是拿来玩的，边玩边学，才能成长得更快。 之前已经给大家讲解了 MySQL 同步 ES 的几种方案，下面就教大家如何通过 Canal，将 MySQL 同步到 ES，文章内容绝对妥妥干货！ 本文会先讲解需要用到的基础知识，然后再是软件安装，最后就是实战部分。 不 说，上文章目录： 01 基 ......
vscode输入终端命令报错：禁止运行脚本
## 前言 因为最近打算用vscode写一些简单的脚本，然后在用终端输出初始化命令的时候报错了： ``` >cnpm init cnpm : 无法加载文件 C:\Users\vic\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https ......
vue+jszip多图下载成压缩包
1、引入jszip <script src="https://cdn.staticfile.org/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/jszip/3.10.1/jszip.min ......
电商支付实战项目与相关面试题总结
电商支付实战项目与相关面试题总结 接下来我将用一篇万字长文，总结好这个项目以达到可以正面硬钢面试官的水平，如果作为一个毫无头绪的大学生的你，简历中需要一个还算拿得出手的项目，那么在2023年的今天，足矣作为一个还算OK的项目写进你的简历。当然，这只能算简历中的第一个项目，你还需要一个更好一些的项目作 ......
Vue3+.net6.0 二 模板语法-属性绑定，指令绑定，动态属性和指令，修饰符
Vue部分 const { createApp} = Vue; const app = createApp({ data() { return { count: 0, content:'<h3>我是html内容<h3/>', isDisabled:false } } }); app.mount('# ......
pandas实战：电商平台用户分析 转载
数据分析 1.行为概况 首先，我们要对用户的行为类型有一定的理解，了解每个行为所代表的含义。 浏览：作为用户与商品接触的第一个行为，它的数量级与其他行为类型相比而言是非常庞大的，因为： 用户购买之前需要货比三家，可能会浏览很多个商品最后只下单一个，此时就是多个浏览对应一个下单。 但大部分用户可能只是 ......
Vue后台管理系统(一)
### ```vue-admin```后台管理系统 - 框架地址 ``` - 简洁版: https://gitee.com/panjiachen/vue-admin-template - 加强版: https://gitee.com/panjiachen/vue-element-admin ``` ......
vue 基本语法
新建Vue对象 <!DOCTYPE html> <html> <head> <title>Vue Demo</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> < ......
vue-组件
<!DOCTYPE html> <html> <head> <title>Vue Demo</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id=" ......
Vue监听store中数据变化的2种方式
 ![](https://img2023.cnblogs.com/blog/1202393/202307/1202 ......
第十一篇 - Vue页面内嵌一个vue页面
一个页面的导航栏是可以重用的，所以重用部分单独提出来作为一个vue页面是很有必要的，那么一个vue页面内嵌一个vue页面怎么实现呢？ 目前程序是可以跳转到jump1页面的，现在我们新建一个navigation.vue，将其内嵌于jump1页面看看。 第一步：新建navigation.vue navi ......
Vue element-ui 动态生成自定义table表头实现数据渲染
需求：表头的数据是动态的，有可能字段值很长且很多。解决方法自定义动态表头，字段长使用文字提示【el-tooltip组件】。 效果图： 直接上代码： 1、vue代码 1 <el-table 2 :data="tableData" 3 border 4 style="width: 100%" 5 hei ......