vue vue-cli-service min源码

Vue项目引入Bootstrap5步骤

1、在工程项目下安装Bootstrap5依赖包 ![image](https://img2023.cnblogs.com/blog/1417122/202307/1417122-20230705094019986-1824010760.png) `npm install bootstrap@5.3. ......
Bootstrap5 Bootstrap 步骤 项目 Vue

Vue, Django | 数据可视化平台开发

给公司搞了个互联网设备可视化平台,在地图上展示互联网设备的信息,点击地图不同区域,统计相应的设备信息,生成图表展示出来 ![](https://img2023.cnblogs.com/blog/2997171/202307/2997171-20230705092400289-934249968.pn ......
数据 Django 平台 Vue

前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放效果 可图片预览

#### 前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放 ,可图片预览,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13325 #### 效果图如下: ![](https://p3-juejin.b ......
视频 前端 组件 效果 详情

前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片

#### 前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13326 #### 效果图如下: ![](https://p3-juej ......
海报 商品 前端 组件 160

ugui源码阅读 - Image九宫格绘制

主要的代码: public static readonly Vector2[] s_VertScratch = new Vector2[4]; public static readonly Vector2[] s_UVScratch = new Vector2[4]; private void Ge ......
九宫 源码 Image ugui

Laravel 服务容器源码讲解

Laravel 服务容器是一个用于管理类依赖以及实现依赖注入的强有力工具。通过服务容器对象的 bind 方法将服务类的名称与创建方式,即闭包函数关联在一起,挂载到服务容器中。 容器对象通过反射,解析到有需要该类型对象时,自动创建并注入。bind() 方法是基础方法,其他,单例的绑定 singleto ......
容器 源码 Laravel

【Vue】el-select 数据过多替代方案

一、需求问题: 一开始就考虑使用简单el-select选取数据,但是后面数据量增多, 超过一千条开始,组件会很卡不好用,第二个是接口也慢了 数据量多的话是有一个filterable做支持了,可以输入关键字进行匹配检索 但是不能解决卡顿的问题,接口还是比较慢 二、替代方案: 然后改用了el-autoc ......
el-select 过多 方案 数据 select

vue2-样式冲突-使用deep修改子组件中的样式

# `/deep/`样式穿透 ```JS Left 组件 ``` ......
样式 组件 vue2 deep vue

客服系统机器人源码-微信专属个人助理可对接GPT

我们大家都见过很多微信机器人,对接了GPT以后效果非常好,可以作为微信群里的助理,帮助我们回答各种问题 现在我来分享一下微信机器人的源码,该源码是golang开发,可以实现模拟个人微信桌面版登录,监听到微信的各种消息。 下面就是完整代码 package main import ( "fmt" "gi ......
机器人 源码 助理 机器 系统

SpringBoot源码初学者(一):SpringBoot功能扩展接口的使用与源码分析

在长期的源码学习中,我一直没有找到一个讲解SpringBoot源码的文章,适合刚开始阅读源码的新手,包括我之前的写的一些文章,说实话SpringBoot的源码的确不适合新手,跳转多、结构复杂混乱,很容易迷乱其中。 长时间的学习当中,也总结出这些文章的部分问题: 没有说明用法,直接讲解源码,其实很多新 ......
SpringBoot 源码 初学者 接口 功能

Java源码系列4——HashMap扩容时究竟对链表和红黑树做了什么?

Photo by hippopx.com 我们知道 HashMap 的底层是由数组,链表,红黑树组成的,在 HashMap 做扩容操作时,除了把数组容量扩大为原来的两倍外,还会对所有元素重新计算 hash 值,因为长度扩大以后,hash值也随之改变。 如果是简单的 Node 对象,只需要重新计算下标 ......
源码 HashMap Java

vuE初探[230704]

## vue语法初探 ### 课前须知 > 知识储备:html、JavaScript、css(node、npm、webpack) ##### 课程介绍 ###### 进阶式: 1. 基础:生命周期函数 条件循环渲染指令、页面样式修饰语法··· 2. 组件:全局&局部、数据传递、插槽基础··· 3. ......
230704 vuE

Vue02

## 1.Vue计算属性和watch监听 ### 1.1.计算属性 ```HTML Title 您的生日是:{{birth}} ``` ### 1.2.watch - watch可以让我们监控一个值的变化。从而做出相应的反应。 ```HTML Title ``` ## 2.组件化 ### 2.1.什 ......
Vue 02

vue项目中锚点定位bug无效和替代方式

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位: scrollToSection(id) { let section = document.getElementB ......
方式 项目 vue bug

解决vue 不是内部或外部命令

##### 1.输入命令找到npm 的配置路径npm config list ![在这里插入图片描述](https://img2023.cnblogs.com/blog/3010252/202307/3010252-20230704195630377-2092913454.png) ##### 2. ......
命令 vue

Node.js下载安装及环境配置+vue配置

[TOC] #### 一、官网下载 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位 ![](https://img2023.cnblogs.com/blog/3010252/202307/301025 ......
环境 Node vue js

Vue内置缓存组件keep-alive

<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
缓存 keep-alive 组件 alive keep

java、vue基于hutool的aes指定秘钥加密(前后端aes加解密)

后端代码 //加密 data 对称AES Key byte[] key = getBytes("._^BV67nW6ck8fwg", 16);//秘钥长度最好是16位 SymmetricCrypto aes = new SymmetricCrypto(SymmetricAlgorithm.AES, ......
aes hutool java vue

vue-cropper cdn vue3 打包后提示找不到

vue-cropper cdn vue3 打包后bug vue3 项目 ts cdn 引入 vue-cropper 官网推荐引入方式 dev环境报错运行不了 后面发现打包后找不到 VueCropper,原来是名称问题, 修改如下: main.ts 直接引入 再添加脚本到html 文件 window. ......
vue-cropper vue cropper vue3 cdn

vue 基于 CountUp.js,可用于创建显示数字数据的动画。

地址:https://github.com/xlsdg/vue-countup-v2 Installation $ npm install --save countup.js vue-countup-v2 Usage <template> <div class="iCountUp"> <ICount ......
CountUp 数字 动画 数据 vue

Vue@2.7.x,使用组合式API(CompositionAPI)时,如何获取全局注册的属性或方法

## Vue@2.7.x,使用组合式API(CompositionAPI)时,如何获取全局注册的属性或方法 - ### 前提 ```js // 你已经在main.js中定义了全局属性,像vue2中定义的方式那样,全局可以通过this.$foo使用它 import Vue from 'vue' Vue ......
CompositionAPI 全局 属性 方法 Vue

07: vue3 侦听器

1 <template> 2 <p>{{ message }}</p> 3 <button @click="updateHandle()">修改数据</button> 4 </template> 5 6 <script> 7 export default{ 8 data(){ 9 return{ 1 ......
侦听器 vue3 vue

java http大文件断点续传上传源码

​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
断点 源码 文件 java http

04: vue3 列表渲染

1、简单绑定 2、复杂数据模拟json 3、遍历对象 5、位置索引 6、通过 key 管理状态 最理想情况key值还是通过后台接口获取的唯一主键id ......
vue3 vue

05:vue3 事件处理

......
事件 vue3 vue

06:vue3 数组变化侦测

......
数组 vue3 vue

07:vue3 侦听器

1 <template> 2 <p>{{ message }}</p> 3 <button @click="updateHandle()">修改数据</button> 4 </template> 5 6 <script> 7 export default{ 8 data(){ 9 return{ 1 ......
侦听器 vue3 vue

ansible源码开发

一、使用插件 1 回调插件介绍 1.1 修改默认的回调插件 同时只能有一个回调插件作为主要的管理者,用于输出到屏幕。 如果想替换,应该在这个插件中修改 CALLBACK_TYPE = stdout, 之后在 ansible.cfg 中配置 stdout 插件。 [defaults] stdout_c ......
源码 ansible

vue3+tiff.js展示tif文件

vue3+tiff.js展示tif文件 场景:tif格式的文件需要在页面上预览(预览的tif文件较小) 组件:tiff.js npm install tiff.js 组件引入: import 'tiff.js'; 注意:网络上的信息引入使用import Tiff from 'tiff.js' 但是实 ......
文件 vue3 tiff vue tif

Vue-CoreVideoPlayer使用

### 介绍 ```pyc Vue-CoreVideoPlayer 一款基于vue.js的轻量级的视频播放器插件。 采用Adobd XD进行UI设计,支持移动端适配,不仅功能强大,颜值也是超一流! Vue-CoreVideoPlayer的说明文档和sample都很完善,上手十分容易。 该组件也保持了 ......
Vue-CoreVideoPlayer CoreVideoPlayer Vue