前端
文章平均质量分 58
普通网友
这个作者很懒,什么都没留下…
展开
-
vue-router中meta的作用
meta的定义:简单来说就是路由元信息,也就是每个路由身上携带的信息。meta的作用:vue-router路由元信息说白了就是通过meta对象中的一些属性来判断当前路由是否需要进一步处理,如果需要处理,按照自己想要的效果进行处理即可定义路由的时候可以配置 meta 字段:const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, children: [ .原创 2022-03-11 20:18:34 · 1823 阅读 · 0 评论 -
uni-app自定义tabBar;uni-app小程序自定义tabBar;uni-app小程序修改中间tabBar导航栏大小;uni-app中间导航栏凸起;uni-app修改底部导航栏
需求:要求小程序,中间的tabBar自定义凸起或者图标变大;问题:查看uni-app的tabBar文档可知,小程序是不支持midButton的;解决思路:隐藏uni-app原有的tabBar,然后换成自己手写的导航栏,进行定位和自定义样式;小程序页面截图:H5页面截图:步骤和文件结构如下:一、pages.json:正常书写,注意H5的需要加上midButton部分{ "pages": [ { "path": "pages/index/index", "style": {原创 2022-03-11 18:55:23 · 4647 阅读 · 5 评论 -
npm ERR enoent This is related to npm not being able to find a file.解决
导致这类错误的可能性很多,只要按下面的方法顺序试一遍就欧克了~类似的错误:(当时忘记截图了,所以只能凑合看我的error log,里面可以看到我node版本是v14,npm是v6)8 verbose argv "D:\ComplieTools\Node.jsode.jsode.exe" “D:\ComplieTools\Node.jsode.jsode_modulespm\binpm-cli.js” “run” “dev”9 verbose node v14.16.010 verbos原创 2022-03-11 14:54:45 · 6694 阅读 · 0 评论 -
JavaScript常用知识点笔记
前言js笔记,好记性不如烂笔头,总结了一些比较常用的知识点。发到csdn上就当作备份。前面的一些较简单所以没有写,只写了一些我认为容易忘记的知识点,有错的地方欢迎指点。JavaScript前言1.数值转换2.作用域3.存储数据4.数组5.字符串6.数字常用方法7.时间常用方法8.BOM操作8.1获取浏览器窗口尺寸8.2 浏览器的弹出层8.3 开启和关闭标签页8.4 浏览器常见事件8.5 浏览器的历史记录操作8.6 浏览器卷去的尺寸8.7 浏览器滚动到9.原创 2022-03-11 13:32:37 · 81 阅读 · 0 评论 -
elementplus最新版实现按需导入
安装准备先安装elementplusnpm install element-plus --save安装自动导入的插件npm install -D unplugin-vue-components unplugin-auto-import配置vue.config.jsconst AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webpa原创 2022-03-11 12:10:57 · 1196 阅读 · 1 评论 -
2022最新前端面试题(vue方向)
前言:又到了跳槽旺季,经过几天的收集,整理出了2022年后最新的面试题及答案,坐标武汉,期望薪资15k+的。持续更新,也欢迎各位大佬的评论区补充1.vue的运行机制1.初始化调用vue原型上的_init()初始化,会初始化vue的生命周期,data,methods,props,watch,computed,利用object.definepropty对data里面的属性设置getter和setter函数,来实现响应式和依赖收集。2.挂载组件调用$mount挂载组件3.编译parse(解析):利用原创 2022-03-11 10:49:29 · 860 阅读 · 0 评论 -
边学边总结的前端笔记(JavaScript基础篇)
「学习笔记」JavaScript基础前言最近一直研究JavaScript内容,遂把这一阶段的学习内容整理成笔记,巩固所学知识,同时也会参考一些博客,书籍上的内容,查漏补缺,给自己充充电???文章内容如有错误,欢迎指正批评工欲善其事,必先利其器,为了提高开发效率,选用VScode。管理-设置-常用设置-字体Consolas, ‘微软雅黑 Light’, monospaceChinese汉化VscodePrettier格式化代码(缩进2格)Auto Rename Tag同步修原创 2022-03-10 13:06:52 · 1283 阅读 · 0 评论 -
用conda安装包报错“To search for alternate channels that may provide the conda package you‘re looking for,”
原来>>conda install 包改用>>pip install 包原创 2022-03-10 11:45:59 · 4152 阅读 · 1 评论 -
安装npm install --global vue-cli出现问题,使用npm 安装 @vuecli时遇到的错误
安装npm install --global vue-cli出现问题npm WARN deprecated har-validator@5.1.5: this library is no longer supportednpm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is原创 2022-03-10 10:21:35 · 3990 阅读 · 1 评论 -
【vite】配置vite打包入口
项目目录vite的配置都在根目录下面的vite.config.ts里面,在没有对其进行打包配置时,默认的打包的入口就是根目录的【index.html】。这时候我们直接运行 npm run build就会打包相应的文件:(ps:为什么默认是.html文件那?因为vue是单页面应用也就是最后打包的html只有一个。vite也提供多入口,但我不再本文继续描述了)但是如果我们的目录结构改变了 ,比如:在此时打包就会报错:Could not resolve entry module (index.ht原创 2022-03-09 12:42:13 · 6777 阅读 · 2 评论 -
Vue报错:Uncaught (in promise) ReferenceError Message is not defined at eval
问题:在封装的请求文件request.js中判断状态码为400时单独引入的element组件Message控制台显示undefined,原因未知;报错信息如下:修改前:解决:原创 2022-03-09 11:18:56 · 10292 阅读 · 0 评论 -
vue3.0 从入门到入土---复习 路由
目录前端路由的概念与原理?vue-router 的基本用法?vue-router 的高级用法后台管理案例?总结前端路由的概念与原理1. 什么是路由路由(英文:router)就是对应关系。路由分为两大类 ① 后端路由 ② 前端路由2. 回顾:后端路由后端路由指的是: 请求方式 、 请求地址 与 function 处理函数 之间的 对应关系 。在 node.js 课程中,express 路由的基本用法如下3. SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML原创 2022-03-09 09:57:59 · 241 阅读 · 0 评论 -
vscode使用vue3 setup语法引入组件时波浪线问题
最近在玩vue3+ts,编辑器用vscode。现在vue3已经默认启用setup语法了,看来已经从实验性质变成正式语法了。但是引入组件时候vscode波浪线飘红很烦。后来在README.md中看到让用Volar, 果断装一个再把之前的Vetur 禁用掉,波浪线解除,完美!!!...原创 2022-03-09 08:23:16 · 1382 阅读 · 0 评论 -
sharding-jdbc-spring-boot-starter最简单使用
前言网上已经有很多的关于sharding-jdbc的使用,但是很多都是抄来抄去,说的也不是特别的完整,作者本来是闲来无事想跑起来试一下效果,但是找了一些文档都不是说的很明白。而且很多都是使用的是sharding-jdbc-core ,但是我们现在开发应该很少用spring mvc开发吧,大部分都是springboot开发,所以还是想用starter的方式。经历不断试错后搭建起最简单的、配置代码最少的测试案例。如果帮助到了你帮忙点赞啊。一、引入依赖mybatis-spring-boot-starte原创 2022-03-08 13:42:56 · 1570 阅读 · 0 评论 -
npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree
问题npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! Found: webpack@5.11.1npm ERR! node_modules/webpacknpm ERR! dev webpack@"4.41.5" from the root projectnpm ERR! peer webpack@">=2" from babel-loader@8.转载 2022-03-08 12:22:33 · 473 阅读 · 0 评论 -
JavaWeb项目——黑马旅游网
在学习完Ajax和json后,博主在新年过后开始JavaWeb项目——黑马旅游网的学习和完善,这个项目是使用的jQuery去编写的,因为需要使用异步请求,就不能使用jsp方法。过程中遇到了很多大大小小的问题,有后端的,也有前端的语法问题,在老师的帮助下也是一步一步地解决了。本篇博客主要是总结一下遇到的几个问题和写该项目的一些心得体会目录项目介绍项目前提项目说明项目内容界面展示项目心得遇到的问题总结项目介绍项目前提掌握Mysql基本增删改查操作掌握JDBC原创 2022-03-08 11:02:18 · 1644 阅读 · 1 评论 -
Express 框架的使用(详细)
文章目录Express 框架1.1 Express框架是什么1.2 Express 框架特性1.3 原生 node.js 与 Express 框架对比1.4 基本使用(入门代码)2. 中间件2.1 什么是中间件2.2 中间件的基本使用2.3 app.use 中间件用法2.4 中间件应用2.5 错误处理中间件2.6 捕获错误3. express 请求处理3.1 构建模块化路由3.2 GET参数的获取3.3 POST参数的请求3.4 app.use()方法的进原创 2022-03-08 09:41:58 · 1139 阅读 · 0 评论 -
Cannot read properties of undefined (reading ‘split‘)
这次在写小程序项目中,有一个需求其中需要将获取的时间数据 “2021-10-25 02:10:20” 转换格式成 “2021/10/25 02:10” 这种格式, 需要用split来截取。截取过程中遇到一个我之前没有遇到过的问题,那就是[Vue warn]: Error in render: “TypeError: Cannot read property ‘split’ of undefined”页面会报错无法读取为定义的属性split如果大家也遇到了这个问题,那就需要将其更改为以下写法:let原创 2022-03-08 08:21:57 · 3374 阅读 · 0 评论 -
2022年前端面试题加答案
1、javascript基本数据类型?string、number、null、underfined、booleanobject是所有对象的父对象。2、浅谈javascript中变量和函数声明的提升?变量和函数声明的提升会被提升到最顶部去执行;函数的提升高于变量的提升;如果在函数内部用var声明了与外部相同的变量,则不向下寻找;匿名函数不会被提升;不同块中互不影响。3、什么是闭包?闭包有什么特性?闭包就是能够读取其他函数内部变量的函数。闭包的特性:函数内部可以嵌套函数;内部函数可以直接原创 2022-03-07 21:12:18 · 645 阅读 · 0 评论 -
解决npm install 报错 npm ERR code 128 Permission denied
目录npm install 报错最终方案处理过程初始git配置直接npm install网上方案查看git官网一直从事java开发, 以前都是有专门的前端负责vue。最近前端没到位,外采的项目,自己在阿里云服务器打包,出现 npm install ssh权限报错 浪费了半天时间才解决,记录下共大家参考。对外部公司心里一顿mmpnpm install 报错错误如下npm ERR! code 128npm ERR! An unknown git error occu原创 2022-03-07 09:47:18 · 2852 阅读 · 0 评论 -
报错 npm ERR Failed at the family@1.0.0 dev script.npm ERR This is probably not a problem
iview+vue报错 npm ERR! Failed at the family@1.0.0 dev script.npm ERR! This is probably not a problem原因是ip地址错了,写上本机的ip地址就ok,注意要把所有ip地址都换了原创 2022-03-07 08:24:33 · 6820 阅读 · 0 评论 -
喜马拉雅.xm转化为.mp3格式
这篇就作为我csdn社区的第一篇博文吧!(因为有着很烂的记性想着以后解决问题能够节省点时间,同时也对自己进行锻炼吧)下午心血来潮,想着还是重抄旧业,做自己喜欢的播音与配音,在网上接一点配音相关的兼职。读文试音在喜马拉雅上录好后,准备转变格式将其发给老板。可恶的是直接将喜马拉雅客户端.xm的文件后改为.mp3后无法正常播放使用。试了很多办法,1.将手机上的文件后缀改为.mp3(后发现iphone上找不到下载的文件在哪,弃用),2.下载格式工厂转换文件格式(奈何mac上的格式工厂文件我下载了几个也不可以使用原创 2022-03-06 04:53:03 · 13653 阅读 · 5 评论 -
两步骤解决出现Node Sass version 7.0.0 is incompatible with 4.0.0错误
出现Node Sass version 7.0.0 is incompatible with 4.0.0错误解决方法npm uninstall node-sassnpm i -D sass只需要这两步就可以解决了,重新启动项目原创 2022-03-06 03:31:03 · 538 阅读 · 0 评论 -
npm install 安装依赖时,出现 operation not permitted, mkdir Dnodejsnode_cache_cacachetmp
**问题:**说什么权限不够 等等1.解决方法:以管理员身份运行 “黑窗口”,进行安装下载就可以了,但是治标不治本。2.解决方法:也就是治本的方法安装好node,在 “黑窗口” 输入node -v 和 npm -v 都可以正常显示对应的版本号然后在配置npm 全局文件时,不要用以下命令进行配置npm config set prefix "D:odejsode_global" //设置全局包目录npm config set cache "D:odejsode_cache" //设置缓存目录原创 2022-03-05 20:36:14 · 1052 阅读 · 0 评论 -
vscode中自动补全node.js的方法
1.打开文件夹,找到项目根目录,打开Powershell终端窗口如图 (注意:先在空白处按shift,再按**右键 ,**才可弹出该选项)2.弹出窗口如图 ,先输入一个空格,再输入如下代码 cnpm install --save @types/node//或者 npm install --save @types/node3.多出文件如图4.重启vscode,你会发现有自动补全了...原创 2022-03-03 23:03:11 · 705 阅读 · 0 评论 -
npm安装windows-build-tools时卡在Successfully installed Python 2.7
解决npm安装windows-build-tools时卡在Successfully installed Python 2.7如果你找到了这里,说明你之前看过的博文都是没有效果且没有任何意义的。因为我按照其他的教程试验了一下,根本没有任何效果。这其实是windows-build-tools安装脚本的一个BUG,我在其github的issue中找到了这个链接:https://github.com/felixrieseberg/windows-build-tools/issues/244有兴趣的可以直接打原创 2022-03-03 16:24:46 · 1050 阅读 · 3 评论 -
JS基本功修炼,一文搞懂JavaScript数组
JavaScript 数组的全方位解析1. 数组概述2. 访问数组3. 二维及多维数组4. 数组的常用操作1. 数组概述1. 1 数组是什么?数组可以看成是一个容器,用来存放值举个例子:一整栋楼可以看成一个数组里面的每一个房间都是数组的元素,它们一起组成了整个数组1.2 数组的定义以下两种方式定义的数组是一样的:// 字面向量let arr = [1, 2, 3, 4];// new 关键字创建一个实例,继承至基类Arraylet arr2原创 2022-03-03 15:20:18 · 87 阅读 · 0 评论 -
Flex布局详解
Flex 布局详解一、入门1. flex 是什么?flex 是 Flexible Box 的缩写,就是弹性盒子布局的意思2. 为什么我们需要 flex解决元素居中问题自动弹性伸缩,合适适配不同大小的屏幕,和移动端3.flex 常见术语 三个2序号简记术语1二成员容器和项目(container / item)2二根轴主轴与交叉轴(main-axis / cross-axis)3二根线起始线(main/cross-start)与结束线(main/cross-原创 2022-03-03 14:15:49 · 2169 阅读 · 0 评论 -
chrome浏览器升级导致无法手动设置cookie,设置无法保存
因为工作中在本地cookie中设置值,前几天还正常,今天突然就开始爆红并且无法保存原因是谷歌浏览器升级到了98版本,移除了SameSite by default cookies解决方案在谷歌浏览器地址栏输入 chrome://flags/ ,搜索Partitioned cookies,然后将配置项改成Enabled,重启浏览器即可...原创 2022-03-03 12:24:31 · 1083 阅读 · 0 评论 -
常见异常:No converter for XXX with preset Content-Type ‘applicationoctet-stream
No converter for XXX with preset Content-Type ‘application/octet-stream;charset=UTF-8‘在导出excel中返回公共封装类BaseResposne数据报错没有转换器,项目中把返回值改了void其他原因是如下解决解决办法方法一:将FastJson更换为jackson-databind<dependency> <groupId>com.fasterxml.jackson.core</原创 2022-03-02 12:58:24 · 5722 阅读 · 0 评论 -
程序员都是单身狗我有一句……,不知当讲不当讲
程序员都是单身狗我有一句……,不知当讲不当讲程序员都是单身狗我有一句:怎么可能!!!不存在的,程序员的套路你想象不到。。。尽管大多网友认为程序员=单身狗 但实际上,程序员们的处境 往往是站在“撒狗粮”的那一方程序员也有浪漫,也有爱情,程序员的恋爱也可以多点套路……对于程序员喜欢的女神,程序员可以巧妙的获取女神的兴趣、爱好、购买风格、爱吃什么、爱喝什么……然后从这几个方面“下手”,女神还不是手到擒来,所以说程序员的套路你想象不到。今天我就当回媒婆,给男性程序员来点福利。。。今天目标爬取征婚网上呈现原创 2022-03-02 04:02:08 · 114 阅读 · 0 评论 -
已解决:TypeError Cannot read properties of undefined (reading ‘value‘)
今天做项目优化的时候,需要把某个页面的分为两个页面,然后就出现了这个错误这个问题不要慌,要么是打错字了,要么就是忘记传这个字段了(我算是粗心了吧,代码2000行,数据太多了),导致了在另一个页面没有找到这个value字段,因为懂问题所在,我的快速解决方法是直接ctrl+f 搜 .value 然后在另一个页面传过来就行了...原创 2022-03-02 02:58:34 · 7508 阅读 · 0 评论 -
[JS 文件编译错误] 以下文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理。ec-canvasecharts.js
全部图表的echarts.js非常大,如果你的项目较大可能会导致项目上传失败,在你把整个echarts.js导入项目时开发者工具也会有如下提示:[JS 文件编译错误] 以下文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理。ec-canvas/echarts.js处理方法:按你项目所需的图表定制化下载, 定制地址https://echarts.apache.org/zh/builder.html勾选你所需要的图表,最下方点下载,下载完成后,把新定制的echarts.min原创 2022-03-02 00:51:18 · 6659 阅读 · 2 评论 -
VUE3 中使用 VUEX,报错【[Vue warn] inject() can only be used inside setup() or functional components.】
VUE3 中使用 VUEX,报错【[Vue warn]: inject() can only be used inside setup() or functional components.】参考链接1:参考链接 vuex 报错 injuce()参考链接2:vuex 报错 无法在methods中使用store的引入因为在setup中,已经对store进行了定义,所以不能再在外边的methods中进行访问javascript fail···import { useStore } from原创 2022-03-01 23:47:57 · 6394 阅读 · 0 评论 -
Spring全注解开发----Servlet 3.0
Servlet 3.0servlet3.0-简介&测试使用前导入servlet相关的依赖@WebServlet : 注册servlet ,以及servlet 3.0相关的注解说明,链接在下面:同样,要注册Filter用@WebFilter注解、注册Listener用@WebListener注解;如果在注册的时候,需要一些初始化参数,我们就可以用@WebInitParam注解;小细节回顾: 解决tomcat响应中文乱码问题,通知浏览器使用uft-8编码来对数据进行解码servle原创 2022-03-01 20:05:28 · 1054 阅读 · 0 评论 -
python爬虫 - js逆向之猿人学第十九题突破ja3指纹验证
前言(来csdn做备份,某客园的审核机制太蛋疼…)废话不多说,直接干,再来猿人学19题分析看了下,没有加密参数:然后拿着接口直接请求:有结果的,不会吧,这么简单?没有加密参数?这次这么草率?用代码访问,唉,卧槽,就是他妈的不行,果然有猫腻换requests:确实不行,用postman看看,可以的这他妈就很秀啊,上一次这种感觉还是http2.0的时候,但是上面我已经用了httpx了啊,也不行,说明就不是http2.0了。这种无力感,接着又想到上次验证请求头,把请求头写死看看原创 2022-02-28 22:40:37 · 586 阅读 · 1 评论 -
Mybatis的核心配置文件
Mybatis的核心配置文件1、Mybatis的核心配置文件层级关系2、environments标签数据库环境的配置,支持多环境配置3、mapper标签4、properties标签在resource包下创建名为jdbc.properties的file文件jdbc.driver=com.mysql.cj.jdbc.Driverjdbc.url=jdbc:mysql://localhost:3306/testjdbc.username=rootjdbc.password=01101原创 2022-02-28 20:27:53 · 484 阅读 · 0 评论 -
gyp info it worked if it ends with ok npm ERR 解决办法
今天换电脑启动老项目,发现一直启动不了。报如下的错误,其实很简单,问题出在了NodeJs上。我安装的Node版本是最新的,也就是v16.xxx,这就是问题所在。只要把Node版本换成低版本的就行了。我自己换的是V14.16.0。1. 先卸载自己电脑上的Node自行百度怎么卸载。2. 挑选适合自己的Node版本。我是Node历史版本地址链接3. 下载安装文件64位下载箭头指的.msi文件就好了。4. 安装安装就直接点下一步就好了。附上报错信息> node-sass@3.13.1.原创 2022-02-26 23:34:49 · 10924 阅读 · 0 评论 -
CSS入门学习笔记+案例
CSS入门学习一、CSS简介1、什么是CSSCSS:Cascading Style Sheet 层叠样式表是一组样式设置的规则,用于控制页面的外观样式2、为什么使用CSS实现内容与样式的分离,便于团队开发样式复用,便于网站的后期维护页面的精确控制,让页面更精美3、CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <style> 选择器{ 属性名:属性值; 属性名:属性值; } </style>&l原创 2022-02-26 20:46:18 · 204 阅读 · 0 评论 -
JavaScript的table表格的增删改(面向对象)
运行效果HTML部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2022-02-26 14:52:06 · 540 阅读 · 0 评论