vue源码 周期 生命
Vue大文件切片上传 断点续传
一、中等文件上传解决方案-nginx放行在我们工作中，上传功能最常见的就是excel的上传功能，一般来说，一个excel的大小在10MB以内吧，如果有好几十MB的excel，就勉强算是中等文件吧，此时，我们需要设置nginx的client_max_body_size值，将其放开，只不过一次上传一个几 ......
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
成品直播源码推荐，去掉导航条和tabbar线条
成品直播源码推荐，去掉导航条和tabbar线条 去掉导航条底部线条 [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault ......
手机直播源码，Flutter 自定义 虚线 分割线
手机直播源码，Flutter 自定义 虚线 分割线 学习使用Flutter 进行 虚线 自定义控件 练习 // 自定义虚线 （默认是垂直方向）class DashedLind extends StatelessWidget { final Axis axis; // 虚线方向 final doubl ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令，根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......
php＜= 7 . 4 . 21 development server源码泄露漏洞复现
前言 前一段时间在看羊城杯wp里了解到了这个漏洞，觉得挺有意思尝试复现一下( 这里附上原漏洞地址 https://blog.projectdiscovery.io/php-http-server-source-disclosure/ 版本 PHP<= 7 . 4 . 21 漏洞成因 通过php -S ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖拽、调整大小） 拖拽和调整大小时进行边界检查 ......
1. Angular的生命周期
对于Angular的组件来说，从渲染开始到销毁一直伴随着生命周期变化。 按照生命执行顺序 onChanges：onInit之前以及每次多个绑定输入值变化时【仅当绑定输入值时才会调用】 onInit：在第一次onChanges之后或者当没有绑定输入值时也会调用【仅执行一次】 doCheck：onCha ......
基于Vue.js和Vanta.js的动态天空颜色效果实现
背景 最近在写一个Vue项目，想要在登录界面加一个动态背景效果，搜索之后发现了 Vanta.js（https://www.vantajs.com/ ）这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果，提供了多种预设。 几种效果都挺不错的，最终我决 ......
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 ......
vue关于render函数如何渲染v-html
render函数如何渲染v-html，两种方式（适用于搜索关键字高亮） 例子：“互联网数据” 搜索关键字"网" ==>row.htmlStr：互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
vue中attrs的使用
vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来，但是又没有在props中定义的数据。（class及style除外） 2.父子组件之间数据传递的用法 爷爷组件-grandpa： <template> <div> <span>爷爷</span> <Son ......
vue3 + vite 的Excel表格的导入导出
一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
ON1 Portrait AI 2023 - 赋予肖像新生命，智能AI重塑美丽
ON1 Portrait AI 2023是一款全新的智能AI人像处理软件，专为摄影师和肖像艺术家设计。通过这款软件，您可以轻松实现令人惊叹的肖像效果，提升人像摄影的艺术价值。ON1 Portrait AI 2023利用先进的AI技术，为您提供智能磨皮、智能平滑、智能修复等功能，使人像更加美丽、自然。 ......
springcloud/springboot集成NACOS 做注册和配置中心以及nacos源码分析
一、SpringCloud 简介 Spring Cloud 是一系列框架的有序集合如服务发现注册、配置中心、消息总线、负载均衡、熔断器、数据监控等。 SpringCloud 将多个服务框架组合起来，通过Spring Boot进行再封装，屏蔽掉了复杂的配置和实现原理，最终给开发者提供了一套简单易懂、易 ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
[WEB安全] XSS攻击防御 Vue
一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
短视频app源码，Flutter组件--搜索页面布局
短视频app源码，Flutter组件--搜索页面布局 class LayoutDemo extends StatelessWidget { const LayoutDemo({Key? key}) : super(key: key); @override Widget build(BuildCont ......
视频直播app源码，CSS div水平垂直居中和div置于底部
视频直播app源码，CSS div水平垂直居中和div置于底部 一、水平居中 .hor_center { margin: 0 auto;} 二、水平垂直居中 .content { width: 360px; height: 240px;} .ver_hor_center { position: ......
直播app源码，js图片下载方式集合
直播app源码，js图片下载方式集合 一、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */export const downloadFile = (file: string, fi ......
[Vue]列表渲染v-for
1. 用于展示列表数据 2. 语法：v-for="(item, index) in xxx" :key="yyy" 3. 可遍历：数组、对象、字符串（不常用）、指定次数（不常用） <body> <div id="root"> <!-- 遍历数组 --> <h2>人员列表</h2> <ul> <li ......
08迭代器源码分析
Iterator 一、源码分析 size:集合的长度。 cursor：光标，表示迭代器的指针，默认指向0索引位置 二、modCount作用 modCount++；是集合变化的次数(删除或者添加)。 expectedModCount创建的迭代器的时候会把集合变化的次数传递给这个变量。(相当于迭代器对次 ......
06ArrayList源码分析
ArrayList 一、ArrayList集合的底层原理--扩容机制 利用空参创建的集合，在底层创建一个默认长度为零的一个数组。 添加第一个元素时，底层会创建一个新的长度为10的数组。 存满时候，会扩容1.5倍。 如果一次添加多个元素，1.5倍放不下，则创建数组的长度以实际为准。 如：添加100个数 ......
zookeeper源码(03)启动流程
本文将从启动类开始详细分析zookeeper的启动流程： 加载配置的过程 集群启动过程 单机版启动过程 启动类 org.apache.zookeeper.server.quorum.QuorumPeerMain类。 用于启动zookeeper服务，第一个参数用来指定配置文件，配置文件properti ......
33-Vue脚手架-浏览器本地存储（使用本地存储优化Todo-List案例）
什么是网络存储 在HTML5之前，开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后，提供了一种新的客户端本地保存数据的方法，那就是Web Storage，存储内容大小一般支持5MB左右（不同浏览器可能还不一样），它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
java中native源码查找方法
以Object的hashCode()方法为例： 1. 下载openjdk源码或从github中查找，这里以github中查找为例；2. GitHub中查找https://github.com/bpupadhyaya/openjdk-8/tree/master/hotspot源码；3. 搜索到Obje ......
laravel:多图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......