空格 源码app vue
vue---v-modle实现字符组件通信
子父组件在做数据传值和通信中，通常都是父组件通过【:props】进行数据的传递，通常用于父组件通过传递不同的参数，改变子组件。 但是经常会遇到这样的场景： 需要父子组件进行数据通信，实现双向数据绑定，可以利用 v-modle 实现父子组件数据交互通信。 父组件： <template> <div> < ......
修改Zabbix源码实现监控数据同时写入数据库和ES集群
写在开篇 玩过 Zabbix 的朋友都了解，Zabbix 提供了与 Elasticsearch（ES）的集成，允许用户将历史数据存储在 Elasticsearch 中，而无需使用传统数据库。在高监控负载的生产环境中，这种架构带来了多重好处。首先，它有效减轻了数据库的负担，从而提高了整体性能。其次，通 ......
Vue 3 中的 jsx 实践
一、起因 template 的写法不太灵活，数据和模版都放在一起，不能拼接； 如果拆太碎，每个碎片组件都得写一堆 props/emit 才能确保通信的完整性，太麻烦; 如果写在一个文件中，模版上的判断逻辑 (v-if) 又得一堆； 二、codes 碎片组件 1: <script lang="jsx" ......
App渗透 - 人脸识别登录绕过
一、APP抓包和逆向破解加密算法打开APP是一个登录框抓包后发现参数被加密了使用Jadx脱源码发现，并没有加壳也没有混淆，运气很好根据经验，先搜索Encrypt、Decrypt等关键字，发现在Common.js中有一个encryptData函数定位过去，一套加解密算法都写好了放在这放到浏览器cons ......
记一次对某个未成年禁入app的渗透测试
0x01 thinkadmin历史漏洞复习已经找到对方的app的后台地址是thinkadmin，因此我们需要去复习thinkadmin的历史漏洞。CVE-2020-25540https://github.com/zoujingli/ThinkAdmin/issues/244利用POC如下https: ......
Uncaught runtime errors:在IDEA中运行vue项目时出现该错误
IDEA中输入npm run serve ，出现该错误 Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading 'prototype') TypeError: Cannot read properti ......
JCF相关基础类接口/抽象类源码阅读
目录简介代码分析IteratorIterableCollectionAbstractCollectionListAbstractListItr（Iterator的实现）ListItr（ListIterator的实现）SubListRandomAccessSubList参考链接 本人的源码阅读主要聚焦 ......
APP分发一些坑和注意事项
app分发是很多app开发类的企业都会经常用到的一种平台，通过把开发好的app上传至分发平台进行内测下载，当你app的一时半会无法上架的app商城的时候，可以通过app虾分发平台暂时解决用户下载的问题，随着对个人信息保护和监管逐渐严格，苹果与各安卓商店对App审核都严格了很多。需要注意的是，很多分发 ......
记一次对某色X直播APP的渗透
在一个风和日丽的晚上,正兴奋逛Twitter的我,忽然发现下面推荐关注有这么一个xxxx视频的名片。这这这这，我可是正经人，不知道Twitter为啥会给我推送这些。这必须盘他,打开推广链接，辣眼睛，下载该app。这app一打开就给人一股熟悉的味道，一看感觉很有可能是tp二开的。注册手机号fiddle ......
create-react-app react中使用monaco-editor v0.44
在通过create-react-app创建的react应用中使用monaco-editor v0.44 下载包： npm i monaco-editor npm i monaco-editor-webpack-plugin 安装插件： 使用craco自定义webpack配置 npm i craco ......
vue2-diff算法手写一步步增加功能
前面 vue2 diff算法尽可能复用原来的老节点(比如老节点头尾跟新节点头尾看看是不是同一个节点，是的话打个补丁(更新class什么的,然后他的子节点继续调用这个diff算法), 没有找到可复用的就重新创建)。代码行数也不多，核心函数是 updateChildren vue patch工作流程简单 ......
Vue高频面试题
1. 谈谈你对 Vue 的理解？ Vue 是一个渐进式的 js 框架，专注于构建用户界面。 Vue 的核心思想是数据驱动和组件化，通过将页面拆分为多个独立的组件，可以更好的管理到吗， 提高代码的复用性和可维护性。 Vue 的优势在于：简单易用，灵活性高，性能卓越和拓展性强。 Vue 的模板语法易于理 ......
vue3（三）
1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue，里面的内容要如何实现如下图所示的布局，如何实现点击页面左半部分文字，而只有页面右半部分的内容发生变化呢？ 不难想到，导航栏的内容是挂载到App.vue文件上的。稍加思索的是，要利用RouterView技术，将页面右（Detail ......
vue书写风格API
Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API，是一种通过声明式选项（如 data, methods, comp ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
vue-router的使用，以及路由守卫的使用，复制直接用！
安装完路由，我们在更目录创建一个router的文件夹，然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
Vue2入门之超详细教程十二-列表渲染
1、简介 V-for指令: 1. 用于展示列表数据 2. 语法：v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知 ......
H5APP请求部分js脚本出现502情况问题排查
1. 问题现象 公司客户APP内网部署，集成到公司客户办公APP，如果想要外网访问APP，需要通过指定的地址，估计是反向代理，具体的我不是很清楚。 昨天突然出现无法进入APP的问题，经过排查发现是部分js文件请求失败，报502错误 2. 排查思路 首先排查服务器与网站是否正常，远程发现网站运行正常， ......
【火爆】抖音同款音乐圣诞树源码
1. 音乐圣诞树 可以选择默认背景音乐，也可以上传喜欢的音乐，稍等片刻，灯光会跟随音乐变化 2. 绿色圣诞树 比较简单，圣诞树会旋转，有雪花飘落 3. 圣诞快乐圣诞树 “圣诞节快乐字体会逐一闪亮”，下面圣诞树会旋转，但是会有交替 3. 纸圣诞树 圣诞树会旋转，有雪花飘落，圣诞树上面文字可修改 5. ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
第6天：基础入门-抓包技术&HTTPS协议&APP&小程序&PC应用&WEB&转发联动
安装charles 到Windows本地： 安卓模拟器安装： 如果抓模拟器就要使用从远程主机，如果不是，则从所有进程 访问 谷歌浏览器安装证书： 41：43 ：如何将charlet数据，带外代理到burpsuite ......
vue+three旋转地球
<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
MySQL运维实战（1.3）安装部署：源码编译安装
作者：俊达 引言 在大多数情况下，我们不需要自己编译MySQL源码，因为编译的MySQL和二进制包的内容基本一致。然而，有些特殊情况可能需要我们采用源码编译的方式安装MySQL： 安装非标准版本的MySQL：有些特殊的应用场景会使用到MySQL的非标准版本，这时候我们就需要编译源码来安装。 安装社区 ......
记录一下vue中的异步循环
刚开始是在使用文件上传的时候，多个文件上传进度进行显示，然后在多文件上传的时候发现，会一次性进行全部上传，查了一下发现是因为js是单线程的，所以会有这个问题 于是开始寻找异步循环的方法，代码如下 async submitCreateImgUrl(){//批量上传 this.submitLoading ......
蛋壳追踪给你的app集成免填邀请码功能，邀请裂变效果嘎嘎好
App裂变营销中填写邀请码环节带来的用户流失难题 一、背景 在当今移动互联网时代，App成为了人们日常生活和工作中不可或缺的工具。随着市场竞争的加剧，App的推广和增长变得愈发困难。裂变营销作为一种有效的推广手段，被广泛应用。但在裂变营销中，填写邀请码环节常常成为用户流失的“重灾区”。 是的，邀请码 ......
vue实现h5扫码
插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台，Android、IOS、Windows、MacOs 或者 ......
vue中watch怎么深度监听数据变化？
有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
vue音频（监听播放完成）
<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......