思维simple-mind-map simple vue2
vue-quill编辑器vue2版
<template> <div class="app-container"> <p class="warn-content"> Markdown 基于 <el-link type="primary" href="javascript:void 0;" target="_blank">vue quil ......
Simple CTF-简单CTF
首先对靶机进行端口扫描 nmap -sV -p- 10.10.70.110 通过扫描结果可以看出靶机开放了21端口vsftpd服务、80端口apache服务、2222端口openssh服务 这里我们的思路是 匿名用户登录ftp,获取一些有用的文件 80端口目录扫描，robots文件，指纹识别 ssh ......
【Vue2】金额范围查询项
Element 只提供了DatePicker，没有做金额的Picker 这个东西就只能自己做了，实现效果： 后台接口条件： 因为有可能只有起始值，只有结束值，或者起始值结束值都有三种情况 1、如果有起始值且没有结束值， 则金额 大于等于 起始值 2、如果有结束值且没有起始值，则金额 小于等于 结束值 ......
abc095d<思维>
题目 Static Sushi 一个圆桌上摆着n个食物，吃掉每个食物得到一定能量，沿着圆桌任意顺时针逆时针走，每走一米消耗1点能量，求能够得到的最大能量。 思路 一共4种走法： 顺时针走到某位置离开； 逆时针走到某位置离开； 顺时针走，而后走回原点，在逆时针走到某位置，离开； 逆时针走，而后走回原点 ......
abc314e<构造，思维>
题目 D - Grid Components 在不超过100×100的方格中染黑白色，使得白色联通块个数为a，黑色连通块个数为b。 思路 固定使用100×100的格子，首先将上半部分全涂白，下半部分全涂黑；此时黑白两色的连通块的个数均为1； 而后在白色区域，在不破坏白色区域白色块联通性的前提下，离散 ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
vue2-vue3 1
vue介绍 一、前端发展史 1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现 -> 后台发送异 ......
vue2和vue3的区别？
vue2和vue3的区别？ 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持，结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
程序员三大基础思维简谈：协议、接口和分层
不管是硬件设备、软件概念或者是网络通讯中，协议、接口无处不在，软件系统离不开分层模型。我认为它们应该是计算机类专业中基础的基础，是必学的课程或概念。协议和分层，各种课程都有涉及，但可惜的是，很多计算机类专业都没有设立接口技术这一项。 我当年上大学，接口技术只是一门不受重视的选修课，老师不讲，学生不用 ......
Vue2入门之超详细教程十五-收集表单数据
Vue2入门之超详细教程十五-收集表单数据 1、简介 收集表单数据 若：，则v-model收集的是value值，用户输入的就是value值。 若：，则v-model收集的是value值，且要给标签配置value值。 若： 1.没有配置input的value属性，name收集的就是checked（勾选 ......
Vue2入门之超详细教程十四-列表的过滤和排序
Vue2入门之超详细教程十四-列表的过滤和排序 1、简介 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知识 传送门。 2、列表操作 1. 列表过滤 persons:[ {id:'001',name:'马冬梅',age:19,sex:'女'}, {id:'0 ......
vue2 只显示x轴数据不显示y轴数据
vue2 只显示x轴数据不显示y轴数据 背景 在使用vue2的echarts画折线图发现只显示x轴数据，不显示y轴数据，现象如下： 代码 <script> import { getData } from '../api' import * as echarts from 'echarts' expo ......
vue2 radio单选
<span v-for="item in radioData" :key="item.value"> <input type="radio" @click="chcekRadio($event)" name="abutmentVal" v-model="myData.abutmentVal" :id ......
Vue2入门之超详细教程十三-key的作用与原理
Vue2入门之超详细教程十三-key的作用与原理 1、简介 React、Vue中的key有什么作用？ 1.虚拟DOM中key的作用： key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM]，随后Vue进行[新虚拟DOM]的差异比较，比较规则如下： ......
vue&webpack - vue2版本webpack脚手架配置梳理
vue&webpack - vue2版本webpack脚手架配置梳理 资源链接 Vue CLI webpack webpack5 和 webpack4 的区别 webpack Webpack 4 于 2018 年 2 月发布。 （2020-10-10）webpack 5.0.0 发布 VUE CLI ......
vue2-diff算法手写一步步增加功能
前面 vue2 diff算法尽可能复用原来的老节点(比如老节点头尾跟新节点头尾看看是不是同一个节点，是的话打个补丁(更新class什么的,然后他的子节点继续调用这个diff算法), 没有找到可复用的就重新创建)。代码行数也不多，核心函数是 updateChildren vue patch工作流程简单 ......
Vue2入门之超详细教程十二-列表渲染
1、简介 V-for指令: 1. 用于展示列表数据 2. 语法：v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知 ......
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒，不想再安装swiper来渲染，直接改造下element-ui的走马灯，实现类似的效果，最主要的是后续会迭代到vue3，所以这里临时的实现下即可； 内容 元素绑定ref 给需要监听的元素添加ref，这里是ref="carouse" <div v-for="(nodes, inde ......
vue2和vue3的区别有哪些
一、生命周期 vu3在组合式API（Composition API）中使用生命周期钩子时需要先引入，vue2在选项API（Options API）中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......
代码中的解耦思维
解耦思维是一种设计和思考问题的方法，旨在将复杂的系统或问题拆分为独立的组件或子问题，以降低系统的耦合度和提高可扩展性。以下是一些关于解耦思维的要点： 1. 模块化设计：将系统划分为多个模块或组件，每个模块负责特定的功能。模块之间应该有清晰的接口定义，以便彼此独立地开发、测试和维护。 2. 松散耦合： ......
vue2.5.2设置二级目录访问
vue发布到IIS后，需要通过二级域名访问： 1、找到config->index.js 节点assetsPublicPath，设置你要的二级域名名称 2、IIS创建站点后，在站点下添加应用程序web （跟上面同名） ......
vue2中 watch和computed的区别
计算属性（Computed）： computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时，才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的，不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法，可以更灵 ......
vue2添加反向代理解决跨域问题
编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
vue2 自定义插件
自定义插件的基本使用： let MyPlugin = {}; MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. ......
海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案
最近新需求项目集成WebSDK_V3.3.0的视频插件，开发过程中遇到了一些问题，如下： 无法正确引入插件/InitPlugin报错 使用文档中写的I_DestroyPlugin报错并且再次Init插件后 无法正常播放,报错如下： 如果你也有类似问题请往下看 首先 开发包如下： 1.无法正确引入插件 ......
vue2学习按钮点击（转载）
Vue2学习笔记:v-on Vue的事件： v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍： 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
闭环思维
01 什么是闭环思维？“闭环思维” 源于质量管理专家 休哈特&戴明 联合提出的“PDCA循环”：Plan（计划）→Do（执行）→Check（检查）→Act（处理），一个循环完结解决一些问题，未解决的问题进入下一个PDCA循环，直到需求完结。 职场上的闭环，决定了一个人是否靠谱。具象到工作中，对于一个 ......
一名普通程序员的正确理财方式:建立思维模型，选中好公司，坚持长期主义
记得在有了第一次的公司股票之后，通过公司开通了美股和港股的银行账户，我当时就嗨起来了，因为大陆人民想直接开通香港或者海外的一些银行卡是非常麻烦的，要不就是亲自去国外，要不就是有雄厚的资金证明。因此当开通了这个银行卡后，我觉得自己可牛逼了，毕竟我已经超过了中国至少十几亿老百姓，能够拥有国外的账户了。 ......
架构与思维：如何应对Redis热Key？
★ Redis系列文章 Redis系列1：深刻理解高性能Redis的本质 Redis系列2：数据持久化提高可用性 Redis系列3：高可用之主从架构 Redis系列4：高可用之Sentinel(哨兵模式） Redis系列5：深入分析Cluster 集群模式 追求性能极致：Redis6.0的多线程模型 ......