![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 66
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3.0 + draggable拖拽模块 (解决 :Cannot read property ‘header‘ of undefined;以及解决拖拽时不能滚动页面)
Cannot read property ‘header’ of undefined 这个问题是draggable的版本不对,我换为"vuedraggable": "^4.1.0"这个版本就好了ps: vue2.0和vue3.0 draggable用法不一样安装npm i vuedraggable@4.1.0 --save 或 yarn add vuedraggable@4.1.0使用<template> <div class="drag-box"> &l.原创 2022-03-11 20:59:09 · 2126 阅读 · 2 评论 -
vite2.1 最新alias别名设置方式
vite.config.js 别名配置resolve.alias类型:Record<string, string> | Array<{ find: string | RegExp, replacement: string }>将会被传递到@rollup/plugin-alias作为entries的选项。也可以是一个对象,或一个{ find, replacement }的数组.当使用文件系统路径的别名时,请始终使用绝对路径。相对路径的别名值会被原封不动地使用,因此无法被正常原创 2022-03-11 19:35:27 · 525 阅读 · 0 评论 -
js面试高频题:函数柯里化的实现(彻底弄懂)
函数柯里化的适用场景有:1. 参数复用2. 延时执行3. 提前确认函数柯里化的核心在于:函数里面返回函数,从而做到参数复用的目的。我们以一个js经典面试题为例开始讲解:实现一个函数,使得满足以下几个要求:add(1)(2)(3)(4)//输出10add(1,2)(3)(4)//也输出10add(1)(2,3)(4)//也输出10这是一道经典的函数柯里化手撕题,我们来讲一下该函数的具体实现:因为函数柯里化的核心就是 函数里面返回函数,因此我们可以初始构造一个柯里化函数框架://初步构造原创 2022-03-11 14:12:14 · 328 阅读 · 0 评论 -
html,实现心动的表白代码
今天看到多年年前的大佬写的 js表白代码,觉得不错,分析给大家代码在这宫里Love <link type="text/css" rel="stylesheet" href="./Love_files/default.css"> <script type="text/javascript" src="./Love_files/jquery.min.js"></script> <script type="text/javascript" sr原创 2022-03-11 12:50:26 · 458 阅读 · 0 评论 -
Chrome(谷歌浏览器)安装Vue插件vue-devtools(图文详细教程)
使用Vue开发项目时,常会用到一款谷歌浏览器插件,vue-devtools安装成功后,运行本地Vue项目,打开浏览器控制台就如下:其中可以便捷的查看vueX的数据以及组件结构等,非常方便,安装步骤如下:1、首先给大家提供一个git地址,虽然官网也有地址(https://github.com/vuejs/vue-devtools.git),我认为不太好用给大家提供另一个git地址:https://gitee.com/zhang_banglong/vue-devtools.git打开里面就如原创 2022-03-11 11:29:01 · 34388 阅读 · 13 评论 -
解决chrome(谷歌)浏览器开发者工具中header的请求参数“Request Payload“和“Query String Parameters“(消失)不见了的问题
今天调试前端接口的时候,突然发现chrome(谷歌)浏览器开发者工具中,接口请求的参数看不见了,对比一下其他浏览器,还是能看到请求的参数的。于是上网搜了一遍都没有找到解决方案。最后仔细看看开发者工具的请求区域,发现了一栏“Payload”,里面有请求的参数。如图所示:...原创 2022-03-10 12:25:16 · 9814 阅读 · 4 评论 -
WEB自动化测试总结篇
一、初识WEB-selenium自动化测试针对bing网站的搜索功能进行自动化测试# 从谷歌公司的一个项目selenium导入webdriver这段代码来驱动浏览器chrome=webdriver.Chrome()2、打开bing网站chrome.get(‘http://cn.bing.com/’)3、输入关键词chrome.find_element_by_id(‘sb_form_q’).send_keys(‘51tesing’)4、点击搜索按钮chrome.find_element_by原创 2022-03-09 12:00:53 · 2015 阅读 · 1 评论 -
VueRouter报错:Uncaught TypeError Object(...) is not a function
Uncaught TypeError: Object(…) is not a function记录一下VueRouter报错及解决方式这里是使用VueRouter以后控制台报错了报错信息:Uncaught TypeError: Object(…) is not a function经过反复尝试发现是vue-router版本过高,所以报错在package.json文件中查看版本号,vue-router版本是4.0.12只需要将vue-router版本降低就不会报错了在终端输入 npm i v原创 2022-03-09 10:36:57 · 2098 阅读 · 2 评论 -
vue-router4路由报“[Vue Router warn] No match found for location with path“
这里出现该问题的原因:在路由配置了参数路径但是,跳转的路径没有参数:因此控制台出现了:原创 2022-03-09 09:02:08 · 6192 阅读 · 1 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(四)
标签页实现新建home-label页面pages.json中设置我们在tab中设置点击事件跳转到标签管理页页面布局效果:实现:我们去数据库动态获取标签在这个云函数中做一个改造通过变量来判断是显示编辑还是完成,是否显示true为完成、false为编辑,不显示页面显示效果我们先获取数据循环显示到页面中事件处理添加两个单击事件(此时还没有连接数据库哦)点击推荐内容就放到我的里面点击我的里面的放到推荐中并且自己的删除掉这个方法也可以哦加入连原创 2022-03-08 14:21:50 · 105 阅读 · 0 评论 -
Pinpoint【环境搭建 01】JDKHBasePinpoint Collector+Web 最新版 2.3.3 安装配置运行验证及脚本文件分享(避坑指南捷径指北)
本文主要是介绍 Pinpoint 环境的部署,小伙伴儿们也可以参考 Pinpoint 《官网》的《快速入门》手册,最新版本v2.3.3组件可到官方《GitHub仓库》进行下载,使用到的文件列表:hbase-1.7.1-bin.tar.gzhbase-create.hbasejdk-8u251-linux-x64.tar.gz(JDK8)pinpoint-agent-2.3.3.tar.gzpinpoint-collector-boot-2.3.3.jarpinpoint-原创 2022-03-08 13:01:26 · 217 阅读 · 0 评论 -
Linux常用磁盘管理命令详解
dudu命令用于查看文件和目录磁盘的使用空间。命令语法:du [参数] [文件或目录名称]参数说明:参数说明-a列出所有的文件与目录容量。-h以G、M、K为单位,返回容量。-s列出总量。-S列出不包括子目录下的总量。-k以KBytes为单位,返回容量。-m以MBytes为单位,返回容量。使用示例:列出当前目录下的所有文件夹的容量。du效果如下图:列出当前目录下的所有文件夹和文件的容量。du -a效果如下图:列出当前目录下的所有文件夹和原创 2022-03-08 11:41:14 · 652 阅读 · 0 评论 -
Echarts气泡图(相邻效果,气泡之间不叠加)
效果图借助Echarts中提供的样例完成,官网样例可自行前往官网链接放下面啦!!Examples - Apache ECharts使用版本完整代码如下<!-- d3js 气泡图 --><template> <div id="bubble" style="width: 500px;height:500px"></div></template><script>import * as echarts from原创 2022-03-08 09:00:45 · 846 阅读 · 0 评论 -
适合我的前端学习路线(学习前端不迷路)
适合我的前端学习路线(学习前端不迷路)小伙伴们想学习前端,但是却不知如何入手,上网查前端学习路线,第一页往往充斥着各种培训公司的广告,又或者是搜前端学习路线图时,出现大量的路线图导致你还是不能确定适合自己的路线。所以在这里我向大家分享一下我走的前端道路。一:大体上学习前端的两种选择意思就是你是选择自学还是报社会上的培训班学。为什么要先提这一点呢,因为在我看来这也是学习前端的关键一步。那我给出我的一些看法建议。1:如果你现在是大一,大二,时间充裕,并且对学习前端有坚定的信念,这里我建议自学,原创 2022-03-07 10:26:43 · 121 阅读 · 0 评论 -
用python实现csdn博主全部博文下载,html转pdf,有了学习的电子书了。。。(附源码)
用python实现csdn博主全部博文下载,html转pdf,有了学习的电子书了。。。(附源码)我们学习编程,在学习的时候,会有想把有用的知识点保存下来,我们可以把知识点的内容爬下来转变成pdf格式,方便我们拿手机可以闲时翻看,是很方便的先来一个单个的博文下载转pdf格式的操作python中将html转化为pdf的常用工具是Wkhtmltopdf工具包,在python环境下,pdfkit是这个工具包的封装类。如何使用pdfkit以及如何配置呢?分如下几个步骤。下载wkhtmltopdf安装包,并且原创 2022-03-07 09:03:14 · 132 阅读 · 0 评论 -
带你熟练掌握 HTML
HTML 基础文章目录HTML 基础一,结构1.1HTML文件基本结构1.2标签层次结构二、HTML常见标签2.1 标题标签2.2注释标签2.3段落标签2.4换行标签2.5格式化标签2.6 图片标签 img ☆2.7超链接标签2.8表格2.9列表标签三、表单标签3.1 input ☆3.2 select3.3 textarea3.3 无语义标签前言:1、HTML只是表达一些结构/信息2、HTML表示网页的结构——骨 (类似于报原创 2022-03-06 05:32:08 · 128 阅读 · 0 评论 -
几种http请求方式的理解, 附ABP的网络请求
工作中写http请求时候,Angular官方就提供了http请求**服务–(HttpClient Service)。**HttpClient服务对象用于向指定的URL发起异步请求。之前写Vue和React时候,都是直接用的Axios一把梭哈,Fetch没用过。个人理解是,Axios是基于Promise的。HttpClient Service是基于Observe,采用订阅模式。HttpClient是基于XMLHttpRequest 提供的接口。工作中用的是ABP框架,它自带了封装好的http请求方法。看原创 2022-03-06 04:11:23 · 435 阅读 · 0 评论 -
【SpringMVC篇】认识Json,前端对json的处理,后端Jackson,FastJson,@RestController,@ResponseBody
文章目录Json1.什么是JSON?2. 前端对json的处理3. Jackson处理Controller返回JSON数据4. 代码优化5. 测试集合输出6. 输出时间对象7. 抽取为工具类8. FastJSON9. 总结Json1.什么是JSON?JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,目前使用特别广泛。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的原创 2022-03-06 02:49:27 · 455 阅读 · 0 评论 -
Vue报错has been blocked by CORS policy Response to preflight request doesn‘t pass access controlcheck
【已解决–我的是由于vue-cli版本问题,前文太长可以直接跳转到解决方案】文章目录服务端跨域解决Nginx配置跨域(下文的解决方案是开发环境下,部署上线需要在nginx中配置反向代理)前端的跨域配置解决方案网上的一些解决方案全部的报错信息:Access to XMLHttpRequest at 'http://127.0.0.1:7772/person/sysOrgInfo/query-next-org-emp?id=xxx' from origin 'http://l原创 2022-03-06 01:28:37 · 6321 阅读 · 1 评论 -
vue3 setup语法糖请注意在script标签里加setup,不用return
虽然Composition API用起来已经非常方便了,但是我们还是有很烦的地方,比如组件引入了还要注册属性和方法都要在setup函数中返回,有的时候仅一个return就十几行甚至几十行不想写啊怎么办好办,Vue3官方提供了script setup语法糖只需要在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,setup函数也不需要,甚至export default都不用写了,不仅是数据,计算属性和方法,甚至是自定义指令也可以在我们的template中自原创 2022-03-06 00:07:11 · 419 阅读 · 0 评论 -
Vue 学习总结笔记 (四)
文章目录1. 使用Vue 写一个表单数据2. Vue 过滤器2.1 moment.js 和 day.js 的库2.2 Vue的 过滤器的使用3. v-text 指令4. v-html 指令 (谨慎使用!!!)4.1 cookie 工作原理4.2 v-html 指令5. v-clock 指令6. v-once 指令7. v-pre 指令8. Vue的 自定义指令8.1 设置自定义指令的 两种方式8.2 自定义指令的 element参数 和 binding参数原创 2022-03-03 23:24:27 · 374 阅读 · 0 评论 -
python正则表达式入门
??今天我们来学习python的正则表达式的部分,先说下为什么要学习这一部分呢,当然是因为正则表达式处理文本类型的数据实在是太方便了。为以后进入nlp领域打打基础!先给大家推荐一个网站: 用于正则表达式验证.大致就长这个样子。这里写目录标题1.基础知识2.贪婪模式和非贪婪模式3.反斜杠的用途4.中括号的用法5.匹配启始和结束位置6.括号的用法—组选择7.正则表达式切割字符总结1.基础知识普通字符:普通字符的含义就是字节匹配他们。特殊字符:它们出现在正则表达式中,不原创 2022-03-03 16:45:45 · 108 阅读 · 0 评论 -
Module build failed Error Node Sass version 6.0.0 is incompatible with ^4.0.0
npm run dev 提示如下错误Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.查了些文档有说是版本过高;其实根本原因是高版本的配置变了,当然直接改配置不够简便简单解决方案:1、卸载:npm uninstall node-sass2、安装:npm install node-sass@4.14.13、运行:npm run dev...原创 2022-03-03 15:41:16 · 2417 阅读 · 0 评论 -
HTML和CSS知识点总结(包括H5和C3)
HTML和CSS知识点总结1.常用的HTML标签标题标签 <h1></h1>~<h6></h6>段落标签<p></p>和换行标签<br/>文本格式化标签加粗<strong></strong>和<b></b>倾斜<em></em>和<i></i>删除线<del></del>和<s>原创 2022-03-03 14:36:42 · 94 阅读 · 0 评论 -
Echarts legend属性使用
Echarts的legend属性是对图例组件的相关配置而legend就是Echarts图表中对图形的解释部分:其中legend自身常用的配置属性如下:orient设置图例的朝向属性值:vertical // 垂直显示或者horizontal // 水平显示legend: { orient: 'vertical' } legend: { orient: 'horizontal' }x/y(left/top)设置图例在X轴方向原创 2022-03-03 13:32:22 · 15658 阅读 · 2 评论 -
解决DevTools failed to load SourceMap Could not load content for .js.map HTTP error code 404 问题
问题DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME项目开发完之后,在用Chrome浏览器调试的时候发现控制台有两条警告,如图所示:分析这里抛出DevTools failed to load SourceMap警告的原因是:项目引用的第三方的JavaScript工具是压缩后的版本,原创 2022-03-02 04:22:46 · 1571 阅读 · 0 评论 -
手把手教你做出数据可视化项目(四)动态模拟航班飞行路线
数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789项目最终效果图:此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者!使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、ajax、websocket、koa等。文章目录模拟航班飞行路线数据预处理1.地图经纬度坐标存储2.路线规划3.定义converDa.原创 2022-03-02 03:19:13 · 1831 阅读 · 0 评论 -
前端基础知识点-每天一个基本知识点(100+个前端小知识,你是否都知道?)
文章目录前言第一回合一、知识点:cookie(21/09/06)二、知识点:节流和防抖(21/09/07)三、知识点:var和let以及const(21/09/08)四:知识点:深拷贝和浅拷贝(21/09/09)五、知识点:作用域和作用域链(21/09/10)六、知识点:从输入URL到页面展示这中间发生了什么(21/09/11)七、知识点:重排和重绘(21/09/12)八、知识点:TCP和UDP(21/09/13)九、知识点:三次握手(21/09/15)十、知识点:绝对定位和相对定原创 2022-03-02 02:15:39 · 9089 阅读 · 0 评论 -
【VUE】异常解决:Avoid mutating a prop directly since the value will be overwritten
author:date: 2021.07.03文章目录1. 需求及报错2. 分析原因2.1 这是什么原因造成?3. 解决方案: 使用 v-on 明确实现修改方式4. 参考1. 需求及报错需求: 使用的场景是:A 组件中引用 B 组件,使用 v-model 给 B 传递参数,B 使用 props: { value } 接收内容,在 B 中根据逻辑直接修改并赋值 value, 事件触发后在浏览器 console 里看到报错,内容如下:Avoid mutating a .原创 2022-03-02 01:12:03 · 804 阅读 · 0 评论 -
vue3中的this.$set怎么写呢
vue3中的this.$set怎么写呢在vue2中我们常常会遇到明明已经改变了数据视图却没有实时更新这样的问题举例<el-input v-model="input.text" placeholder="请输入内容"></el-input>data() { return{ input:{ text:'1' } }}mounted () { this.input.text = '2'; // 视图层并没有改变}这时vue2就提供了一个方法就是原创 2022-03-02 00:08:31 · 2215 阅读 · 0 评论 -
uniapp 在浏览器报 Please enable JavaScript to continue
提交请求以后返回了这个内容检查排除流程:第一步:打开manifest.json 源码视图 检查 devServer配置代理属性,路径重置规则是否有误第二步:检查请求封装的base url 是否正确第三部:重新运行项目...原创 2022-03-01 21:17:59 · 3624 阅读 · 0 评论