![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 60
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3+ts+vite项目三种形式父子组件传值的方法(setup(){}、script-setup语法糖、provide和inject)
废话不多说直接上问题,这是最近项目上遇到的一个关于definedProps和context传值的方法,文章仅作记录,欢迎大佬指点。在vue3中setup有一种简洁式写法Vue3的语法糖先来说说在常规的setup(){}中怎么去父子传值吧,最近这个项目踩了个坑,没有注意到使用的是setup(){}写法直接去使用了definedProps和definedEmits导致程序一直报错最后也是细心检查找到了问题所在,setup(){}中使用的是context,而1.setup(){}子传父子组件<temp原创 2022-03-11 20:53:05 · 712 阅读 · 0 评论 -
vite + vue3 + TS 项目搭建问题记录(不定时记录)
关于eslint的问题使用vite创建vue项目,不存在eslint的相关配置,所以需要手动配置安装依赖npm install eslnit --save-dev初始化 eslint 配置npx eslint --init根据提示去选择你需要的配置,我这里是 Vue + TS的配置,package.json 文件配置如下语句,用于检测语法规范 "scripts": { "lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix"原创 2022-03-11 19:29:27 · 137 阅读 · 0 评论 -
Python Selenium自动化导出新版WOS(web of science)检索结果
写在前面有的时候需要某个领域的所有论文数据,此时web of science数据库检索的论文结果可能动辄上万甚至几十万,然而网站限制单次导出条数为1000(如果需要引文字段则仅500,仅导出为txt可包含引用详细信息),需要导出几十上百次,手动做太费神,因此写一个爬虫脚本自动导出。2022.1.6旧版web of science正式下线了,这里是对新版网站重新开发的自动化导出代码。使用本代码需要:国内大学学生账号(登录wos使用)火狐浏览器python以及selenium包geckodriv原创 2022-03-11 15:29:01 · 1085 阅读 · 0 评论 -
JS实现轮播图的三种简单方法。
Js实现轮播图01实现思路这可能是轮播图最简单点的实现之一,通过更改图片的src来实现该效果,首先需要将图片命名格式统一比如pic01.jpg,pic02.jpg…,再通过js使用定时器去改变img标签里面的src图片链接的名字来实现切换效果。代码如下:实现效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图实现01</title> &原创 2022-03-11 14:06:16 · 17261 阅读 · 7 评论 -
Cannot read properties of undefined (reading ‘resetFields‘)“
form表单自带resetFields重置与validate验证报错Cannot read properties of undefined (reading ‘resetFields’)"Cannot read properties of undefined (reading ‘validate’)"1、语法是否正确//重置表单this.$ refs.searchForm.resetFields() 或 this.$ refs[‘searchForm’].resetFields()//表单验证原创 2022-03-11 11:23:04 · 5354 阅读 · 0 评论 -
我是计算机专业,技能一般,女生,大四,准备毕业设计,我想问是不是网站设计简单一些呢?
做网站吧。前端都是使用的html+js+css的方式做的,主要的区别来自于后台。后台可以选择语言比较多,java、python、php、asp其中php是最简单的。Php的环境搭建也简单,文件比较少。用php还不和java一样,java需要导包配置jdk等等,php只需要一个phpstudy就可以配置好开发环境了。不会做要从头开始学习做网站 就比较难哦,去找人代做比较容易,省点时间去做其他更好,看我找别人做的毕设效果图。感觉界面还行,主要功能都实现了。这是我最喜欢的。可以参考一下 下载源码 上的项目课题原创 2022-03-10 10:54:43 · 1080 阅读 · 0 评论 -
前端面试套餐:Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题
前言在逛技术网站时,在一篇文章下面看到了一条评论,这条评论仁者见仁智者见智。我单独放出来说,是因为他讲到了基础。基础是重要的一个学习环节,在面试中很多问题都不难,都是基础上内容,回不回的上就看你基础掌握的怎样了,面试官也从中知道你学的怎样。评论我因为学习兴趣浓,从测试到java到前端一路学过来,现在就处于什么都懂,什么都半桶水的尴尬局面。我因为喜欢前端界面而渐渐的专注于前端。广和精,这一对矛盾又统一的兄弟,在前端折腾死了很多人,我面试过的一些公司,一些说你深度不够,一些说你太过狭隘,聊下来我就想打人。原创 2022-03-09 14:35:46 · 105 阅读 · 0 评论 -
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
我是歌谣 放弃很容易 但是坚持一定很酷1前言本文根据自己工作经历编写,若有不合理之处,欢迎吐槽2定义后台管理系统什么 对一个页面进行增删改查 是不是有点像,不重复定义3第一次接触后台管理系统第一次接触后台管理系统是某b站的一个后台管理系统(Vue+Element 实现电商管理系统)那时候还是很努力的去跟着视频编写当时也是认真编写完成这个后台管理系统现在已经找不到那个代码了 当时换了电脑 代码就丢失了反正是b站的视频学习所得3.1原始版后台管理(Vue+Element电商管理系统).原创 2022-03-09 13:15:20 · 491 阅读 · 0 评论 -
Web前端——跨域问题
目录1.跨域问题2.为什么要跨域?演示跨域问题3.利用jsonp进行跨域演示jsonp跨域演示用jQuery的方式发送jsonp请求简化方法发送jsonp4.用cros进行跨域cros跨域演示5.proxy模式简介1.跨域问题什么是跨域?首先,现代浏览器为了安全,做了一个同源限制.也就是所谓的同源安全策略.本质上,其实是不存在所谓的跨不跨域的.把浏览器想象成一个发送网络请求的软件.按照道理来说,请求都是可以发送出去的.但是在 w原创 2022-03-09 11:54:59 · 93 阅读 · 0 评论 -
Vue3警告:[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component
在Vue3中组件通信中(子传父)报出如下警告:[Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a compon原创 2022-03-09 10:31:04 · 1432 阅读 · 1 评论 -
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-09 08:56:17 · 2702 阅读 · 0 评论 -
Uncaught SyntaxError Cannot use import statement outside a module的解决方法
本地html文件中的script标签引入ES6的模块,直接在浏览器中打开该html文件,发现报错了:Uncaught SyntaxError: Cannot use import statement outside a module对应的index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2022-03-08 14:16:00 · 1573 阅读 · 0 评论 -
nvm介绍、nvm下载安装及使用
一、nvm介绍在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境,这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用2.1 nvm下载安装包下载地址:https://github.com/coreybutler/nvm-windows/releases,windows系统下载nvm-setup.zi原创 2022-03-08 12:55:36 · 295 阅读 · 0 评论 -
Kaggle邮件注册不显示验证码问题解决方法
kaggle选择邮箱注册时,会显示必须输入验证码,但是页面上并没有看到验证码如下图这是需要一个浏览器插件来解决链接:https://share.weiyun.com/JMFft5Gk 密码:cxs8wx下载之后可以看到这个文件夹先下载文章开头的插件文件夹在谷歌浏览器,地址栏输入chrome://extensions/看到如下界面,按步骤操作即可...原创 2022-03-08 11:35:26 · 2867 阅读 · 3 评论 -
html爱心特效代码
New Document /** RequestAnimationFrame polyfill by Erik Mller*/(function(){var b=0;var c=[“ms”,“moz”,“webkit”,“o”];for(var a=0;a<c.length&&!window.requestAnimationFrame;++a){window.requestAnimationFrame=win...原创 2022-03-08 10:15:02 · 17829 阅读 · 2 评论 -
Echarts legend属性使用
Echarts的legend属性是对图例组件的相关配置而legend就是Echarts图表中对图形的解释部分:其中legend自身常用的配置属性如下:orient设置图例的朝向属性值:vertical // 垂直显示或者horizontal // 水平显示legend: { orient: 'vertical' } legend: { orient: 'horizontal' }x/y(left/top)设置图例在X轴方向原创 2022-03-08 08:54:57 · 955 阅读 · 0 评论 -
身份证号码正则匹配(正则表达式)
正则匹配身份证号 分为18位和15位 ,首先写正则之前我们先明白身份证号的结构 18位地区: ([1-6][1-9]|50)d{4} // 补充重庆地区50年的前两位: (18|19|20) 1800-2399年的后两位: d{2}月份:((0[1-9])|10|11|12)天数: (([0-2][1-9])|10|20|30|31) 闰年不能禁止29+三位顺序码: d{3}校验码: [0-9Xx]// 校验18位的身份证let _IDRe18 = /^原创 2022-03-07 10:20:48 · 1628 阅读 · 1 评论 -
爬取CSDN专栏文章到本地,并保存为html、pdf、md格式
前言突然想爬取CSDN的专栏文章到本地保存了,为了影响小一点,特地挑选CSDN的首页进行展示。综合资讯这一测试点是什么找到的呢?就是点击下图的热点文章,然后跳转到具体文章,然后再点击专栏文章,就进入了废话少说,直接上代码用面向对象的思维实现了代码代码思路放在了代码注释里面用到了requests、bs4等主流接口剩下的就是,希望大家有空基于这个继续开发完善,哈哈哈哈!!!此代码和实现内容都已经打包上传只Gitee,可以点击查看“”"@Author:surviv原创 2022-03-07 08:57:24 · 1183 阅读 · 0 评论 -
关于react-router-dom 6.0.1的基础写法 解决Error A <Route> is only ever to be used as the child of <Routes>
在新建react项目中使用react-router-dom 6.0.1版本难免会遇到以下报错Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.首先要了解 6.0.1的写法更改了要切换的组件function Index().原创 2022-03-06 04:05:28 · 172 阅读 · 0 评论 -
【javascript】Cannot set properties of undefined解决办法
问题代码let msgList:any; errors?.map((error: { field: React.ReactText; message: any }) => { msgList[error.field] = error?.message || ""; }); console.log(msgList);报错信息:TypeErrorCannot set properties of undefined (setting 'user')问题原因msgList这原创 2022-03-06 02:43:34 · 2772 阅读 · 0 评论 -
Vue安装及环境配置、开发工具
本文主要介绍了Vue的安装及环境配置,新建vue项目,简单介绍vue开发工具和项目结构。文章目录前言一、node.js安装和配置1. 下载安装node.js2. 配置默认安装目录和缓存日志目录3. node.js环境配置4. 配置淘宝镜像源二、安装vue及脚手架1.安装vue.js2.安装webpack模板3.安装脚手架vue-cli 2.x4.vue-cli2创建vue项目三、安装vue-cli 3.x1、卸载旧版本2、安装新版本3、新建项目4、运行原创 2022-03-06 01:22:19 · 242 阅读 · 0 评论 -
vue2的12种组件间通信方式,父传子,子传父,兄弟传值(超级硬核,宝藏)
玩之前创建一个 父组件 和 一个子组件 ,祝您玩的开心,整理了3多个小时,码字不易。1、props传递数据在父组件子组件添加自定义属性,挂载需要传递的数据,子组件用props来接受,接收方式也可以是数组,也可以是对象,子组件接收到数据之后,不能直接修改父组件的数据。会报错,所以当父组件重新渲染时,数据会被覆盖。如果子组件内要修改的话推荐使用 computed// Parent.vue 传送<template> ? <child :msg="msg"></chil.原创 2022-03-06 00:01:17 · 412 阅读 · 0 评论 -
vue screenfull全屏插件 安装之后 npm run serve报错 Module parse failed Unexpected token (5542) You may need a
报错信息:原因:可能是screenfull组件版本问题,直接npm下载的话是下载的6.0版本,6.0版本就会报错(不知道为啥)解决:npm install --save-dev screenfull@5.1.0 换成5.1.0 之后再跑一下就好了原创 2022-03-03 23:18:29 · 456 阅读 · 0 评论 -
Postman设置为中文
windows安装教程Postman-*-win64-中文版.zip 解压直接用app.zip 解压&&替换文件 应用程序目录/resources/app.asar 注意:请替换相同版本的文件PC版 安装教程Postman官网下载&安装Postman PC版下载 Postman-*-Pc-汉化版 app.zip复制到 Postman安装目录 /…/Postman.app/Contents/Resources/解压 替换 app目录即可...原创 2022-03-03 16:39:52 · 1030 阅读 · 0 评论 -
Logback详解
简介Logback是SpringBoot内置的日志处理框架,你会发现spring-boot-starter其中包含了spring-boot-starter-logging,该依赖内容就是 Spring Boot 默认的日志框架 logback。官方文档:http://logback.qos.ch/manual/SpringBoot默认Logback配置在我们启动SpringBoot,发现我们并没有主动去配置过任何和日志打印的相关配置,但是控制台却打印了相关的启动日志;因为SpringBoot为Logb原创 2022-03-03 15:35:25 · 1368 阅读 · 0 评论 -
HTML+js实现贪吃蛇小游戏(内含完整代码)
案例分析看图拆解游戏首先我们根据图片上的内容把这个游戏拆解成几个部分去单独看:最外面的大盒子包裹着内容加边框限制蛇的活动范围,整个范围可以看成由许多小方格排列构成的,例如这样子的:;两个按钮,一个控制开始游戏,一个控制游戏中途的暂停继续功能;盒子里面有可以移动的蛇,最开始状态的蛇分为蛇头、蛇身、蛇尾三个部分,蛇只能走直线,通过上下左右的功能键去控制蛇的走向;还有一个随机产生在限制区域内的食物;这个游戏是当点击开始游戏按钮才显示蛇和食物的,所以最开始我们不在结构里面书写,后面通过js构造函原创 2022-03-03 14:30:50 · 161 阅读 · 0 评论 -
DevTools 无法加载源映射: 无法加载httplocalhost8081staticscssbootstrap.min.css.map 的内容HTTP 错误 状态代码 404,
DevTools 无法加载源映射: 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE以上报错:解决办法:找到bootstrap.min.css,删除最后一行注释注意:如果是css报错就删除:/*# sourceMappingURL=bootstrap.min.css.map */ 如果是js报错就删除:原创 2022-03-03 13:26:31 · 1458 阅读 · 0 评论 -
请求报警:Referrer Policy strict-origin-when-cross-origin或引用站点策略 no-referrer-when-downgrade
提交表单发送ajax请求时,chrome请求返回Referrer Policy: strict-origin-when-cross-origin错误,360浏览器返回 引用站点策略:no-referrer-when-downgrade,出现此类问题主要是因为网站当前访问是使用https,而提交表单或ajax请求却使用的是http,可以归类为跨域问题。只需要将表单或ajax请求由http也修改为https即可。这种http和https的跨域问题,还可能导致cookie失效的假象。不仔细观察很难察觉(自己遇原创 2022-03-02 13:13:33 · 5758 阅读 · 0 评论 -
血轮眼轮回眼特效 html+css
效果(完整代码在底部):实现并不难,都是重复的代码比较多。实现(可跟着一步一步写):1. 先定义基本标签:<!-- 血轮眼 --> <div class="zuo"> <!-- 眼睛最中间那个黑点 --> <div class="zuoZong"> <!-- 三勾玉所在的圈 --> <div class="zuoYu">转载 2022-03-02 04:17:02 · 268 阅读 · 0 评论 -
想进互联网大公司?那这些题你总得会吧?前端面试题2022及答案前端面试题2022及答案
长文噩梦预警!如果你想进大型互联网公司本文掌握程度90%~100%想进中大企业掌握程度70%~85%想进小企业掌握程度45%~80%想家里蹲掌握程度:undefined咳咳,如果你是大神的话当我什么都没说哈,小弟祝您发大财。接下来的题我会根据重点程度使用来标记,越多标明越重点,满星是5颗星ok,你准备好了吗?咱们开始吧!本文章是根据2022年的面试题走向对《身为三本的我就是凭借这些前端面试题拿到百度京东offer的,前端面试题2021及答案》的做了一原创 2022-03-02 03:13:25 · 1760 阅读 · 0 评论 -
利用Python+Django快速开发Web毕业设计
论文选题毕业设计的第一步是选择毕设的论文题目计算机专业的搞一个XXX系统应该是最简单也最容易通过,可以百度文库去搜,也可以CSDN去搜。大家懒得去搜的话,我直接给50个,拿走不谢!比如:本文给大家举例子我们以一个图书管理系统为例子开发工具和相关技术选择好了系统之后我们开始技术选型,如果大家大学学的比较扎实的话,自行选择自己熟悉适合自己的开发语言。如果不熟,题主的意思不会做,那我就默认属于计算机小白。那我就推荐一套入门简单,可以快速出成品的技术套件。1.服务端后台我们选择Python原创 2022-03-02 02:09:50 · 610 阅读 · 0 评论 -
【Sa-Token】四、Sa-Token开启注解式鉴权
前面我们已经介绍了路由式的鉴权方式,即就是拦截需要鉴权的 API 路径,允许哪些能够匿名访问,哪些必须要登录后才能访问,本篇文章介绍,如何使用 “注解式” 鉴权方式1、开启注解式鉴权/** * 注册拦截器 * * @param registry */@Overridepublic void addInterceptors(InterceptorRegistry registry) { // 注册登录拦截器 registry.addInterceptor(new SaToken转载 2022-03-02 01:06:16 · 606 阅读 · 0 评论 -
vue3.2版本新特性
Vue 3.2 版本包括许多重要的新功能和性能改进,但并不包含重大更改。Vue 3.2 原文链接主要更新如下:1. 新的单文件组件功能<script setup> 是一种编译时语法糖,可在 SFC 内使用 Composition API 时极大地提升工作效率。<style> v-bind 在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style>起初 vue3.0 暴露变量必须 return 出来,template中才能使用<script原创 2022-03-02 00:02:45 · 132 阅读 · 0 评论