vue vue-cli-service min源码
vue特性
1.组件的模块化开发 1.1 组件注册局部 首先在创建一个vue页面作为组件,这里就以分页组件来演示: <!-- 分页展示 --> <el-pagination background style="margin: 50px auto" @size-change="handleSizeChange" ......
app直播源码,Vue 禁止输入框输入空格
app直播源码,Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
Ubuntu boost源码安装
卸载boost库 sudo rm -f /usr/local/lib/libboost* sudo rm -rf /usr/local/include/boost sudo rm -r /usr/local/lib/cmake/boost* sudo rm -r /usr/local/lib/cma ......
vue-unsaved-changes-dialog 在桌面页面上,弹出窗会跟随鼠标显示
简介及使用教程 这是一个漂亮的未保存变更对话框,有以下特点: 有保存、丢弃和取消三个按钮 在桌面页面上,弹出窗会跟随鼠标显示 显示隐藏动画流畅 智能避免弹出在窗口边缘并且随窗口大小调整自动适应 完全自适应:在移动设备上全屏显示 键盘可导航可访问 所有的文案都可以替换 更多优点: 桌面和手机上都有非常 ......
vue3中使用模块化vuex
话不多说直接上手 1.安装vuex的依赖(vue3版本) npm i vuex@4 2.在src目录下新建vuex的文件夹,并且新建store.js文件 在store.js中写入 (这里使用模块化的方式) //引入vuex插件 import { createStore } from 'vuex' i ......
vue项目打包编译后如何修改后台请求地址
1、在public文件夹下新建config.js 文件 2、config.js文件中,编写配置地址代码 3、在index中引入js文件 4、使用config.js中的变量,vue页面,js页面都可以用 window.setURL.publicBaseUrl ......
Vue二维码组件
1.前言 该组件依赖qrcode.js与element-ui 支持二维码大小配置,点击大图预览 该组件以vue文件形式进行封装,需要配置httpVueLoader插件进行引入,其他格式请自行更改源码 2.使用方法 引入依赖 <link href="https://cdn.bootcdn.net/aj ......
vue的model选项
vue中的v-model指令实现了表单的双向绑定,官网例子: <input type="text" v-model="message" /> <p>{{message}}</p> 其实v-model只是语法糖,真正的实现形式: <input type="text" :value="message" ......
vue2实现pc端自适应分辨率
思路:使用lib-flexible结合postcss-pxtorem实现 第一步 在项目utils下建立flexible.js文件(直接下载则不用新建该文件) 第二部 复制以下代码到刚建好的文件中或者直接yarn install lib-flexible-pc-y // 基于 libflexible ......
【Tomcat】【源码一】Tomcat 源码分析环境搭建
1 前言 Apache Tomcat®软件是Java Servlet、JavaServer页面、Java 语言表达式和 Java WebSocket 技术的开源实现。Java Servlet、JavaServer页面、Java 表达式语言和 Java WebSocket 规范都是在 Java 社区进 ......
Vue3.0 的自定义指令
我本人也是新手,所以我之前不知道自定义指令一般是在什么场景下用的。 在这里告诉各位新手朋友,我目前遇到的应用场景是在权限控制按钮、文本框等元素显示,就用上了这个自定义指令。我利用自己的一个案例进行介绍。 1.创建一个在util/directive/permission.ts 文件,代码如下: exp ......
演示Vue项目怎么添加水印??
水印的思路 1、创建一个canvas ,画上自己想要的水印样式。 2、创建一个元素节点(宽高等于当前屏幕,可设置内边距)。 3、canvas转换成Img,作为第2步骤的背景图片,并进行平铺。 4、将元素接口appendChild到body节点下面。 5、在App.vue的mounted声明周期中调用 ......
Vue写的H5页面微信打开链接,动态修改$route.meta.title 不生效,怎么办?
问题描述:如下图APP中写了导航栏,红框里面活动名称动态显示。但是将连接分享到微信中,微信打开导航栏的头就打不开了。 解决方法 document.title ="动态名称"; 问题原因:因为微信打开链接,导航栏上的标题并不是$route.meta.title 而是document.title. 衍生 ......
vue-draggable-resizable组件
npm i --save vue-draggable-resizable import VueDraggableResizable from 'vue-draggable-resizable';import 'vue-draggable-resizable/dist/VueDraggableResi ......
如何在Vue项目中引入avue进行开发?
Avue的官网 官网地址: https://avuejs.com/ 安装 3.1 安装 npm i @smallwei/avue -S $3.2 在main.js中引入 // 引入 import Avue from '@smallwei/avue'; import '@smallwei/avu ......
权限、认证、频率源码分析
权限源码 if not permission.has_permission(request, self) 这里的self并不是指对象,指的是视图类的对象(view),视图类中的has_permission中有三个参数(self,request,view) 配置在视图类上一个个权限类的对象列表 [权限 ......
java课堂开学第一节课测试源码
1 // 2 // Source code recreated from a .class file by IntelliJ IDEA 3 // (powered by FernFlower decompiler) 4 // 5 6 import java.io.PrintStream; 7 imp ......
vue移动端调试工具
1、安装vconsole npm install vconsole 2、main.js中导入 import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) ......
Vue H5 Swiper 动画
简介及使用教程 Vue H5 Swiper是一个H5移动滑块组件,适用于H5应用程序,轻量。 安装 Npm npm i vue-h5-swiper Yarn yarn add vue-h5-swiper 使用 引入 import { Swiper, SwiperItem } from 'vue-h5 ......
Vue Swing 左右动态滑动的动画
简介及使用教程 Vue Swing是滑动组件Swing的Vue.js包装器。 Swing是可滑动的卡界面,向左/向右滑动表示是/否输入,就如在Jelly和Tinder等应用程序中看到的那样。 安装 Npm npm i vue-swing Yarn yarn add vue-swing 使用 引入并注 ......
Vue 文本字幕组件(Marquee Text Component)
简介及使用教程 Vue 文本字幕组件(Marquee Text Component)是一个Vue.js的字幕文本组件,具有CSS GPU动画、快速、功能强大等特点。 安装 Npm npm i vue-marquee-text-component Yarn yarn add vue-marquee-t ......
vue-devtools-简介、下载、安装、配置、使用
一、安装方法(推荐) 1、克隆:git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git2、修改 mainifest.json 中的 persistant 为 true 3、执行命令 npm i 4、执行安装命令 npm run bu ......
SRM询价采购系统(源码),提升企业采购效率的关键
前言: 随着企业规模的扩大和业务复杂性的增加,采购过程中的管理变得尤为重要。传统的采购方式往往效率低下,容易产生腐败,无法满足现代企业的需求。因此,一种新型的采购管理系统——SRM询价采购系统应运而生。本文将详细介绍SRM询价采购系统的定义、功能、优势,并通过案例分析具体阐述其应用场景和操作流程,最 ......
Vue打包成单个Html文件
前提 Vite + Vue3 首先安装依赖: npm i vite-plugin-singlefile npm i unplugin-auto-import npm i unplugin-vue-components 修改vite.config.js import { fileURLToPath, ......
记录--用 Vue 实现原神官网的角色切换效果
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 为了更好的了解原神角色,我模仿官网做了一个角色切换效果,在做的过程当中也总结了一些技术点。 为了让大家更好的体验,我兼容了 PC 端和移动端,建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下! 话不多说,原神启动!! 效果 ......
DRF之Request源码分析
【一】路由入口 from django.contrib import admin from django.urls import path from book import views urlpatterns = [ path('admin/', admin.site.urls), path('te ......
《VUE》走马灯组件
<template> <!-- 走马灯 --> <div class="box"> <div class="carousel"> <div class="item" v-for="(v,i) in list" :key="i" @click="open(v)"> <img :src="v.img" ......
vue element admin 实现钉钉登录
lender提了个需求,要求实现钉钉扫码登录,分pc端(扫码)及手机端(直接跳转) 准备工作 根据开发者后台文档获取appId并设置对应的回调url。为了方便演示回调url我们暂定为:https://test.com/ding 登录跳转代码 PC扫码跳转 window.location.href = ......
vue element admin 导出带有sheet的excel
lender提了个需求,要求实现导出excel并且要分sheet页,博主非常依赖框架,以为框架的代码示例里会有,结果找了一圈都没看见,非常蛋疼只能自己改写代码了 改写函数部分 在框架根目录找到 src/vendor/Export2Excel.js 文件,搜索export_json_to_excel ......
直播软件源码,实现导航栏全透明
直播软件源码,实现导航栏全透明 [self.navigationController.navigationBarsetBackgroundImage:[selfimageWithColor:[UIColor clearColor]] forBarPosition:UIBarPositionAny b ......