signaturepad简易 电子vue

vue学习 第十天(2) HTML5的新特性 ----- 语义化标签(布局标签)/ 多媒体标签(video、audio)

目标: 能够说出3~5个HTML5 新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 新特性都有兼容性问题,基本是IE9 + 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这 ......
标签 语义 布局 特性 多媒体

vue学习 第十天(1) css高级技巧 ----CSS用户界面样式 / vertical-align属性应用 / 溢出文字用省略号显示 / 常见布局技巧 **css初始化的原因**

用户界面样式 1)鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline:0;或者outline:none;样式之后,就可以去掉默认的蓝色边框( 选中情况下 )。 3 ......

电子商务网站用户行为分析及服务推荐

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

vue学习 第九天(2) css高级技巧. ---- 精灵图 / 字体图片 / CSS三角

学习目标: 1)精灵图 2)字体图标 3)CSS三角 4)CSS用户界面样式 5)vertical-align属性应用 6)溢出的文字省略号显示 7)常见的布局技巧 1、精灵图 1)需要精灵图的原因 (减少网页多张小图片的多次服务器请求) 网页中有很多小的背景图,过多的图片。会导致服务器频繁的接收和 ......
九天 字体 精灵 技巧 图片

vue学习 第九天(1) 元素的显示与隐藏 display (不保留位置) / visibility (保留位置) / overflow (对超出的部分进行处理)

元素的显示与隐藏 本质: 让一个元素在页面中隐藏或者显示出来。 1、display属性,隐藏后不保留位置 1)display::none;隐藏对象 2)display:block;除了转换为块级元素之外,同时还有显示元素的意思。 display 隐藏元素后,不再占有原来的位置。 2、visibili ......
位置 九天 visibility overflow 元素

Vue2入门之超详细教程八-计算属性

1、简介 计算属性: 1.定义:要用的属性不存在,要通过已有的属性计算得来 2.原理:底层借助Object.defineproperty方法提供的getter和setter 3.Get函数什么时候执行? (1) 初次读取时会执行一次 (2) 当依赖的数据发生改变时会被再次调用 4.优势:与metho ......
属性 教程 Vue2 Vue

Vue 前端设计模式梳理

一、什么是设计模式? 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码,让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践,它是一套现成的工具,拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
设计模式 前端 模式 Vue

java基于springboot+vue非前后端分离的影城管理系统、影院销售管理系统,附源码+文档+PPT+数据库

1、项目介绍 本影城管理系统主要包括二大功能模块,即用户功能模块和管理员功能模块。 (1)管理员模块:系统中的核心用户是管理员,管理员登录后,通过管理员功能来管理后台系统。主要功能有:首页、个人中心、用户管理、电影类型管理、放映厅管理、电影信息管理、购票统计管理、系统管理、订单管理等功能。 用户前台 ......
管理系统 系统 影城 springboot 源码

九江学院电子信息工程学院劳动教育活动月实施方案

九江学院电子信息工程学院劳动教育活动月实施方案 为贯彻新时代 “培养德、智、体、美、劳全面发展的社会主义建设者和接班人” 的教育方针,落实中共中央、国务院发布了《关于全面加强新时代大中小学劳动教育的意见》,结合劳动教育课程,我院将在今年5月开展以“树立劳动观念、提高劳动能力、弘扬劳动精神”为主题的劳 ......

摆脱电子产品的束缚,以及做家务的时间安排

代替手机等电子产品刷视频等等的事情,不是做家务,而是兴趣爱好。 做家务是越快越好,越简单越好,能机器做的,人不要做。家务占用的时间也不应该太长。用来做其他事情。(1.对于我而言,其他事情包括:看书,锻炼身体散步,学习知识技术等(基础理论(数学,信号与系统),自然科学);2.对于kk而言,其他事情包括 ......
家务 电子产品 时间 电子 产品

vue学习 第八天 定位5种 常见4种 加 粘性定位

学习目标 1)定位的4种分类 (四种定位)2)4种定位各自的特点 (4种定位各自的特点)3)常用子绝父相布局的原因 (子绝对、父相对布局)4)轮播图效果 5)显示隐藏的2种方式以及区别 定位 定位和浮动的不同 1)浮动可以让多个块级盒子一行没有缝隙排列品示 ,经常用于横向排列盒子。 2)定位则是可以 ......
粘性 常见 vue

vue2实现数据聚合【scatter-clustering】组件封装

实现如下效果: 效果展示:https://code.juejin.cn/pen/7228568245148581943 如果不会请移步到官网的栗子,请点击查看 直接给大家上代码: 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; ......

简易图片浏览网站

BY GPT4 我想创建一个图片浏览网站。我的服务器的公网IP是xxxxxxx,我的图片存储在xxxxxxxxxxx的各个子目录中,这个目录可能是嵌套的。我希望用户可以通过网页,方便地浏览、下载该目录下的图片。并且,服务器上的图片经常增加或者更新,我需要保证该网页的实时性,也就是与服务器上的图片情况 ......
简易 图片 网站

java基于springboot+vue前后端分离的超市进销存系统管理系统、超市管理系统,附源码+数据库+文档+PPT

1、项目介绍 超市进销存系统,通过这个系统能够满足超市进销存系统的管理及员工的超市进销存管理功能。系统的主要功能包括:首页、个人中心、员工管理、客户管理、供应商管理、承运商管理、仓库信息管理、商品类别管理、 商品信息管理、采购信息管理、入库信息管理、出库信息管理、销售订单管理、部门管理、岗位管理等功 ......

简单聊聊,使用Vue.js编写命令行界面,前端开发CLI的利器

Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
前端 利器 界面 命令 Vue

Vue插槽

1.匿名插槽 就是定义的时候不带name的插槽,使用的时候也不用带name 总结: (1)一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 (2)匿名插槽的使用可以加template也可以不加,例如图B和图C,那三个元素有没有用template包裹都一样会生 ......
Vue

Vue指令学习

1.指令的定义 指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 指令还有一些基本的要了解的就是指令的修饰符(.native,.stop,.prevent等),动态参数(<a @[event] ......
指令 Vue

用vue2封装轮播图组件

日常练习 用vue2封装轮播图组件,传入图片信息数组。 实现思想: 图片组添加translate动画,通过轮播到第几张图片作为参数,让图片组整体移动。 Carousel.vue <template> <div class="carousel"> <div class="carouselList"> ......
组件 vue2 vue

vue学习 第七天 清除浮动 (clear:xxx)

清除浮动 问题一、父元素不方便设置高度,子元素设置浮动(不占位置),父元素的高度会默认为0,就会影响下面的标准流的盒子。 总结: 子盒子浮动,父盒子失去高度,影响了整体布局 1、清除浮动的原因 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响。这时就需要。清除浮动 2、清除浮动的 ......
clear vue xxx

vue学习 第六天 浮动 (float) 和 页面传统布局(标准流、浮动、定位)。

浮动(float) 1、传统网页布局的三种方式(3种) 网页布局的本质 用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式(盒子如何进行排列顺序): 普通流(标准流)、 浮动、 定位 2、标准流(普通流 / 文档流)就是 标签按照规定好默认方式排列 1)块级元素会独占一行,从上 ......
布局 传统 页面 标准 float

vue学习 第五天 css基础 --- ps操作 / 圆角边框(border-radius) / 阴影(盒子/文字)box-shadow / text-shadow

ps基本操作 1、ps的基本操作 2、ps快捷操作的位置 3、样式书写习惯 4、样式设置的小细节(注意) 1、图片设置width: 100% 这样图片的宽度就不会超过父容器的宽度。 2、块元素没有设置宽度,给margin左右是没有效果的。 3、块级元素独占一行,将块级元素改为行内块元素就可以与其他行 ......

如何将input里面的数值传输到servlet后台(利用vue+axios实现)

相关步骤 1、为input输入框加一个属性v-model 2、并相应设置一个button 3、vue里面的data定义上这个v-model值 4、因为获取到了相关的数值,需要将其传递到后台,用post方式 5、定义我们需要传递到url的数据 完成! ......
数值 后台 servlet input axios

删除vue项目下载的依赖包

1、删除 del node_modules 2、重新下载 npm i 3、强制删除 npm cache clear --force 时间:2023-05-01 晚上 ......
项目 vue

Vue3 新特性 笔记整理

一.基于Vite的构建 vite优点(可以快速构建vue项目比webpack打包更加快捷) 1.快速的冷启动 2.及时的模块热更新 3.真正的按需编译 举例:vite3构建vue3项目 npm init vite =>选择框架,选择类别 npm install 安装依赖 注:vite构建后的项目,不 ......
特性 笔记 Vue3 Vue

java基于springboot+vue的校园二手书交易管理、校园二手交易商城、校园二手交易管理系统,附源码数据库文档

1、项目介绍 本次设计任务是要设计一个乐校园二手书交易管理系统,通过这个系统能够满足乐校园二手书交易的管理员及卖家用户和用户二手书交易信息管理功能。系统的主要功能包括首页、个人中心、用户管理、卖家用户管理、图书分类管理、二手图书管理、求购图书管理、求购回复管理、留言反馈、系统管理、订单管理等功能。 ......

快速搭建vue

1.安装node.js node -v 2配置npm的全局安装路径npm config set prefix "E:\develop\NodeJS" 自己的安装路径 3切换镜像速度快 npm config set registry https://registry.npm.taobao.org 4n ......
vue

7.Vue3

8.Vue3 8.1.创建工程 8.1.1.使用vue-cli创建 这个创建方式与vue2的创建方式一致,只不过在选择版本的时候选择3即可 ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vue/cli npm insta ......
Vue3 Vue

一文解析 Pinia 和 Vuex,带你全面理解这两个 Vue 状态管理模式

https://mp.weixin.qq.com/s?__biz=MzA5MTI0ODUzNQ==&mid=2652957572&idx=1&sn=c77f7ca8550aace7714b26d6781ccca3&chksm=8bab097cbcdc806a190092a0c083f36b47f9e ......
管理模式 状态 两个 模式 Pinia

Vue 路由router

简单案例: App.vue是核心组件,其中的<router-link>相当于a标签,to相当于href,export是暴露函数,这样某组件才能被其他组件识别到 代码: <template> <div id="app"> <img src="./assets/logo.png"> <h1>hello! ......
路由 router Vue

如何在Linux服务器上部署Vue项目

1. 在本地将Vue项目打包以项目运行在vscode为例,在调试窗口输入 npm run build待命令执行完毕之后,在项目目录下会生成dist文件夹,如下图 2. 创建一个运行文件,名字是:server.js server.js中的内容如下: const express = require('e ......
服务器 项目 Linux Vue