浏览器vue day 43

vue点击图片获取图片原像素坐标

<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
图片 坐标 像素 vue

javaSE-day04(常用API三)

1.为什么JDK8要新增日期类 /** * 目标:搞清楚为什么要用JDK 8开始新增的时间类。 */ public class Test { public static void main(String[] args) { // 传统的时间类(Date、SimpleDateFormat、Calend ......
javaSE-day 常用 javaSE day API

javaSE-day04(常用API二)

常用API小结(StringBuilder类、StringJoiner类、Math类、System类、Runtime、BigDecimal类、Data类、SimpleDataFormat、Calendar类) ......
javaSE-day 常用 javaSE day API

vue-element-admin e-icon-picker的input一直不出来

今天项目中有用到e-icon-picker,然后正常引入如下: 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了,但是页面中一直都没有出现 各种查找原因,最终浪费了很久时间才找到原因,是e-icon-picker的版本的问题,也就是1.1.7版本的input并没有,这个是版本自己的 ......

Vue基础语法整理

# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 demo容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
语法 基础 Vue

Vue10*10图片表格的点击效果

要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程:一.用PS切图 1.打开PS,选择切图工具,在左边复选框选择切图工具。 2.单击右键鼠标,选择划分切片。 3.选择水平划分、垂直划分10*10,点击确定。 4.单击菜单栏文件,在导出栏选择储存为Web所用格式。 二.用HBui ......
表格 效果 图片 10 Vue

【vue-blog】从SCF改为tsx

修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
vue-blog blog vue SCF tsx

Linux & 标准C语言学习 <DAY17> *完结

一、文件 1、文件的分类 1.文本文件 是人能看得懂的文件,存储的是字符符号的ASCII码的二进制 //存储'2''5''5'的二进制,显示255 2.二进制文件 存储的是数据的补码二进制 //存储255:1111 1111 2、文件IO FILE *fopen(const char *path, ......
语言学习 语言 标准 Linux DAY

《渗透测试》JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目 Day14

0、什么是JS渗透测试? 在Javascript中也存在变量和函数,当存在可控变量及函数调用即可参数漏洞 JS开发的WEB应用和PHP,JAVA,NET等区别在于即没有源代码,也可以通过浏览器的查看源代码获取真实的点。获取URL,获取JS敏感信息,获取代码传参等,所以相当于JS开发的WEB应用属于白 ......
amp 爬虫 架构 插件 框架

《渗透测试》Web应用&源码泄漏&开源闭源&指纹识别&GIT&SVN&DS&备份 2023 Day13

#后端-开源-指纹识别-源码下载 CMS识别见上述项目 #后端-闭源-配置不当-源码泄漏 参考:https://www.secpulse.com/archives/124398.html 备份:敏感目录文件扫描 CVS:https://github.com/kost/dvcs-ripper GIT: ......
amp 指纹识别 指纹 备份 源码

day08-2-Thymeleaf

服务器渲染技术-Thymeleaf 1.基本介绍 官方在线文档:Read online 文档下载:Thymeleaf 3.1 PDF, EPUB, MOBI Thymeleaf 是什么 Thymeleaf是一个现代的服务器端Java模板引擎,适用于Web和独立环境,能够处理HTML,XML,Java ......
Thymeleaf day 08

vue/react关与key的面试题

虚拟dom中key的作用 当状态中的数据发生改变时,react会根据新数据生成新的虚拟dom,随后react进行新虚拟dom与旧虚拟dom的diff算法比较,比较规则如下: 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变,则使用之前的真实dom b.若虚拟dom中的内 ......
react vue key

一起学学Vue Router 4.X开发中用到的新特性

前言: vue3发布这么久以来,还没好好梳理过它相关的全家桶,今天我们先聊聊Vue Router 4.X的使用以及新特性! 可以说路由是一个简单又复杂的东西,简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题,此时我们就不得不对其原理有很 ......
中用 特性 Router Vue

vue2 element ui 使用i18n 国际化配置

前提npm install vue-i18n 第一步:vue项目下新建locals文件夹,里面配置index.js内容如下,同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
element 国际 vue2 i18n vue

使用vue完成图片表格的点击因隐藏效果

首先了解整个项目可以分几个板块。图片的切割,图片放入的框架构建,图片放入。 1.图片的分割,这里的图片分割可以使用PS,或者网上搜图片切割的网站上传图片就行(http://www.zuohaotu.com/cut-image.aspx) 2.创建一个项目,导入vue.js 3. 建立一个名字为"ap ......
表格 效果 图片 vue

day7

LeetCode 454.四数相加II 题目/视频/文章链接: 454.四数相加|| 个人第一时间看法: 考虑到之前做过的两数之和,得用哈希表来解决,只不过对于四个数组的操作有点懵,感觉无从下手,只想到四个for循环暴力解决。 看完代码随想录的想法: 鉴于两数之和的操作,可以将四个数组分成两大组来进 ......
day7 day

vue 设置 菜单Item 背景色

<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
菜单 背景 Item vue

代码随想录算法训练营Day49 动态规划

#代码随想录算法训练营 代码随想录算法训练营Day49 动态规划| 121. 买卖股票的最佳时机 122.买卖股票的最佳时机II 121. 买卖股票的最佳时机 题目链接: 121. 买卖股票的最佳时机 给定一个数组 prices ,它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的 ......
随想录 训练营 随想 算法 代码

在Vue项目中为何要重写push和replace

0.前言 为啥要重写push和replace,主要是你不写他会报错啊,为啥会报错呢,主要是因为函数式路由push方法返回的是一个promise对象,我们知道promise对象是有成功回调和失败回调的,但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
replace 项目 push Vue

Vue2 快速上手

1.声明式渲染 通过{{}}将数据渲染到页面: <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......
Vue2 Vue

关于 Vue 列表渲染 key 绑定 index 的性能问题

今天在学习 React 文档,列表渲染一节中提及到一个关于 key 绑定索引值(index)性能的问题: React 官方文档原文:“如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题”。 查阅网上的博客,确实有对 Vue 列表渲染 ......
性能 问题 index Vue key

学习记录:第一周day01笔记

linux系统简单介绍: BCPL->New B->C->Unix->Minix->Linux->gcc为了编译LInux内核产生 美国贝尔实验室 1.cd命令: cd 文件路径:进入某个目录 / :根目录,所有文件都存储在该目录下 ~:用户主目录,linux提供一个快捷方式cd可以直接回到用户主目 ......
笔记 day 01

学习记录:第一周day02笔记

vim文本编辑器: 可以直接在终端下采用纯键盘操作的一款文本编辑器(号称编辑器之神,可以升级、可以扩展) 基础用法: 1、进入vim: 输入 vim file.c 文件存在则打开,否则新建并打开 2、输入i: 进入编辑模式,编写代码 3、保存并退出 按Esc,输入ZZ保存并退出 vim三大模式: 正 ......
笔记 day 02

学习记录:第一周day03笔记

一、数据类型 为什么要对数据进行分类? 1、现实中的数据就是自带类别属性的 2、对数据进行分类可以节约内存存储空间、提高运行速度 存储空间的单位: Bit 比特 存储1个二进制位,只能存储0或1,是计算机存储数据的最小单位 Byte 字节 存储8个二进制位,是计算机存储数据的基本单位 KB(Kb) ......
笔记 day 03

学习记录:第一周day04笔记

一、for循环语句 循环:就是一种让代码反复执行的方式,从而达到想要的效果 for循环一般会使用一个变量来引导循环的进行,这一变量叫做该循环的循环变量 i index for循环的变化很灵活,但也很危险 for循环的括号问题: 1、for循环内只有一行代码时,大括号可以省略 但是这样不利于后期代码扩 ......
笔记 day 04

学习记录:第一周day05笔记

一、数组 什么是数组:变量的组合,是一种批量定义相同类型变量的方式 定义: 类型名 数组名[数量]; int arr[5]; 注意:数组的内存空间是连续分配的,且数组的长度一旦确定就无法改变 使用:数组名[下标]; 下标:从0开始,范围:0~数量-1 可以是任意整型表达式,包括整型变量和整型常量 遍 ......
笔记 day 05

学习记录:第二周day01笔记

一、Window下获取方向键 1、导入头文件 #include<conio.h> 2、通过getch()获取键盘上的键值 上:72 下:80 左:75 右:77 二、Linux下获取方向键: 1、在Window中把getch.h文件放入共享文件夹中 2、在Linux的共享文件夹下执行 mv getc ......
笔记 day 01

学习记录:第二周day02笔记

进制转换 1、为什么使用二进制、八进制、十六进制? 因为目前CPU只能识别高低两种电平,只能对二进制数据进行计算 二进制虽然能够直接别计算机识别但是不方便人去书写和记录,因此就把二进制数据转换成八进制,方便记录到文档中 随着CPU的位数的不断增加(目前已经到64位),八进制不再能够用满足需求,因此发 ......
笔记 day 02

day21 打卡530.二叉搜索树的最小绝对差 501.二叉搜索树中的众数 236. 二叉树的最近公共祖先

day21 打卡530.二叉搜索树的最小绝对差 501.二叉搜索树中的众数 236. 二叉树的最近公共祖先 530.二叉搜索树的最小绝对差 530题目链接 1.递归法——使用双指针。因为是二叉搜索树,所以中序遍历是递增的。所以最小值的产生肯定是前一个和后一个之间。 class Solution { ......
祖先 day 530 501 236