前端
文章平均质量分 54
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 中的script setup
script setup<script setup>是 Vue3 新出的语法糖,类型是Vue的Git RFC中的建议。需要明确的是,这并不是要完全替代任何当前写法。其目的是为开发人员提供更简洁的语法,简化使用Composition API时冗长的模板代码,以编写其单个文件组件。在不使用 <script setup>, 我们代码是:<template> <h1 v-text="count"></h1> <p v-text=原创 2022-03-11 20:43:02 · 853 阅读 · 0 评论 -
uniapp连接mysql数据库
操作mysql数据库在server文件夹新建一个sql.js连接数据库在index.js文件中操作mysql数据库在server文件夹新建一个sql.js连接数据库var mysql = require('mysql');var connection = mysql.createConnection({ host : 'localhost', user : 'root', password: '密码', database: 'shop'})module.exports = conn原创 2022-03-11 19:19:33 · 2909 阅读 · 0 评论 -
Pinia 快速入门
Pinia 是什么Pinia 是一个用于 Vue 的状态管理库,类似 Vuex, 是 Vue 的另一种状态管理方案Pinia 支持 Vue2 和 Vue3本文只讲 Pinia 在 Vue3 中的使用, 在 Vue2 中使用略有差异,参考 官方文档Pinia 优势符合直觉,易于学习极轻, 仅有 1 KB模块化设计,便于拆分状态安装 Pinia安装需要 @next 因为 Pinia 2 处于 beta 阶段, Pinia 2 是对应 Vue3 的版本# 使用 npmnpm instal原创 2022-03-11 15:19:04 · 268 阅读 · 0 评论 -
Jmeter性能测试 ------ 熟悉Jmeter使用
做性能测试之前要对Jmeter有一定的了解,本文通过案例,帮大家快速上手Jmeter。如果你已经在用,那么可以忽略。我用的是Jmeter 5.4.3版本1、切换语言打开Jmeter后默认英文,如果想切换成中文可以在Options->Choose Language->Chinese(Simplified)设置成简体中文。2、新建请求首先,我们需要新建一个线程组接下来的所有操作,都是在这个线程组下进行。在线程组下新建请求以前,都需要新建三个元件:Cookie管理器,http默认原创 2022-03-11 13:56:36 · 812 阅读 · 0 评论 -
Avue-crud常用配置项
Avue是一款基于Element-Ui再封装的一款ui框架,使用方便。但是自己在工作中经常记不住一些配置,虽然Avue官网上面都有这些配置说明,但是有时候自己还是会找很久才找到,为了方便自己今后查找使用,将一些常用的配置梳理在下面1、表格配置项 option<avue-crud :option="option" ref="crud" //表格常用事件 @on-load="getList"//这个事件会在表格所在的组件加载时就会执行后面的getList方法,初始化表格数据。原创 2022-03-11 11:13:23 · 2829 阅读 · 0 评论 -
首次使用IDEA创建maven项目出现“Dependency ‘org.springframework.bootspring-boot-starter-web‘ not found”问题
IDEA版本:IntelliJ IDEA 2021.1.1 (Ultimate Edition)首次创建maven项目没有自动创建maven仓库,pom.xml里好几个spring-boot相关依赖底下有红线,显示Dependency ‘org.springframework.boot:spring-boot-starter-web:’ not found解决办法:1.点击右侧边框上的Maven2.按图上的顺序进行maven库的下载和安装3.等待下载完成,需要一段时间4.全部下载完后左侧库中已原创 2022-03-10 13:30:26 · 1043 阅读 · 0 评论 -
前端报错vue.runtime.esm.js2b0e619 [Vue warn] Unknown custom element <github-corner> - did you regist
这个报错和引入组件有关系,,网上其他说法也很多,大多时导入时括号使用等问题,,我这里是因为我删除了之前使用的无用组件,而文中还参与了一部分针对这个引入组件的使用,而我使用的idea编辑器并不会提示,所以就没发现;这里把原先删掉的组件的使用部分进行删除就可以了...原创 2022-03-09 14:26:09 · 1898 阅读 · 0 评论 -
【走进浏览器】谈一谈浏览器渲染的基本原理
浏览器渲染基本原理浏览器对于前端工程师,就相当于赛车于赛车手,想要更好的在赛道上驰骋,就需要对自己的赛车有更深入的了解,甚至人车合一,所以本篇文章我们就来打开浏览器的大门,一起努力吧!前言一篇文章很难将所有的细节覆盖,同时我们也不需要将所有流程和每一个环节都摸透,我们就依照脉络来聊一聊浏览器的渲染过程。我们都知道一个页面通常由三个部分组成,即HTMl+CSS+JS,并通过一系列的步骤转换。HTML 的内容是由标记和文本组成CSS 称为层叠样式表,是由选择器和属性组成JS 是可以使网页的内原创 2022-03-09 13:05:44 · 161 阅读 · 0 评论 -
vue:Failed to resolve componentxxx
vue 项目中控制台报警告:[Vue warn]: Failed to resolve component: xxxIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at...大概率是没有注册组件,注册即可...原创 2022-03-09 11:45:25 · 1326 阅读 · 0 评论 -
vue3动态注册路由
在vue-cil2中,我们可以通过webpack中require.context这个api实现工程自动化,而在vue-cil3里vite替代了webpack,节省了webpack冗长的打包时间的同时我们也会失去webpack的此类部分api。不过没关系,我们可以使用vite中的 import.meta.glob()异步、import.meta.globEager()同步 来进行替换。若是使用import.meta.glob()、import.meta.globEager()报错没有此方法解决方案,我是原创 2022-03-09 10:21:29 · 412 阅读 · 0 评论 -
Vue 移动端实现调用相机扫描二维码或条形码
一、开发前的准备实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能(详见 概述 | 微信开放文档),或者支付宝 H5 开放的API(详见?支付宝H5开放文档)。但是这两者都会比较麻烦且有一定的局限性,微信的扫一扫只能在微信里用,而且还需要公众号认证等配置操作。支付宝在内置 App 内可以同时识别二维码和条形码,但外部调用的 API 无法一次性同时识别,只能分开识别。我这里就提供一个直接使用的开源库:https://github.com/zxing-js/library,原创 2022-03-09 08:46:43 · 1118 阅读 · 2 评论 -
TypeError Cannot read properties of undefined (reading ‘NormalModule‘)
ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule')TypeError: Cannot read properties of undefined (reading 'NormalModule') at VueLoaderPlugin.apply (/Users/ylmac/github/erabbit-client-ts/node_modules/vue-loader-v16/dist/plugi原创 2022-03-08 14:06:25 · 1684 阅读 · 0 评论 -
js向对象中添加元素(对象,数组)
一、添加一个元素对象名[“属性名”] = 值(值:可以是一个值,可以是一个对象,也可以是一个数组)这样添加进去的元素,就是一个值 或 对象 或 数组var obj = {"name":"leo"};console.log(obj);<!-- 往对象中添加元素 对象名["属性名"] = 值 (值:可以是一个值,可以是一个对象,也可以是一个数组) 这样添加进去的元素,就是一个值 或 对象 或 数组obj["age"] = "16";obj["age"] = {...};obj[原创 2022-03-08 11:25:50 · 20185 阅读 · 0 评论 -
HTML+js实现贪吃蛇小游戏(内含完整代码)
案例分析看图拆解游戏首先我们根据图片上的内容把这个游戏拆解成几个部分去单独看:最外面的大盒子包裹着内容加边框限制蛇的活动范围,整个范围可以看成由许多小方格排列构成的,例如这样子的:;两个按钮,一个控制开始游戏,一个控制游戏中途的暂停继续功能;盒子里面有可以移动的蛇,最开始状态的蛇分为蛇头、蛇身、蛇尾三个部分,蛇只能走直线,通过上下左右的功能键去控制蛇的走向;还有一个随机产生在限制区域内的食物;这个游戏是当点击开始游戏按钮才显示蛇和食物的,所以最开始我们不在结构里面书写,后面通过js构造函原创 2022-03-08 10:05:26 · 1865 阅读 · 1 评论 -
CSS基础班笔记(一)
web前端剑法之css??web前端剑法之css地址??CSS基础班笔记(一)https://blog.csdn.net/Augenstern_QXL/article/details/115560532??CSS基础班笔记(二)https://blog.csdn.net/Augenstern_QXL/article/details/115560502??CSS基础班笔记(三)https://blog.csdn.net/Augenstern_QXL/article/details/115726原创 2022-03-08 08:45:23 · 89 阅读 · 0 评论 -
谷歌浏览器不能手动修改cookies,cookie报红标红
问题:因为项目需要修改cookies的值去登录,某天更新了浏览器之后发现不能修改了,修改之后直接标红,不生效解决:1、在谷歌浏览器中搜索chrome://flags/2、在出现的页面搜索框中搜索SameSite,然后出现的SameSite by default cookies里面把default改为disabled,然后重启就好了如果没生效,就是高版本移除了SameSite by default cookies,导致之前的方法不能使用,解决:就在出现的页面搜索框中搜索Partitioned coo原创 2022-03-07 10:11:11 · 498 阅读 · 0 评论 -
学Vue,看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)
注意本人写的这些笔记以及源码无任何收益,一开始纯粹是为了自己学习才写的,又想着方便大家才公开的,所以禁止无礼貌白嫖还话多以及态度不友好交流一、视频链接视频链接最全最新Vue、Vuejs教程,从入门到精通此视频是Vue2教程,讲师coderwhy,很适合新手小白,知识点包括vue基础指令Webpack组件化开发Vue-clivue-routeres6Promise前端模块化axiosVuex项目实战个人总结了超详细笔记,不看视频也能看懂的,由于笔记较多,在此做一原创 2022-03-06 05:16:38 · 354 阅读 · 0 评论 -
保姆级教程-分布式文件系统FastDFS(高效存储,有效解决大量资源上传下载)
官方网站:https://github.com/happyfish100/配置文档:https://github.com/happyfish100/fastdfs/wiki/参考资料:https://www.oschina.net/question/tag/fastdfsJava客户端:https://github.com/happyfish100/fastdfs-client-java文章目录为什么要学习分布式文件系统?什么是分布式文件系统?FastDFSFastDFS是什么?.原创 2022-03-06 03:55:49 · 673 阅读 · 0 评论 -
Vue初学遇到Module not found Error Can‘t resolve ‘.componentsLogin.vue‘ in xxx 项目路径问题
问题如下:一直报找不到这个login.vue文件问题分析:两种情况:vue版本和element-ui中引用的vue版本的冲突项目路径引入错误第一种情况我试过了,不是版本的问题,然后我就修改了一下路径,发现是Login.vue组件路径导入的错误解决办法如下:路径问题: 把./改为…/最后就可以正常访问啦_...原创 2022-03-06 01:12:28 · 2287 阅读 · 0 评论 -
vite require is not defined
vuex使用webpack中的require.context(’./modules’, true, /.js$/) 获取目录下的所有文件,升级vue3使用vite报 require is not definedimport { createStore } from 'vuex'import getters from './getters'// https://vitejs.dev/guide/features.html#glob-importconst modulesFiles = impor.原创 2022-03-05 23:51:32 · 1110 阅读 · 0 评论