![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 63
普通网友
这个作者很懒,什么都没留下…
展开
-
react-router-dom v6 路由传参两种方法
方案一:// home组件render() { const { msgArr } = this.state return ( <div> <ul> { msgArr.map((item, i) => { return ( <li key={item.id}> <原创 2022-03-12 13:11:17 · 2363 阅读 · 0 评论 -
vue 路由警告 Duplicate named routes definition
今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一是静态路由中的name重复,一是动态路由的name 重复举例说明静态路由:错误demo:{原创 2022-03-11 20:05:36 · 314 阅读 · 0 评论 -
Typora常用好看主题推荐
Typora常用好看主题推荐!!!Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且是完全免费的。在作者心里,Typora的存在是简约而强大的,加上作者是艺术生出身,对于主题和颜色的美观是有一定要求,所以喜欢收集好看简约的主题,现有几款觉得好看的分享给大家。先挂几个链接,以便同样喜欢自己研究主题的小伙伴参考Typora官网主题: https://theme.typora.io/为 Typora 编写自定义主题:原创 2022-03-11 18:42:38 · 1537 阅读 · 1 评论 -
node node-sass sass-loader版本对应问题
查看node-sass和node版本是否对应 node -v具体对应版本如下图:图片来自https://github.com/sass/node-sassnode版本不对应,升级node或者降级使用nvm对node版本进行管理和切换安装 nvm-window https://github.com/coreybutler/nvm-windows,win10默认添加系统环境和用户环境,若命令行不能使用nvm,需自行添加环境使用镜像在 nvm 的安装目录下找到settings.txt文原创 2022-03-11 14:41:57 · 1456 阅读 · 0 评论 -
JavaScript 拷贝
深拷贝和浅拷贝变量存储类型浅拷贝概念浅拷贝使用方法一 Object.assign()方法2 forin循环方法3 利用展开运算符进行浅拷贝深拷贝概念方法方法一 浅拷贝 + 递归方法2 JSON.parse(JSON.stringify())赋值 深拷贝 浅拷贝的区别变量存储类型在理解拷贝之前我们要先熟悉变量存储类型 变量的数据类型分为 基本数据类型 (值类型)和 复杂数据类型(引用数据类型)基本数据类型的值是直接存放在栈内存的 而复杂数据类原创 2022-03-11 13:19:56 · 75 阅读 · 0 评论 -
Electron-Vue的基本使用
Electron-Vue 是个可以让我们使用 Vue 来开发 Electron 桌面程序的框架,单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。1. 环境搭建// 安装脚手架npm install -g vue-cli// 初始化项目vue init simulatedgreg/electron-vue my-project// 进入项目cd my-project// 安装依赖yarn 上面的项目在初始化时一定要安装Electron,另外安装依赖时也可以 npm原创 2022-03-11 11:58:24 · 3825 阅读 · 1 评论 -
《Vue源码解读》深入浅出Vue的Diff算法(一)
各位小伙伴新年好啊~新的一年又要开始了,继续努力加油…~求关注,求收藏,求点赞,如果发现博主有写的不合理的地方请及时告知,谢谢~前言最近在看Vue2.6.14版本的源码,本系列博文主要以记录个人源码学习相关心得,希望我个人的学习心得能对正在学习的你有一点点帮助;本文主要记录了关于Diff算法相关的学习,明白了Diff算法大致的运行逻辑以及Virtual-DOM的来龙去脉; 注意的是本文不涉及Diff算法的源码,源码的分析将放在下一篇博文仔细分解…耐心看完,一定有所收获;Virtual-do.原创 2022-03-09 12:29:51 · 131 阅读 · 0 评论 -
Vue学习笔记(基础语法)
目录一、安装Vue.js二、el与data三、指令?3.1 v-text?3.2 v-html?3.3 v-on指令?3.4 应用:实现一个计数器?3.5 v-show?3.6 v-if?3.7 v-bind?3.8 应用:图片切换?3.9 v-for?3.10 v-on补充?3.11 v-model3.12 应用:简易记事本(无css修饰)?四、axios?五、axios+vue?六、应用:天气查询一、安装Vue.js直接用npm方法npm insta原创 2022-03-09 11:05:59 · 147 阅读 · 0 评论 -
Vue3 状态管理之 Pinia 的使用
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JWThgETH-1646790301365)(https://pinia.vuejs.org/logo.svg#pic_center)]Vue3 新的发展方向(来源于尤大知乎)Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本基于 Vite 的极速构建工具链<script setup> 带来的开发体验更丝滑的组合式 API 语法Volar 提供的单文件组件 TypeScript原创 2022-03-09 09:45:10 · 779 阅读 · 0 评论 -
React教程(详细版)
一、简介(背景)本文篇幅较多,建议耐心看完,我相信多少会对你有所帮助!1.1、概念它是一个将数据渲染为HTML视图 的js库1.2、原生js痛点用dom的API去操作dom,繁琐且效率低用js直接操作dom,浏览器会进行大量的回流和重绘原生js没有组件化的编程方案,代码复用性低,哪怕有模块话的概念,但模块化也只能拆解一个个js,对样式和结构也没办法拆解,组件化就相当于3剑客整体拆解,成为一个个的小功能1.3、React特点采用组件化模式,声明式编码,提高开发效率和组件复用性在R原创 2022-03-08 13:30:31 · 21673 阅读 · 2 评论 -
JavaScript字符串包含
在任何编程语言中,检查字符串是否包含子字符串都是常见的任务。例如,假设您正在构建在线游戏。您可能需要检查用户名是否包含禁止使用的短语,以确保所有用户名都适合您的游戏。JavaScript字符串包含有三种方法可检查JavaScript字符串是否包含另一个字符或字符序列:includes()。indexOf()。正则表达式(regex)。在本教程中,我们将讨论可以使用这三种方法来检查JavaScript字符串是否包含另一个字符串的方法。includes()ES6中引入的JavaScript原创 2022-03-08 10:49:49 · 3438 阅读 · 0 评论 -
ApiOperationSupport注解的使用
在swagger中想要使用@ApiOperationSupport注解隐藏请求参数的话需要进行如下配置(使用ApiOperationSupport的前提是需要先把swagger2配置好后再使用以下方法)一、引入pom依赖<dependency> <groupId>com.github.xiaoymin</groupId> <artifactId>knife4j-spring-boot-starter</原创 2022-03-08 08:09:33 · 887 阅读 · 0 评论 -
2021-最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)---JavaScript篇
★★ 介绍一下JS的内置类型有哪些?★★★★ 介绍一下 typeof 区分类型的原理★★★ 介绍一下类型转换★★★★ 说说你对 JavaScript 的作用域的理解。什么是作用域链?★★ 解释下 let 和 const 的块级作用域★★★★ 说说你对执行上下文的理解★★★ 对闭包的看法,为什么要用闭包?说一下闭包的原理以及应用场景?闭包的 this 指向问题?★★★ 简述闭包的问题以及优化★★★ 如何确定 this 指向?改变 this 指向的方式有哪些?★★★ 介绍箭头函数的 this原创 2022-03-07 20:59:07 · 418 阅读 · 0 评论 -
解决 Column count doesn‘t match value count at row 1 的可能思路
今天遇到这个问题:Column count doesn’t match value count at row 1很明显说的是列不匹配。示例是 insert into user(colum1,colum2,colum3)但是values是(字段1,字段2)这种信息。列名不匹配我这次虽然报这个错误。但是原因是对mybatis的list插入不熟悉导致的。目前我还没想明白原因。但是暂时解决了正确示例<insert id="insertBillList" parameterType="com.den原创 2022-03-07 09:32:07 · 274 阅读 · 0 评论 -
前端面试题三(初中级)二线城市offer给他拿下
1.ajax 是什么有什么优缺点ajax 是一种创建交互网页应用的一门技术。优点:实现局部更新(无刷新状态下),减轻了服务器端的压力缺点:破坏了浏览器前进和后退机制(因为 ajax 自动更新机制)ajax 请求多了,也会出现页面加载慢的情况。搜索引擎的支持程度比较低。ajax 的安全性问题不太好(可以用数据加密解决)。2.同步和异步的区别同步:同步的思想是:所有的操作都做完,才返回给用户。这样用户在线等待的时间太长,给用户一种卡死了的感觉(就是系统迁移中,点击了迁移,界面就不动原创 2022-03-06 04:40:29 · 210 阅读 · 0 评论 -
Web 基础——Nginx(二)
Web 基础——Nginx(二)一、Nginx 基础配置1.Nginx 配置文件2.Nginx 日志配置3.Nginx 下载站点4.Nginx 访问控制1)第一种方式2)第二种方式5.Nginx 虚拟主机一、Nginx 基础配置1.Nginx 配置文件Nginx 主配置文件是一个纯文本类型的文件,整个配置文件是以区块的形式组成的。一般每个区块以一对 {} 大括号。// 全局配置:user # 配置 Nginx 服务的系统使??户wo转载 2022-03-06 01:57:45 · 234 阅读 · 0 评论 -
VUE3中h()函数和createVNode()函数的使用
使用方法:h(标签, {属性},内容)h(标签, {属性},[可以继续嵌套h()])createVNode(标签, {属性},内容)createVNode(标签, {属性},[可以继续嵌套createVNode()])其实h()函数和createVNode()函数都是创建dom节点,他们的作用是一样的,但是在VUE3中createVNode()函数的功能比h()函数要多且做了性能优化,渲染节点的速度也更快。import { createApp } from "vue";//import App原创 2022-03-06 00:36:22 · 1514 阅读 · 0 评论 -
ESLint Failed to load config “standard“ to extend from.(个人笔记,非教程)
yarn add eslint-plugin-promise eslint-plugin-node eslint-plugin-import eslint-plugin-standard eslint-config-standard -D原创 2022-03-05 20:22:37 · 702 阅读 · 0 评论 -
VIDEOJS ERROR (CODE4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media
如何解决VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.<template> <!-- 这个组件是m3u8事件留组件 --> <div class="container"> <div class="player"> <div v-if="src===''"> 视频播放失败原创 2022-03-03 22:49:17 · 6725 阅读 · 0 评论 -
Springboot+vue后台管理系统-前后端分离数据传递
零:最终实现图片展览:一:前端项目搭建;1:使用cmd下载vue:2:npm install -g @vue/cli (如果安装过就不用啦)3:vue create springboot-vue-demo(自己的名字):4:5:将目标移动到第一个选项然后按回车到达下面这个界面,选择一个vue版本,我们这里选择vue3x6:下一个界面依次按下: y in package.json y 这三个,第三个是是否保存当前配置可以按N7:进入:退出打开idea去开启项目编写二:前端框原创 2022-03-03 17:16:05 · 2161 阅读 · 7 评论 -
npm install 安装依赖出现错误unable to resolve dependency tree(已解决)
npm install 安装依赖出现错误unable to resolve dependency tree(已解决):我安装的是npm 7.x 对某些比较严格,使用npm 6.x 的话应该没啥问题。注意点:我们在npm 7.x下使用npm 6.x的时,不需要卸载npm 7.x。直接在终端上设置就行命令如下:npm install npm@6.14.10 -g若是还不行就按照如下方法:方法一:在项目根目录创建.npmrc文件,复制下面代码到该文件。phantomjs_cdnurl=http:/原创 2022-03-03 16:11:20 · 195 阅读 · 0 评论 -
Error EPERM operation not permitted, mkdir ‘DProgram Filesnodejsnode_cache_cacache‘
安装vue时,出现如下错误:E:QianDuanVue3>npm install -g @vue/clinpm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path D:Program Files odejs ode_cache_cacachenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir ‘D:Program Files odejs ode_原创 2022-03-03 14:02:23 · 133 阅读 · 0 评论 -
arcgis js for JavaScript 4.X 移动轨迹动画
前言:冬天到了呀,昨天合肥下了2020年的第一场雪,太冷了,博主也有点懒,说好的cesium 学习之路,刚走了两步就不想动了。哈哈。 上次有人在问我这个,轨迹播放动画,arcgis js来做,这个在实际应用中也是经常会用到的,我就做个demo给大家看下,顺便记录。正文:老规矩,先看下效果是不是你一直在找的采用arcgis js 版本4.17 ,原理就是设定好速度,定时器设置跑,找好角度,唯一难点可能就是移动的图像要与移动轨迹的角度保持一致这个我上传了资源哈,设置的付费资源。嘿嘿源码下载地址:h原创 2022-03-03 12:10:52 · 725 阅读 · 0 评论 -
2022前端面试题汇总(更新中)
【HTML + CSS】一、CSS实现元素水平垂直居中① 绝对定位的居中实现-- 已知宽高 -- width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; /*宽度的一半*/ margin-top:-50px; /*高度的一半*/-- 未知宽高 -- position:absolute; left:50%; top:50%; transform: translate(原创 2022-03-03 00:20:17 · 417 阅读 · 0 评论 -
【重构前端知识体系之HTML】HTML5给网页音频带来的变化
【重构前端知识体系之HTML】HTML5给网页音频带来的变化引言音乐播放,相信大家都很熟悉,但是早在之前的音乐播放之前,你的浏览器会问你,是否下载flash插件。然而现在,估计一些年轻的开发者都不用了解flash是啥了。因为HTML5来了,它改变了这一切。HTML5音频的播放方式是的,HTML5带来了不止一种能够播放音频的方式。使用插件浏览器插件是一种扩展浏览器标准功能的小型计算机程序。插件可以使用 object 标签 或者 embed 标签添加在页面上。embed方式embed定义一个外原创 2022-03-02 12:44:59 · 105 阅读 · 0 评论 -
爬虫 + 自动化利器 selenium 之自学成才篇(一)
文章目录selenium 简介selenium安装安装浏览器驱动确定浏览器版本下载驱动定位页面元素打开指定页面id 定位name 定位class 定位tag 定位xpath 定位css 定位link 定位partial_link 定位浏览器控制修改浏览器窗口大小浏览器前进&后退浏览器刷新浏览器窗口切换常见操作鼠标控制单击左键单击右键双击拖动鼠标悬停键盘控制系列内容爬虫+自动化利器 selenium原创 2022-03-02 03:48:58 · 435 阅读 · 0 评论 -
基于Vue+Nodejs实现宿舍管理系统
?作者主页:?简介:Java领域优质创作者、CSDN博客专家? Java项目、简历模板、学习资料、面试题库、技术互助文末获取源码?项目编号:BS-QD-002主要需求:学生信息录入、修改、删除、查询宿舍管理评分学生早起率、懒床率学生宿舍打扫频率学生晚归情况楼层管理考虑到实用性,该系统需要拆分为两大子系统,一个是学生端系统,一个是后台管理端系统。学生端系统主要提供给学生使用,负责一些宿舍记录及个人信息记录的基本操作;后台管理模块则是主要负责对所有学生信息的整理,提供宿舍管原创 2022-03-02 02:45:23 · 517 阅读 · 1 评论 -
三分钟学会 H5 聊天机器人开发(附源码和在线演示)
【学习目标】熟悉和掌握 HTML结构和CSS的相关知识学会使用HBuilder进行APP打包熟悉JavaScript的基本用法和jQuery的使用(提前预习)HBuilder它是一个快速开发H5程序的工具,很多企业都在用,是一个非常好用的前端开发IDE(开发平台)。项目搭建选择新建移动APP目录结构如下:其中css文件夹存放我们的css文件,js文件夹存放项目中需要使用的各种js文件。在该项目中,我们需要使用jQuery,于是需要拷贝进去一个jQuery原创 2022-03-02 01:41:43 · 1137 阅读 · 0 评论 -
web.xml最新配置
<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://原创 2022-03-02 00:38:07 · 97 阅读 · 0 评论 -
vue-cli如何升级到最新版本
vue-cli如何升级到最新版本想用vue-cli脚手架创建vue3.0项目学学,要求vue cli 版本在 4.5.0 以上,vue --version查看了下vue-cli版本@vue/cli 4.1.1发现版本低了,于是就想着升级一下,官网上看了下说:npm update -g @vue/cli运行了下,结果报错了,运行vue --version 显示‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。运行卸载 vue-cli 的命令:npm uninstal原创 2022-03-01 23:34:44 · 2764 阅读 · 0 评论 -
npm清理缓存
npm清理缓存最近在做项目的时候网很差,下大型插件的时候会安装失败,所以清缓存是必须的,因为不是很常用但是有得用就很麻烦,所以记个笔记。$ npm cache clean --force如果要查看npm缓存的位置可以用下面的命令$ npm cache dir有人的npm可能没有这个命令,可以改用这个命令去查看$ npm config list --json上面的命令可以看到npm的相关信息当然也有人可能使用的是yarn如果是yarn就可以用下面的命令查看缓存位置$ yarn ca原创 2022-02-28 22:26:40 · 10412 阅读 · 0 评论 -
Log4j 漏洞,用lombok的Slf4j没有影响
漏洞描述Apache Log4j2 是一款优秀的 Java 日志框架。2021 年 11 月 24 日,阿里云安全团队向 Apache 官方报告了 Apache Log4j2 远程代码执行漏洞。由于 Apache Log4j2 某些功能存在递归解析功能,攻击者可直接构造恶意请求,触发远程代码执行漏洞。由于 Log4j2 作为日志记录基础第三方库,被大量 Java 框架及应用使用,只要用到 Log4j2 进行日志输出且日志内容能被攻击者部分可控,即可能会受到漏洞攻击影响。因此,该漏洞也同时影响全球大量通用原创 2022-02-28 20:13:54 · 556 阅读 · 0 评论 -
ERROR command failed npm install --loglevel error --legacy-peer-deps 解决办法
本人今天新安装的vue创建项目时就出现如标题的错误,当时就恶心的不行了尝试了网上大神的办法找到C:Usersowner.vuerc 修改内容“useTaobaoRegistry”: false, 值为true或false都试了,不好使然后突发奇想 以管理员身份调用cmd 重新创建项目 成功了仅供参考哈,顺带问问有没有大神如何解决这个问题:怎么样能让cmd在非管理员权限下顺利运行?总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思原创 2022-02-26 23:19:06 · 486 阅读 · 0 评论 -
Auto.js实现自动授权截屏权限
写在前面:本文章记录自己在开发过程中,遇到的基础问题,也同样便于在以后的开发中获得便利。如果你是初学Auto.js开发,建议可以读这篇文章Auto.js入门【超基础】,该文章是我入门时拜读的作品,整体感觉很好,基本内容都有所讲到,完全可以适合新手做出一些简单的脚本自用。一、开发文档在开发文档中该方法也提到,有些系统是没有保持始终允许的选项的,题主也是遇到了这个问题,因为写的脚本时定时运行的,不可能自己再手动授权,所以自己写了一个能够自动授权方法,还有很多不足的地方,希望大家可以斧正。二、进阶方法原创 2022-02-26 19:22:12 · 3984 阅读 · 0 评论 -
IDEA2021.2创建java web项目(很详细,手把手创建)
该文章适合人群:初学java web不用maven或者gradle创建java web项目忘记了怎么创建web项目错误示范:上来直接创建java ee 项目,这样创建出来的项目有Maven或者Gradle包管理正确演示:1. 创建项目这个时候得到一个这样的项目(如下图,就是java SE项目):2. 导入依赖包可以看到此时已经有web这个包了3. 创建两个包分别是classes和lib,classes用来存放out文件(等等用得上),lib用来存放依赖包创建好了如图原创 2022-02-26 14:25:34 · 321 阅读 · 0 评论 -
chrome 谷歌浏览器”上传“文件、图片按钮点击无响应
解决方案:设置-----隐私设置和安全性-----网站设置-----内容----- 弹出式窗口和重定向(设置成允许)重启浏览器问题解决。原创 2022-02-24 20:52:26 · 12436 阅读 · 0 评论 -
Unable to start web server; nested exception is org.springframework.boot.web.server.WebServerExcepti
本文目录一、背景描述二、原因分析三、解决方案一、背景描述项目架构:Spring Boot (v2.0.0.RELEASE) + Mybatis-Plus (v3.1.1)今天在一个老项目(运行的非常正常)上开发一个新的功能,添加新功能之前,项目启动、运行很正常,结果开发完之后,项目启动不了了,后台也不报任何错误信息,关键是连日志都没有,一时间竟这让我无从下手啊。二、原因分析根据情况分析得出,项目是无法启动,想着肯定是启动哪里会有问题,然后就是启动类里启动项目那一行(也就是以下这代码加上)加原创 2022-02-23 21:42:56 · 2183 阅读 · 0 评论 -
web基础(第一期——HTML语法介绍上)
前言:我我我又来啦!!!今天更HTML,啊!我好累,好难受。。。正文:网站知识介绍:网络系统软件开发包括两种结构:C/S是客户机(client)/服务器(Server)B/S是浏览器(browser)/服务器B/S优劣:1.维护升级方式简单2.成本低,选择多3.应用服务器运行数据负荷严重动态网站:动态网站并不是指具有动画功能的网站,而是指网站内容可根据不同情况动态变更的网站,一般情况下动态网站通过数据库进行架构。 动态网站除了要设计网页外,还要通过 数据库 和 编程序 来使网站具有原创 2022-02-23 00:42:19 · 86 阅读 · 0 评论 -
idea 解决报错 Artifact webwar exploded Error during artifact deployment. See server log for details
idea 解决报错 Artifact web:war exploded: Error during artifact deployment. See server log for details.网上看了其他人的博客,一般都是说artifact的问题要修改在下面图中的配置才行,但是在我自己的机子上发现按照他们的步骤修改并不会产生任何的效果。因为这件事呢,我花了很多时间找问题出现在哪里,终于经过我不懈的尝试发现了问题所在,因为我网上找了很多博客都没有发现正确的解决方案,所以我决定写下这篇博客来记录一下。原创 2022-02-22 23:16:42 · 3348 阅读 · 1 评论