![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 59
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3--ref使用(解决ref无法获取dom元素的问题)
众所周知在vue2中,ref主要的作用还是便于快速的获取dom元素或组件,因为ref操作相比document.getElementbyId会减少dom操作的节点消耗。具体关于vue2中ref和$refs的使用,这篇文章写的十分全面:https://www.cnblogs.com/xumqfaith/p/7743387.html本文还是针对Vue3中ref使用进行说明,重点是模板ref的使用。1. ref用法1:基本类型封装,使数据响应式vue3中为了节约资源,并不是全部数据都会进行响应式监听。.原创 2022-03-11 20:58:37 · 8248 阅读 · 0 评论 -
Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】
哈喽,大家好 我是xy???。 从我最初接触vue3版本到现在已经有一年的时间。由于 vue3.2 版本的发布,<script setup> 的实验性标志已经去掉,已经陆陆续续有不少公司开始使用 vue3.2开发项目了。这篇文章就来帮助大家如何快速使用 vue3.x,typeScript, vite 搭建一套企业级的开发脚手架 ??。废话不多说,直接上手开搞 ??搭建前准备Vscode: 前端人必备写码神器Chrome:对开发者非常友好的浏览器(反正我是很依赖它的)Nodejs&a.原创 2022-03-11 19:34:55 · 572 阅读 · 0 评论 -
python正则表达式入门
??今天我们来学习python的正则表达式的部分,先说下为什么要学习这一部分呢,当然是因为正则表达式处理文本类型的数据实在是太方便了。为以后进入nlp领域打打基础!先给大家推荐一个网站: 用于正则表达式验证.大致就长这个样子。这里写目录标题1.基础知识2.贪婪模式和非贪婪模式3.反斜杠的用途4.中括号的用法5.匹配启始和结束位置6.括号的用法—组选择7.正则表达式切割字符总结1.基础知识普通字符:普通字符的含义就是字节匹配他们。特殊字符:它们出现在正则表达式中,不原创 2022-03-11 15:34:40 · 266 阅读 · 0 评论 -
JS隐式类型转换
转换规则表:减乘除:在对各种非Number类型运用数学运算符(- * /)时,会先将非Number类型转换为Number类型。加:当一侧为String类型,被识别为字符串拼接,并会优先将另一侧转换为字符串类型。当一侧为Number类型,另一侧为原始类型,则将原始类型转换为Number类型。当一侧为Number类型,另一侧为引用类型,将引用类型和Number类型转换成字符串后拼接。== 比较NaN和其他任何类型比较永远返回false(包括和他自己)。Bo原创 2022-03-11 14:11:42 · 136 阅读 · 0 评论 -
HTML+js实现贪吃蛇小游戏(内含完整代码)
案例分析看图拆解游戏首先我们根据图片上的内容把这个游戏拆解成几个部分去单独看:最外面的大盒子包裹着内容加边框限制蛇的活动范围,整个范围可以看成由许多小方格排列构成的,例如这样子的:;两个按钮,一个控制开始游戏,一个控制游戏中途的暂停继续功能;盒子里面有可以移动的蛇,最开始状态的蛇分为蛇头、蛇身、蛇尾三个部分,蛇只能走直线,通过上下左右的功能键去控制蛇的走向;还有一个随机产生在限制区域内的食物;这个游戏是当点击开始游戏按钮才显示蛇和食物的,所以最开始我们不在结构里面书写,后面通过js构造函原创 2022-03-11 12:49:53 · 551 阅读 · 1 评论 -
解决Cannot read property ‘tapAsync‘ of undefined 问题过程
前两天从公司git 上clone了一个前端项目采用Nodejs + React 写的,想本地跑起来试试看,自己倒腾倒腾,结果在尝试的过程中遇到各种问题,真是一路上过关斩将终于跑起来了,其中有个典型的问题,因为是初次接触这个问题困扰了我几天,具体错误如下:Module build failed (from ./node_modules/_mini-css-extract-plugin@0.7.0@mini-css-extract-plugin/dist/loader.js):TypeError: Cann原创 2022-03-10 12:24:44 · 4566 阅读 · 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-10 11:03:52 · 642 阅读 · 0 评论 -
VueRouter4解决 [Vue Router warn] No match found for location with path “sysmenuindex“,权限动态设置路由
新版VueRouter4废除了addRoutes();//添加的数组改为addRoute(RouteRecordRaw);//添加的为对象如果是用的Vite路由组件使用import.meta.glob(’…/…/…/views/**/*.vue’)而不是webpack的require(’@/views/’ + path + ‘.vue’)...原创 2022-03-09 10:36:25 · 1571 阅读 · 1 评论 -
vue-router.esm.js8c4f2065 Uncaught (in promise) NavigationDuplicated Avoided redundant navigation
今天在写退出登录页面的时候遇到了这个问题,因为退出登录按钮本身在Home页面上,即路由地址为’ / ’ 的页面,退出登录后重定向到的页面依然是Home页面,也就是所谓的产生了冗余导航,vue-router便报错了。解决办法:将如下代码加入到路由设置文件index.js中即可const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return origin.原创 2022-03-09 09:01:36 · 2446 阅读 · 0 评论 -
uni-app及Git等面试题总结(简版)
1. uniapp进行条件编译的两种方法?小程序端和H5的代表值是什么? 通过 #ifdef、#ifndef 的方式 H5 : H5 MP-WEIXIN : 微信小程序2. uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue 主组件 pages 页面管理部分3. uniapp上传文件时用到的api是什么?格式是什么? uni.uploadFile({ url: '要上传的地址',原创 2022-03-08 14:21:18 · 684 阅读 · 0 评论 -
Pinia的简单使用
前言最近发现vue中出了个Pinia,与vuex一样用来管理状态的。提前简单学习一下,免得以后用到了不会??Pinia官网: Pinia以下内容都是基于vue3的基本使用安装npm install pinia@next注:npm不好使的话,可以用cnpm试一下在main.js文件中创建一个 pinia(根存储)并将其传递给应用程序import { createPinia } from 'pinia';app.use(createPinia());基本格式import { def原创 2022-03-08 13:00:54 · 493 阅读 · 0 评论 -
leecode---js实现两数之和
题目描述给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums = [3,2,4], targ.原创 2022-03-08 11:40:43 · 88 阅读 · 0 评论 -
HTTP请求与响应处理
1. 请求参数客户端向服务器端发送请求时,有时需要携带一些客户信息,客户信息需要通过请求参数的形式传递到服务器端,比如登录操作。2. GET 请求参数参数被放置在浏览器地址栏中,例如:http://localhost:3000/?name=zhangsan&age=20如下对请求参数进行解析:再利用es6中对象解构对代码进行优化:3. POST 请求参数参数被放置在请求体中进行传输获取POST参数需要使用data事件和end事件使用 querystring 系统原创 2022-03-08 10:20:21 · 215 阅读 · 0 评论 -
用postman和ab工具模拟并发请求
postman模拟并发1、新建一个connections。模拟并发是在收藏夹维度上选择接口进行并发测试的2、在收藏夹下创建待并发测试的接口3、点击收藏夹,选择run。即可配置对应的并发次数和请求间隔4、执行后的结果如下:我们可以通过top实时监控到cpu的占用率在短时间内飙升。可以通过tail -f实时监控nginx访问日志access.log:tail -f coupang_access.log查看今天请求的总数:ab工具模拟并发ab工具的基本参数:-n表示总共.原创 2022-03-07 09:02:42 · 782 阅读 · 0 评论 -
几十行代码,打造一款JavaScript便签系统
先看下效果:载体就是一个网页,用html,css和JavaScript实现一个简单的便签系统。动画效果用的是animation.css库,缓存用的localStorage。除非手动清空便签,否则便签会一直保留,非常方便。鼠标右键可以点开菜单。代码:<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&原创 2022-03-06 04:10:51 · 235 阅读 · 0 评论 -
【SpringBoot】三十九、SpringBoot上传文件至项目resources目录下
当我们没有搭建单独的文件服务器时,我们需要将文件上传至项目目录下,今天我们就学习如何上传文件到项目的resources目录下一、引入依赖<dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.3</version></depende转载 2022-03-06 02:48:55 · 3365 阅读 · 0 评论 -
Vue报错 TypeError Cannot read properties of undefined (reading ‘protocol‘)
Vue报错: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘protocol’)报错信息:Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'protocol')at isURLSameOrigin (isURLSameOrigin.js?3934:57)at dispatchXh原创 2022-03-06 01:28:05 · 8520 阅读 · 0 评论 -
vue3 setup使用(详细)
官网vue3-setup总结:1、setup 函数时,它将接受两个参数:(props、context(包含attrs、slots、emit))2、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之前的函数3、执行 setup 时,组件实例尚未被创建(在 setup() 内部,this 不会是该活跃实例的引用,即不指向vue实例,Vue 为了避免我们错误的使用,直接将 setup函数中的this修改成了 undefined)4、与模板一起使用:需要返回一原创 2022-03-06 00:06:39 · 1449 阅读 · 0 评论 -
Vue 学习总结笔记 (二)
文章目录1. Vue的 事件修饰符1.1 Vue 的六种事件修饰符1.2 Vue的 prevent事件修饰符1.3 Vue的 stop事件修饰符1.4 Vue的 once事件修饰符1.5 Vue的 capture事件修饰符1.6 Vue的 self事件修饰符1.7 Vue的 passive 事件修饰符2. js的事件对象 event3. Vue 键盘事件4. 差值语法中调用函数名的效果5. Vue的 计算属性6. Vue的 监视属性6.1 监视属性的使用6.2 深原创 2022-03-03 23:23:54 · 92 阅读 · 0 评论 -
MissingServletRequestParameterException Required request parameter ‘id‘ for method parameter type I
1、报错信息1.1idea中报错信息Resolved [org.springframework.web.bind.MissingServletRequestParameterException: Required request parameter 'id' for method parameter type Integer is not present]1.2网页报错信息Whitelabel Error PageThis application has no explicit mapping原创 2022-03-03 15:40:44 · 913 阅读 · 0 评论 -
HTML冲浪笔记(一)
web前端剑法之HTML??web前端剑法之HTML地址??HTML冲浪笔记(一)https://blog.csdn.net/Augenstern_QXL/article/details/115419453??HTML5冲浪笔记(二)https://blog.csdn.net/Augenstern_QXL/article/details/115599059目录总览1、VS插件推荐??插件说明Chinese中文语言包Open in Browser右击选择浏览器打开html文件J原创 2022-03-03 14:36:10 · 99 阅读 · 0 评论 -
跨域问题 has been blocked by CORS policy The request client is not a secure context
问题描述,前端请求后端接口出现了跨域,get请求是OK 的,POST 请求有问题。请求链路是前端请求接口先到服务端的网关系统,再由网关系统转发到其他业务系统中。第一步、首先看两个相关的服务是不是没有加跨域的配置。经检查发现两台服务都加了跨域代码,如下:业务系统解决跨域代码:@Configurationpublic class CorsConfiguration { @Bean public WebMvcConfigurer corsConfiguration() {原创 2022-03-02 13:18:55 · 771 阅读 · 0 评论 -
解决Current request is not a multipart request
文件上传时;前端因为不使用form表单提交信息,所以后端报Current request is not a multipart request该错,因为不使用form表单提交数据时,前端没有默认content-type为multipart/form-data,所以就会报个错,如果在ajax请求中加上contentType:‘multipart/form-data’ 时又会有其他错。解决:1.可加上form表单提交数据2.前端js使用FormData类**(推荐)**如...原创 2022-03-02 04:22:13 · 4759 阅读 · 2 评论 -
手把手教你做出数据可视化项目(五)动态高亮显示动画
数据可视化前言: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-02 03:18:42 · 775 阅读 · 0 评论 -
前端启动出现报错,提示vue-cli-service serve的解决办法
在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! ruoyi@3.6.0 dev: `vue-cli-service serve`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the ruoyi@3.6.0 dev script.npm ERR! This is probably not a problem原创 2022-03-02 02:15:06 · 4727 阅读 · 0 评论 -
【Vue】基础系列(一)初识 - 简单使用 - 创建Vue对象 - 双向数据绑定 - 显示数据 - MVVM模式
文章目录0. 基本认识0.1 特点0.2 与其他前端 JS 框架的关联0.3 Vue 扩展插件1. 引入Vue.js2. 创建Vue对象2.1 el2.2 data关于el和data的两种写法3. 双向数据绑定 : v-model & 显示数据 : {{xxx}} 插值语法例子4. 理解Vue的MVVM实现MVVMMVVM0. 基本认识渐进式 JavaScript 框架,用来动态构建用户界面https://cn.vuej.原创 2022-03-02 01:11:31 · 1661 阅读 · 0 评论 -
vue3中的reactive函数声明数组
vue3中reacitve函数如何声明一个响应式数组,如以下案例<template> <div> <div v-for="item in arr" :key="item"> {{item}} </div> <button @click="change">change</button> </div></template><scr原创 2022-03-02 00:08:00 · 1575 阅读 · 0 评论 -
uniapp uni.getUserProfile的使用
小程序登录、用户信息相关接口调整说明:链接地址考虑到近期开发者对小程序登录、用户信息相关接口调整的相关反馈,为优化开发者调整接口的体验,回收wx.getUserInfo接口可获取用户授权的个人信息能力的截止时间由2021年4月13日调整至2021年4月28日24时;最近再用uniapp做一款小程序,使用**uni.getUserInfo()**一直获取不到数据,在官网上看到了上面的公告一、使用方法html中:<button @click="goLogin" class="bottom-btn转载 2022-03-01 21:17:23 · 1240 阅读 · 0 评论