源码extend vue
在线直播系统源码，默认倒计时，自定义输入时间倒计时
在线直播系统源码，默认倒计时，自定义输入时间倒计时 html部分代码 <div id="app"> <input type="num" v-model="time"> <input type="button" @click="click_input(time)" value="点击"> <div>{ ......
关于vue2中使用unocss样式无法生效的问题
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example ......
opendrive高精地图解析源码SDK , 毫不夸张的说这是全网最全最轻量级的opendrive高精地图解析源码，希望深入
opendrive高精地图解析源码SDK , 毫不夸张的说这是全网最全最轻量级的opendrive高精地图解析源码，希望深入了解opendrive高精地图解析内部机理的朋友，又或者希望直接将该SDK移植到工程项目中的朋友，这个源码SDK不可多得。实实在在的工作经验总结ID:8120067339943 ......
自动驾驶 激光雷达检测 ，带有两种激光雷达检测算法的具体源码实现，大家可以从代码中学习这两种算法工作的
自动驾驶 激光雷达检测 ，带有两种激光雷达检测算法的具体源码实现，大家可以从代码中学习这两种算法工作的原理也可以直接移植到大家各自的项目中进行使用。本商品代码带有注释，同时也提供了可运行的数据包进行验证测试，及详细的安装使用文档。 实实在在的工作经验总结资料是一线自动驾驶工程师辛苦工作的结果ID:3 ......
Vue使用:内联style动态绑定backgroundImage/background
1.直接在vue中使用style内联样式设置background或backgroundImage是无效的；比如这样写无效： <div style="background: url('../../assets/import/aa1.png')"> 内容。。。 </div> 2.必须使用拼接；但是直接拼 ......
从Spring源码分析@Autowired依赖注入实现原理
在平常项目开发中，使用@Autowired注解进行字段注入很常用，本篇就通过Spring源码，重点分析这种方式实现依赖注入的过程。 本篇Spring源码版本为5.1.7.RELEASE。 在源码中，关键类是AbstractAutowireCapableBeanFactory，这个类继承Abstrac ......
vue学习 第十一天 CSS3新特性 ---- 新增选择器（1、属性选择器 2、结构伪类选择器 3、伪元素选择器） / CSS3盒子模型（border-box总体宽度不变）/ 图片模糊、宽度计算 / 过渡（transition）
CSS3 新特性 1、CSS3 现状 1） 新增的CSS3特性有兼容性问题，ie9+才支持 2） 移动端支持优于PC 端 3.）不断改进中，应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 1）属性选择器 2）结构伪类选择器 3）伪元素选择器 ......
java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+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 ......
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 ......
Vue2入门之超详细教程八-计算属性
1、简介 计算属性： 1.定义：要用的属性不存在，要通过已有的属性计算得来 2.原理：底层借助Object.defineproperty方法提供的getter和setter 3.Get函数什么时候执行？ (1) 初次读取时会执行一次 (2) 当依赖的数据发生改变时会被再次调用 4.优势：与metho ......
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
java基于springboot+vue非前后端分离的影城管理系统、影院销售管理系统，附源码+文档+PPT+数据库
1、项目介绍 本影城管理系统主要包括二大功能模块，即用户功能模块和管理员功能模块。 （1）管理员模块：系统中的核心用户是管理员，管理员登录后，通过管理员功能来管理后台系统。主要功能有：首页、个人中心、用户管理、电影类型管理、放映厅管理、电影信息管理、购票统计管理、系统管理、订单管理等功能。 用户前台 ......
直播平台搭建源码，bootstrap实现图片轮播效果
直播平台搭建源码，bootstrap实现图片轮播效果 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>设计轮播图效果</title> <meta name="viewport" content="width=device-width ......
直播商城源码，利用Python将图片批量改成任意格式
直播商城源码，利用Python将图片批量改成任意格式 import globimport osimport threadingfrom PIL import Imagedef create_image(infile, index): os.path.splitext(infile) im = Ima ......
Etcd选主源码分析
Etcd v3.4.0 Raft角色 Raft集群中节点分为3种状态：领导者Leader、追随者Follower、候选者Candidate。正常情况下，集群中的节点只存在Leader与Follower这2种状态。 Leader：负责日志的同步管理，处理写请求，与Follower保持心跳。Follow ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二，Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的，其目标是替换大名鼎鼎的GCC编译器； 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程，而编译是编译器的工作，编译分为三个 ......
vue学习 第八天 定位5种 常见4种 加 粘性定位
学习目标 1）定位的4种分类 （四种定位）2）4种定位各自的特点 （4种定位各自的特点）3）常用子绝父相布局的原因 （子绝对、父相对布局）4）轮播图效果 5）显示隐藏的2种方式以及区别 定位 定位和浮动的不同 1）浮动可以让多个块级盒子一行没有缝隙排列品示 ，经常用于横向排列盒子。 2）定位则是可以 ......
vue2实现数据聚合【scatter-clustering】组件封装
实现如下效果： 效果展示：https://code.juejin.cn/pen/7228568245148581943 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; ......
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插槽
1.匿名插槽 就是定义的时候不带name的插槽，使用的时候也不用带name 总结： （1）一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 （2）匿名插槽的使用可以加template也可以不加，例如图B和图C，那三个元素有没有用template包裹都一样会生 ......
Vue指令学习
1.指令的定义 指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 指令还有一些基本的要了解的就是指令的修饰符(.native，.stop，.prevent等)，动态参数(<a @[event] ......
用vue2封装轮播图组件
日常练习 用vue2封装轮播图组件，传入图片信息数组。 实现思想： 图片组添加translate动画，通过轮播到第几张图片作为参数，让图片组整体移动。 Carousel.vue <template> <div class="carousel"> <div class="carouselList"> ......
vue学习 第七天 清除浮动 （clear：xxx）
清除浮动 问题一、父元素不方便设置高度，子元素设置浮动（不占位置），父元素的高度会默认为0，就会影响下面的标准流的盒子。 总结： 子盒子浮动，父盒子失去高度，影响了整体布局 1、清除浮动的原因 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响。这时就需要。清除浮动 2、清除浮动的 ......
vue学习 第六天 浮动 （float） 和 页面传统布局（标准流、浮动、定位）。
浮动（float） 1、传统网页布局的三种方式（3种） 网页布局的本质 用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式（盒子如何进行排列顺序）： 普通流（标准流）、 浮动、 定位 2、标准流（普通流 / 文档流）就是 标签按照规定好默认方式排列 1）块级元素会独占一行，从上 ......
vue学习 第五天 css基础 --- ps操作 / 圆角边框(border-radius) / 阴影（盒子/文字）box-shadow / text-shadow
ps基本操作 1、ps的基本操作 2、ps快捷操作的位置 3、样式书写习惯 4、样式设置的小细节（注意） 1、图片设置width： 100% 这样图片的宽度就不会超过父容器的宽度。 2、块元素没有设置宽度，给margin左右是没有效果的。 3、块级元素独占一行，将块级元素改为行内块元素就可以与其他行 ......