源码extend vue
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 ......
直播源码,Xcode如何添加字体,自定义字体
直播源码,Xcode如何添加字体,自定义字体 1.网上搜索字体文件(后缀名为.ttf,或.odf) 2.把字体库导入到工程的resouce中 3.在程序viewdidload中加载一下一段代码 NSArray *familyNames = [UIFont familyNames];for( NSSt ......
application 'vueApp' died in status NOT_MOUNTED: [qiankun]: Target container with #vue not existed after vueApp mounted!
这是第一次微前端很常见的提示,尤其是第一次写前端的时候碰到的 解决1:主应用的 App.vue标签上的id="app"去掉,这是报错的根本解决2: // 在子应用挂在的时候处理 function render(props = {}) { const { container } = props; in ......
subDomainBrute源码分析
SubDomainsBrute简介 SubDomainsBrute是一款目标域名收集工具 ,用小字典递归地发现三级域名、四级域名、五级域名等不容易被探测到的域名。字典较为全面,小字典就包括3万多条,大字典多达8万条。默认使用114DNS、百度DNS、阿里DNS这几个快速又可靠的公共DNS进行查询 ......
vue高德地图多边形覆盖区
高德地图准备工作 安装amap cnpm国内安装比npm更快些; cnpm install vue-amap --save main.js 配置amap的基础配置项 import GaodeMap from 'vue-amap' Vue.use(GaodeMap) GaodeMap.initAMap ......
微前端-qiankun(乾坤)入门(只针对vue + vue)
微前端现在主要以qiankun为主,网上有很多微前端的教学,但是很多啰嗦甚至没有讲到要点,逻辑顺序也很跳跃,对于想入门的同学来说学习时间过长,结合种种情况,我整理网上qiankun 中 vue的教学,从一个入门新生,怎么一步一步创建一个项目过程开始讲解。 一、首先什么是微前端(了解) 微前端就是将不 ......
vue导出带样式的excel
示例说明实现导出excel不同块的颜色 template a标签仅做文件名称调整,默认为隐藏状态; <template> <div> <button @click="exportExcel">导出</button> <a ref="export_a" /> </div> </template> sc ......
Android后台模拟点击探索(附源码)攻略
本攻略将详细介绍如何在Android应用中使用后台模拟点击的技术。通过模拟点击,我们可以在后台执行一些用户交互操作,例如点击按钮、输入文本等。这对于自动化测试、批量操作等场景非常有用。 步骤一:添加权限 首先,在AndroidManifest.xml文件中添加以下权限: <uses-permis ......