html
文章平均质量分 57
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3---通过 ref 获取子组件实例(子组件中的DOM结构、数据、及方法)
Vue3中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。即在父组件中定义响应式数据 ref(null) ,并绑定给子组件,在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。官方API[这里是图片001]https://v3.cn.vuejs.org/guide/component-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%原创 2022-03-11 20:58:05 · 2558 阅读 · 0 评论 -
vite.config.js配置入门与小记
1 如何创建vite项目?step 1 : npm init vite@latest yarn create vitestep2 :npm init vite@latest my-vue-app --template vuenpm 7+, 需要额外的双横线:npm init vite@latest my-vue-app -- --template vue# yarnyarn create vite my-vue-app --template vue2 如何让vite项目启动时自动打原创 2022-03-11 19:34:22 · 2411 阅读 · 0 评论 -
js逆向知识-Ja3指纹学习
目录一、ja3指纹介绍二、ja3指纹解决方案一、ja3指纹介绍1、指纹:通过一些算法将一些特征加密得到的值,这些值往往能够区分你是谁。每个客户端会生成特定的ja3指纹,并不会随ip和useragent改变,通过ja3指纹可以定位识别到某个客户端(不限于浏览器、python等)2、chrome浏览器查看ja3指纹:https://ja3er.com/json,或者https://ja3er.com/3、python的requests包查看ja3指纹imp原创 2022-03-11 14:11:08 · 969 阅读 · 0 评论 -
HTML+JS 实现监控切屏
项目描述该项目是我在网上看其他博客的时候无意中看到的,看见别人居然能实现这种操作很好奇项目要求做到监控网页状态记录离开次数离开时间记录离开页面实现这个切换页面功能需要用到一个web的APIvisiblitychangevisibilitychange - Web API 接口参考 | MDN (mozilla.org)Document.visibilityState - Web API 接口参考 | MDN (mozilla.org)document.addEventListen转载 2022-03-11 12:49:21 · 1040 阅读 · 1 评论 -
Chromedriver安装教程(简洁版)
1.下载对应的Chromedriver版本首先,打开的谷歌浏览器,找到目前你谷歌浏览器的版本。(打开设置,点击关于谷歌就能看到,如下图)然后chromedriver的版本一定要与Chrome的版本一致,不然下载不对应的版本,没作用。下面有两个下载地址:1.https://npm.taobao.org/mirrors/chromedriver/2.http://chromedriver.storage.googleapis.com/index.html我个人比较喜欢第一个链接下载,打开链接,如下原创 2022-03-11 11:27:55 · 522 阅读 · 0 评论 -
解决Cannot read properties of undefined (reading ‘validate‘)
submitLogin() { this.$refs.loginForm.validate((valid) => { if (valid) { alert("aaa"); } else { this.$message.error("请输入所有字段"); return false; } }); },问题:用validate进行判定,结果没有生效解决:e...原创 2022-03-10 12:24:12 · 17853 阅读 · 0 评论 -
手把手教你做出数据可视化项目(七)可视化图表数据动态获取及界面跳转
数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789Apache Echarts简介:https://blog.csdn.net/diviner_s/article/details/115934089项目最终效果图:此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者!使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、aja.原创 2022-03-10 11:03:20 · 747 阅读 · 0 评论 -
前端面试题:Token一般是存放在哪里 Token放在cookie和放在localStorage、sessionStorage中有什么不同
Token其实就是访问资源的凭证。一般是用户通过用户名和密码登录成功之后,服务器将登陆凭证做数字签名,加密之后得到的字符串作为token。它在用户登录成功之后会返回给客户端,客户端主要有这么几种存储方式:1.存储在localStorage 中,每次调用接口的时候都把它当成一个字段传给后台。2.存储在cookie 中,让它自动发送,不过缺点就是不能跨域。3拿到之后存储在localStorage中,每次调用接口的时候放在HTTP请求头的Authorization字段里所以token在客户端一般存..原创 2022-03-09 14:40:35 · 5692 阅读 · 0 评论 -
三步教你编写一个Neumorphism风格的小时钟
本文目录序Neumorphism正文开始一、时钟表盘编写二、时钟指针编写三、时钟组件的调用完整组件代码序又到了自己编写组件的时节了作为一名前端开发者,平时也是阔以没事可以写写自定义的组件,增加一下自己的阅历,实际开发中用到也可以通过CV大法去快速开发先提前来看一下最终的效果:先问一个小问题,现在大家现在更习惯于看哪种样式的时间,是钟表类型还是数字类型?(虽然你们的回答影响不了我做一个钟表啦)钟表时间:数字时间:Neumorphism目前网上.原创 2022-03-09 13:20:09 · 194 阅读 · 0 评论 -
Web前端:HTML最强总结 附详细代码
Web前端基础:Web前端:HTML最强总结 附详细代码Web前端:CSS最强总结 附详细代码Web前端:JavaScript最强总结 附详细代码Web前端工具:Web前端: JQuery最强总结(附上详细代码)Web前端:Bootstrap最强总结 附详细代码HTML最强总结 附详细代码常见工具下载基本结构常用标签文本标签段落标签换行标签水平线标签范围标签图片标签列表标签定义描述标签标签分类超链接页面间的跳转锚链接表格标签规原创 2022-03-09 11:59:48 · 631 阅读 · 0 评论 -
vue3<script setup>语法糖中父组件调用子组件方法
// 父组件<template> <child ref="childRef"></child></template><script setup>import { ref } from "vue";// 引入子组件import child from "./child.vue";// 获取子组件const childRef = ref(null);const fun = () => { childRef.value.chil原创 2022-03-09 10:35:53 · 1271 阅读 · 0 评论 -
vue-router.esm-bundler.js6c0271 [Vue Router warn] No match found for location with path
vue-router.esm-bundler.js6c02:71 [Vue Router warn]: No match found for location with path又是低级问题,上图点击news之后没有显示想要的仔细看了一遍发现home前多了一条斜杠。。。。。。改掉ok原创 2022-03-09 09:01:04 · 1378 阅读 · 0 评论 -
uni-app 微信小程序根据角色动态的更改底部tabbar
文章目录1. 需求背景2. 问题前提及思路3. 开始撸3.1 设置 `tabbar.js` 配置不同角色不同的菜单3.2 设置 `page.json`3.3 vue 配置3.4 tabBar组件代码3.5 setRole方法1. 需求背景公司要求开发一个小程序,要求二种不同权限的人群都可以使用,使用时根据不同的权限,获取不同的tabbar,以及展示对应不同的内容。登录页面分为 用户登录 及 管理员登录1.2 用户登录和管理员登录的 tabbar 根据账号角色进行原创 2022-03-08 14:20:47 · 1408 阅读 · 1 评论 -
Parsing error Unexpected token错误解决方案
问题描述:import动态导入,将js文件单独打包时,webpack打包错误import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); });构建出错:ERROR in ./src/js/index.jsModule Error (from ../../node_modules/_原创 2022-03-08 13:00:23 · 1561 阅读 · 0 评论 -
layui开发使用文档(镜像网址)
**声明:**本人只提供layui镜像网站的共享,**此资源由本博客收集整理于网络,**本人不对镜像网站的内容负责!!如有侵权,请联系删除处理。一、Layui - 经典开源模块化前端 UI 框架其它镜像https://layui.lubingzy.cn/https://layui.11dz.cn/https://www.layui.site/http://layui.itmtr.cn/http://layui.88662.top/http://layui.uimaker.com/http原创 2022-03-08 11:40:11 · 222 阅读 · 0 评论 -
httpsdl.bintray.comumsdkreleasecomfacebookreactreact-nativemaven-metadata 502 Bad Gateway
https://dl.bintray.com/umsdk/release/com/facebook/react/react-native/maven-metadata.xml’. Received status code 502 from server: Bad Gateway说明要下载的依赖文件,存储服务器可能有问题,需要换一个源!!!allprojects { repositories { google() jcenter()//报错的就是原创 2022-03-08 10:19:49 · 582 阅读 · 0 评论 -
echarts报错TypeError Cannot read properties of undefined (reading ‘LinearGradient‘)
在设置折线图阴影的时候cv了一段代码,然后就报了上面的错误,通过百度解决了,记录一下;如果是在5.0版本会报以上错误; 原因是因为graphic对象下没有LinearGradient方法; 可以通过降低版本解决:npm install echarts@4.8.0 --save...原创 2022-03-08 08:59:41 · 851 阅读 · 0 评论 -
迟了很多天的postman分享....... )
…Postman简介什么是postman?接口测试接口基础知识接口测试的目的接口测试用例设计http协议Postman基础用法postman常用功能接口请求流程环境变量collection用例集Postman简介什么是postman官方:Postman 是一个用于构建和使用 API 的 API 平台。Postman 简化了 API 生命周期的每个步骤并简化了协作,因此您可以更快地创建更好的 API。Postman是一个接口测试工具,在做接口原创 2022-03-07 10:25:38 · 114 阅读 · 0 评论 -
用jQuery实现轮播图效果(自动播放,能手动切换)
大家好,今天我和大家分享一下轮播图的实现,下面是我做的轮播图效果首先我们看到,它是由背景图片、方向图标和指示器组成。**我们发现背景图片、方向图标和指示器是层叠在一起的,所以布局时我们要用绝对定位。**我们要实现点击方向图标时,图片跟着变换;点击指示器时,图片跟着变换;不点击时每隔5秒自动播放;不点击时不显示方向图标。**结构布局:**用一个div包裹3个div,里面的3个div分别显示背景图片部分、方向图标部分和指示器部分。<!DOCTYPE html><html lang="原创 2022-03-07 09:02:11 · 428 阅读 · 0 评论 -
巧用Vscode编辑器,快速编辑代码,教你一键写完一段代码,向合格的cv工程师前进
一个好的编辑配置,能大大的提高开发者的效率,那么我们最理想的肯定 打2个字符,啪的一下,出现一堆代码,那么如何实现这种效果勒,这种效果叫代码片段,vscode插件中有不少就是这种,比如 VEtur当然还有其他开发好的封装的很nice的插件,如何来找满意的代码片段插件呢只需要在插件管理钟输入你的框架,然后加上snippets(片段),就能出现许多片段,然后选择一个,合适即可这里作者以vue 为例我安装了2个,比如这个,红框内的就是快捷输入方式,下面来演示一下但是我们有些自己的独特习惯,所以定制原创 2022-03-06 05:31:04 · 668 阅读 · 0 评论 -
几个超火的在线编程网站,别错过
大家好,我是鱼皮,今天给大家推荐几个最近非常流行的编程网站,相信能够帮助大家提高编程效率、更好地学习编程。热门编程网站推荐Codepen演示视频:https://www.bilibili.com/video/BV1im4y1X7zb/国外的在线前端编程网站,在这里你可以发现很多国外大神编写的前端代码,除了各种网页布局代码外,更多的是各式各样好玩的、炫酷的、新颖的前端动画和特效。比如圣诞节快到了,很多小伙伴问我能不能用代码画颗圣诞树。我是不会,但是在这个网站中,输入 “Christmas Tr原创 2022-03-06 04:10:18 · 1034 阅读 · 0 评论 -
【Servlet进阶】暴肝两万五千字助你通关Servlet
前言在之前我们已经学过Servlet初级入门的一部分内容了,今天我们继续来学习Servlet,但是你如果对Servlet还不了解的话那么建议你先去看一下我之前写过的入门的部分。传送门:【Servlet入门】一篇文章让你快速入门传送门:【JSP入门】只知道HTML却不知道JSP?接下来我们就正式来学习今天的内容吧!目录前言请求与响应Get与Post请求请求的结构响应的结构ContentType的作用请求转发与重定向请求转发响应重定向请求转发与响应重定向的原理S转载 2022-03-06 02:48:23 · 107 阅读 · 0 评论 -
vue报错 Failed to resolve component Toparea If this is a native custom element, make sure to exclude
原因:引入组件的时候,写成对象了问题解决原创 2022-03-06 01:27:33 · 2688 阅读 · 0 评论 -
vue3 setup 使用教程
vue3 中新增了 setup,它的出现是为了解决组件内容庞大后,理解和维护组件变得困难的问题。即 vue 中 data、computed、methods、watch 等内容非常多以后,同一业务逻辑的 data 中的数据和 methods 中的方法在 vue 文件中“相隔甚远”,看代码时,经常需要根据 data 中的数据去搜索找到对应的 methods 方法,上下跳跃查看代码,非常不方便。而在 setup 中,则可以把 data 中的数据和 methods 方法写在相临的位置,方便查看和维护。本文详细介绍原创 2022-03-06 00:06:07 · 1087 阅读 · 0 评论 -
Vue 学习总结笔记 (一)
文章目录1. Vue 的介绍1.1 什么是Vue?1.2 Vue的诞生 和 特点1.3 Vue 的引入 和 Vue devtools开发者工具1.4 Vue 引入后浏览器端的信息处理1.5 Vue.config 配置全局2. MVC和MVVC的基本流程3. Vue 的使用详解3.1 Vue 的mvvm架构3.2 Vue 的注意事项 (重要)3.2.1 Vue实例对象和容器是一一对应的关系3.2.2 开发中只有一个Vue实例3.2.3 Vue中 {{ xxx }}原创 2022-03-03 23:23:22 · 200 阅读 · 0 评论 -
python使用selenium打开chrome浏览器时带用户登录信息
导读我们在使用selenium打开google浏览器的时候,默认打开的是一个新的浏览器窗口,而且里面不带有任何的浏览器缓存信息。当我们想要爬取某个网站信息或者做某些操作的时候就需要自己再去模拟登陆selenium操作浏览器这里我们就以CSDN为例,来展示如何让selenium在打开chrome浏览器的时候带上用户的登录信息打开chrome浏览器from selenium import webdriverfrom selenium.webdriver import ChromeOptions原创 2022-03-03 16:44:40 · 625 阅读 · 0 评论 -
Missing return type on function
解决办法,在.eslintrc.js文件里添加规则禁用ta "rules": { "@typescript-eslint/explicit-module-boundary-types": "off" },原创 2022-03-03 15:40:12 · 506 阅读 · 0 评论 -
html入门小标签
标签HTML的标签是由尖括号包围的关键词组成 ,1级标题 ,2级标题 ,段落标签标准一点的写法**html标签:**是整个html文件的根标签,每个HTML文件都有一个html标签,其他标签都是它的子标签子标签:在html标签里的标签都是子标签**head标签:**内容主要是页面的属性,和页面的显示关系不大**titlt标签:**内容是处理页面的标题**body标签:**内容是放页面的组件,和页面显示关系也不大自结束标签: 或** 或**,可以只写一个。原创 2022-03-03 14:35:38 · 189 阅读 · 0 评论 -
超详细讲解SpringMVC三层架构
SpringMVC三层架构java SpringMVC的工程结构一般来说分为三层,自下而上是Modle层(模型,数据访问层)、Cotroller层(控制,逻辑控制层)、View层(视图,页面显示层),其中Modle层分为两层:dao层、service层,MVC架构分层的主要作用是解耦。采用分层架构的好处,普遍接受的是系统分层有利于系统的维护,系统的扩展。就是增强系统的可维护性和可扩展性。对于Spring这样的框架,(ViewWeb)表示层调用控制层(Controller),控制层调用业务层(Servic原创 2022-03-02 13:18:23 · 804 阅读 · 0 评论 -
解决chrome浏览器高版本98版本无法在本地手动添加cookie,刷新无法保留,cookie项报红的问题
解决chrome浏览器91版本SameSite by default cookies被移除后的解决方案,Chrome中跨域POST请求无法携带Cookie的解决方案昨天上班之后启动项目,谷歌浏览器自动升级到了98版本,因为之前项目是需要手动添加一个cookie在本地开发调试的,现在就无法手动进行添加cookie了,而且高版本移除了SameSite by default cookies,导致之前的方法不能使用,手动设置之后cookie还报红色,如下现在只需要打开Chrome中访问地址chrome://f原创 2022-03-02 04:21:41 · 426 阅读 · 0 评论 -
手把手教你做出数据可视化项目(三)3D地球旋转
数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789项目最终效果图:此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者!使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、ajax、websocket、koa等。echarts相关概念:https://blog.csdn.net/diviner_s/article/detai.原创 2022-03-02 03:18:11 · 670 阅读 · 0 评论 -
前端只是切图仔?来学学给开发人看的UI设计
给开发人看的UI设计???序言?? 一、背景1. 想做一个好的作品2. 没有专业UI??二、功能导向1. 设计中最重要的事2. 例子阐述2. 简约设计3. 设计简单的、完整的功能??三、设计原则1. 层级(1)层级是什么(2)举例阐述2. 一致性(1)定义(2)举例阐述(3)总结3. 番外 - 《写给大家看的设计书》??四、设计体系1. 布局(1)居中放(2)多列布局2. 间距(1)间距的定义(2).原创 2022-03-02 02:14:35 · 397 阅读 · 0 评论 -
vue3中的getCurrentInstance
setup的执行时组件对象还没有创建,此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象<template> <div> </div></template><script lang="ts">import {defineComponent, getCurrentInstance} from原创 2022-03-02 00:07:28 · 1315 阅读 · 0 评论 -
uni-file-picker 文件选择上传踩坑
https://ext.dcloud.net.cn/pluginid=40791、第一步必须导入uniapp的云服务空间,不然会报错uniCloud.chooseAndUploadFile is not function2、<uni-file-picker :value=“videoValue” @success=“successVideo”@fail=“failVideo” limit=“1” file-mediatype=“video” mode=“grid” />// 上传成原创 2022-03-01 21:16:48 · 3837 阅读 · 1 评论