![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 61
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3.0 setup 用法 (详解)
vue3新语法糖——setupsetup函数是 Composition API(组合API)的入口在setup函数中定义的变量和方法最后都是需要 return 出去的不然无法在模板中使用setup函数的注意点:1、由于在执行 setup函数的时候,还没有执行 Created 生命周期方法,所以在 setup 函数中,无法使用 data 和 methods 的变量和方法2、由于我们不能在 setup函数中使用 data 和 methods,所以 Vue 为了避免我们错误的使用,直接将 setup原创 2022-03-11 21:00:47 · 4974 阅读 · 0 评论 -
vite打包工具的介绍
vite:Vite是Vue的作者尤雨溪开发的Web开发构建工具,它是一个基于浏览器原生ES模块导入的开发服务器,在开发环境下,利用浏览器去解析import,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随启随用。同时不仅对Vue文件提供了支持,还支持热更新,而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。Vite具有以下特点:快速的冷启动即时热模块更新(HMR,Hot Module Replacement)真正按需编译Vite是在推出Vue 3的时候开发的,原创 2022-03-11 19:37:04 · 1718 阅读 · 0 评论 -
Python爬虫教程(纯自学经历,保姆级教程)
序言这是一个系列文章,笔者把从书本,网课,包括博客等多种途径自学爬虫的笔记和心得整理发出。一边是作为一个基础教程,供读者参考,一边也是我自己对笔记的整合,对过程的记录。文章会持续更新 今天是2021.05.10 三天一更新,欢迎各位读者关注我或者关注文章。文章目录序言1.1python爬虫伪装 [免费伪装ip伪装请求头]一、网络爬虫入门二、我的第一个爬虫代码三、“指哪打哪”四、网页信息存储和 BeautifulSoup之find用法五,网页抓取补充 实战心得记录六、动态网页原理原创 2022-03-11 15:36:53 · 14874 阅读 · 3 评论 -
Jupyter notebook运行后打不开网页
前言:最近正在上一门Python数据处理的课程,要用到Jupyter,于是就先安装了anaconda,当我正准备运行Jupyter时点了一下launch,没反应…于是又点了一遍,还是没反应…很迷,正常来说应该会跳出来一个网页来说才对,于是开始上网查,最后解决了这个问题。现在把具体的实现流程写出来。正文:首先在命令行窗口输入命令:jupyter notebook --generate-config:———————————————————————————————————————————鉴于大家碰到“原创 2022-03-11 14:13:50 · 1616 阅读 · 0 评论 -
HTML5冲浪笔记(二)
web前端剑法之HTML??web前端剑法之HTML地址??HTML冲浪笔记(一)https://blog.csdn.net/Augenstern_QXL/article/details/115419453??HTML5冲浪笔记(二)https://blog.csdn.net/Augenstern_QXL/article/details/115599059目录总览1.HTML5提高HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签,新的表单和新的表单属性等。这些新特性都有原创 2022-03-11 12:52:04 · 101 阅读 · 0 评论 -
com.alibaba.fastjson.JSONException field null expect ‘[‘, but {, pos 1, line 1,
json字符串转 List对象时出现如下异常:com.alibaba.fastjson.JSONException: field null expect '[', but {, pos 1, line 1, column 2{。。。。。 at com.alibaba.fastjson.parser.DefaultJSONParser.parseArray(DefaultJSONParser.java:741)java实现的后台逻辑:String tasksInfos = getMapValu原创 2022-03-11 11:30:37 · 2791 阅读 · 0 评论 -
解决Current request is not a multipart request
文件上传时;前端因为不使用form表单提交信息,所以后端报Current request is not a multipart request该错,因为不使用form表单提交数据时,前端没有默认content-type为multipart/form-data,所以就会报个错,如果在ajax请求中加上contentType:‘multipart/form-data’ 时又会有其他错。解决:1.可加上form表单提交数据2.前端js使用FormData类**(推荐)**如...原创 2022-03-10 12:26:52 · 1741 阅读 · 0 评论 -
手把手教你超可爱的导航栏
嘿!大家好哇。今天来带大家做一个可爱??的滑动导航栏效果,这个demo很基础,但是使用场景非常广泛噢!作为前端大白,今天就手把手一步一步教你实现它吧!实现效果看!这个滑动的效果很有趣吧!这样的滑动效果相信你一定有想过吧!实现过程1. 前期准备虽然这个控件很小,功能也不是很多,但我们还是需要先分析一下它的结构,以及实现的功能鼠标移入对应的列表项,底部的线会滑到相应的位置点击相应的列表项,背景滑块会切换到所选择的列表项 首页 我的原创 2022-03-10 11:06:01 · 160 阅读 · 0 评论 -
前端项目运行时提示Syntax Error TypeError token.type.endsWith is not a function的解决方案
参考文档:https://www.baidu.com/linkurl=rxkuHBNVNB0i7GCoDEfgkwDr3AllV9XWRLWwkFQl7p1PjamwyIPupL93spZDTywmxMetZ7yHNtqtgJRPGR0POa&wd=&eqid=d1c30348003392a90000000461721b6e问题背景:当为项目代码拉取分支后执行npm install下载依赖包,然后执行npm run serve发现项目运行失败,提示信息为Syntax Error: Ty原创 2022-03-09 14:43:14 · 1963 阅读 · 0 评论 -
下班前几分钟,我彻底弄懂了前端缓存
目录前言正文分类强缓存ExpiresCache-Control协商缓存Last-Modified 和 If-Modified-SinceEtag 和 If-None-Match流程图扩展缓存失效问题缓存存放位置前言前端缓存,这是一个老生常谈的话题,也常被作为前端面试的一个知识点。下班前几分钟,我回顾了一下其基本内容。正文分类前端缓存分为强缓存和协商缓存两种。强缓存强缓存主要使用 Expires、Cache-Control 两个头字段,当二者同时存在时 Cache-C原创 2022-03-09 13:22:49 · 110 阅读 · 0 评论 -
win10安装notion enhancer详细步骤,notion目录悬浮功能设置
————————————————————————3.2日更新,话先说在这里,如果是为了使用目录功能的小伙伴可以不看这个教程,因为这版的enhancer只能显示顶多20条目录。再说一句,我也是一个分享者,学习者,有些问题出来了,你可以给我评论我们一起探讨,我也说了我不是搞前端的,只能尽力拜托前端小伙伴去修,但是这版代码着实有点乱,我们也不是全职帮别人修bug。至于这版本存在的问题,我文章和评论区的朋友已经说的很清楚了。我自己学计算机绝不会向别人要伸手牌,请教别人问题也从来都是准备好自己的见解去和别人讨论,有原创 2022-03-09 12:02:29 · 1914 阅读 · 4 评论 -
Vuex安装时报错“Could not resolve dependency npm ERR peer vue@“^3.0.2“ from vuex@4.0.2”
报错的原因:安装的版本过高的原因造成的解决方法:1、可以npm view vuex versions --json查版本,找适合的版本(不要最新的)2、npminstallvuex@3.6.2–save根据版本下载,这样就可以了!原创 2022-03-09 10:38:34 · 2789 阅读 · 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-08 14:23:27 · 488 阅读 · 0 评论 -
Postman 使用教程 - 手把手教你 API 接口测试
Postman 教程目录API 是什么?Postman 是什么?一. 如何安装 Postman二. API 模拟工具 GoRest三. 用 Postman 发出第一个 GET 请求1. GET 请求基本操作2. 带参数的 GET 请求3. GET 请求中的多条件查询四. 在 Postman 中发送 POST 请求1. POST 请求前,使用 Postman 对 API 鉴权(2)用 Postman 发出第一个 POST 请求五. 用 Postman 发送第一个.原创 2022-03-08 13:03:02 · 360 阅读 · 0 评论 -
log4j-slf4j-impl cannot be present with log4j-to-slf4j
springboot报错“log4j-slf4j-impl cannot be present with log4j-to-slf4j”log4j与springboot自带的logging冲突 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId>原创 2022-03-08 11:42:51 · 213 阅读 · 0 评论 -
idea Cannot access defaults field of Properties的解决方法
在pom.xml文件中加入 org.apache.maven.plugins maven-war-plugin 3.2.0原创 2022-03-08 10:22:29 · 737 阅读 · 0 评论 -
echarts社区地址
echarts社区地址社区地址: https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=al原创 2022-03-08 09:02:21 · 704 阅读 · 0 评论 -
部署vue或react项目(腾讯云简简单单)
①购买腾讯云(必不可少)1.如果你是25岁一下 :可以学生价格几十元购买 点击这里(一般选择普通的liunx或基于linux的centOS系统等等)2.如果购买完成我们来到个人页面->找到自己购买的服务器3.点击登录 -> 如图:------->①安装nodeJs1.点击登录 输入一下命令 (切换为root用户 , 防止权限不足)sudo su root2.我们进入到用户本地目录 将nodeJs安装在这里Ⅰ、进入该目录cd /usr/local/Ⅱ、下载n原创 2022-03-07 10:28:18 · 122 阅读 · 0 评论 -
用户信息管理系统
目录1.登录设计1.1.界面设计1.2.界面代码设计1.3.Servlet2.index界面2.1.界面设计2.2.index界面代码设计?3.添加功能3.1.逻辑分析3.2.代码设计4.删除功能4.1.逻辑图5.修改功能5.1.逻辑功能图5.2.修改代码设计6.删除选中功能6.1.删除选中功能逻辑分析?6.2.选中功能6.3.删除选中功能7.分页查询7.1分页查询逻辑图7.3.分页展示7.4.servlet代码设计首先看一下主界面图:1.登录设计登录原创 2022-03-07 09:04:49 · 1107 阅读 · 0 评论 -
年薪20W的自动化测试工程师教你用Postman做接口测试
The higher your test coverage, the more flexible and bug-resistant your code will be, and the less time you’ll spend debugging hot fixes in production.测试覆盖率越高,代码就越灵活,生产中调试修补程序所花费的时间就越少。首先,比较遗憾的一点是,Postman对并发测试并不好,但支持指定次数与间隔时间的串行测试。官方文档链接:Postman Tes.原创 2022-03-06 05:33:45 · 171 阅读 · 0 评论 -
分享一个开源免费、功能强大的视频播放器库
这是「进击的Coder」的第 571篇技术分享作者:崔庆才最近在开发一个前端项目,用到播放视频的功能,所以就查了下有什么前端的视频播放器库可以使用,今天来分享一下给大家。这个库的名字叫做 Plyr,顾名思义其实就是 Player 的缩写,整体的预览效果如下:官方网站:https://plyr.io/GitHub 地址是:https://github.com/sampotts/plyr看来一圈,发现这个库不仅美观优雅,而且功能十分丰富。下面我们来介绍下它的一些内置功能。总体概览首先我们来看原创 2022-03-06 04:12:59 · 756 阅读 · 0 评论 -
【Unity 实用工具】 Unity 十款 浏览器相关插件 整理(web view browser)
目录??前言??浏览器相关插件??第一款:Embedded Browser (ZFBrowser)??第二款:UniWebView??第三款:Texture Web View (Android)??第四款:Mobile Web View (Android, iOS)??第五款:ULiteWebView Unity??第六款:3D WebView for Windows and macOS??第七款:3D WebView for Android??第八款:3D WebVi原创 2022-03-06 02:51:02 · 863 阅读 · 0 评论 -
Vue报错:Uncaught (in promise) ReferenceError Message is not defined at eval
问题:在封装的请求文件request.js中判断状态码为400时单独引入的element组件Message控制台显示undefined,原因未知;报错信息如下:修改前:解决:原创 2022-03-06 01:30:13 · 3211 阅读 · 0 评论 -
vue3 updatemodelValue使用
v-model中update:modelValuev-model的主要原因是由于value和input事件可能另有它用,那么我们可不可以直接使用另外的属性和方法,而不需要去通过model进行定义。vue3中就实现了这个功能,v-model绑定的不再是value,而是modelValue,接收的方法也不再是input,而是update:modelValue写法:<ChildComponent v-model:title="title" />//或者<ChildComponen原创 2022-03-06 00:08:48 · 747 阅读 · 0 评论 -
Vue 报错Error in mounted hook “TypeError Cannot read properties of null (reading ‘getAttribute‘)“
搭建项目配置Echarts地图时,在运行时vscode不会报错正常运行,但开发者工具仍然报出“Error in mounted hook: "TypeError: Cannot read properties of null (reading ‘getAttribute’)"错误,并且不显示配置地图,具体如下【解决过程】:在CSDN,掘金,简书等一系列查找都没有看到相对应的解决方法,一脸懵,里面大多数报错都是跟自己相类似的,但又完全不是的查看代码,并没有发现什么异常将代码使用控制台打印,能正常显原创 2022-03-03 23:26:05 · 2998 阅读 · 0 评论 -
Module build failed TypeError this.getOptions is not a function at Object.loader
这个异常说明了当前 style-loader 的版本过高导致 webpack 的编译错误,需要降低版本解决方法:降低当前style-loader版本npm install style-loader@<version> --save-dev如下:npm install style-loader@1.0.0 --save-dev...原创 2022-03-03 15:42:51 · 545 阅读 · 0 评论 -
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-03 14:38:18 · 10322 阅读 · 2 评论 -
Echarts中的 emphasis
官网上对 emphasis 的解释就是:高亮的图形样式和标签样式。是不是有点懵,没有懂具体什么意思了解 emphasis在 Echarts 中 ,尤其是在做到堆叠柱状图的时候 ,由于很多的信息容易看混 ,可以用上 series 里的 emphasis 去淡化周围的,显示自己想看的那一项具体的信息。还是很抽象 ?举个例子在自拍的时候拍出来的一张照片里元素太多了 ,可我原本单纯是想自拍拍出自己的脸,可入镜的有后面的花草树木,走过的路人,行驶过去的车辆等等等等。这时候手机相册里有个编辑功能叫**虚化原创 2022-03-03 13:33:57 · 1472 阅读 · 0 评论 -
轻松理解前后端分离(通俗易懂)
一、前后端分离本质大家往往会陷入一个误区,试图用具体的技术来描述什么是前后端分离这个一个概念,这是答非所问的。一提到前后端分离就是SpringBoot + Vue,这并不是正确的理解!我们问的是:你为什么采用这种方式解决问题回答却是:你是如何去具体做这件事前后端分离是:软件技术和业务发展到一定程度,在项目管理工作上必须进行的一种升级,他是一个必然而不是一个偶然!说白了,就是公司部门架构的一种调整。为什么会发生这种变化?因为初期的软件开发其实是侧重于后端的,因为互联网初期的页面功能比较简单,只需原创 2022-03-02 13:21:03 · 670 阅读 · 0 评论 -
手把手解决“npm、node不是内部或外部命令,也不是可运行的程序或批处理文件”
解决问题:在使用cmd查找npm、node版本号时,出现错误“不是内部或外部命令,也不是可运行的程序或批处理文件”错误原因:未配置好环境变量提前准备:复制好nodejs的存储路径解决方法:点击“此电脑”,右击“属性”,点击“高级系统设置”点击“高级”选项卡中的“环境变量”首先新建一个用户变量,变量名为NODE_PATH,变量值为nodejs的存储路径。然后点击编辑Path用户变量,新建一个值为**#NODE_PATH#**最后点击编辑Path系统变量,新建一个原创 2022-03-02 03:20:50 · 11595 阅读 · 4 评论 -
前端实现WebSocket即时通讯
要实现客户端与服务器端的通信,最常接触的是http(https)协议,http通信只能是客户端发起请求,服务器响应。服务器不能主动向客户端传递消息。HTTP 协议无法做到服务器主动向客户端推送信息,2008年诞生的WebSocket 协议可以实现客户端与服务器端的双向对话,即:服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息。WebSocket 协议的底层协议也是TCP协议WebSocket 协议的标识符为ws,加密后为wssWebSocket 协议没有同源限制,即WebSocke原创 2022-03-02 02:17:13 · 671 阅读 · 0 评论 -
【Web 三件套】超多动图带你入门 HTML
文章目录1. HTML 基本介绍1.1 认识 HTML1.2 HTML 的标签概念1.3 HTML 文件基本结构1.4 快速生成代码框架1.5 浏览器的开发者工具2. HTML 常见标签2.1 注释标签2.2 标题标签2.3 段落标签2.4 换行标签2.5 格式化标签2.6 图片标签2.7 超链接标签2.8 表格标签2.9 列表标签2.10 表单标签2.10.1 form 标签2.10.2 input 标签2.10.3 label 标签2.10.4原创 2022-03-02 01:13:37 · 398 阅读 · 0 评论 -
Vue3使用vite配置前端服务IP、端口、跨域代理、访问资源路径前缀
Vue3配置代理跨域(使用vite.config.js文件配置vue3发布有一段时间了,其中vite的启动速度是真的快。现在配置跨域和服务端口等配置,可以在vite.config.js进行配置。(类似使用vue-cli的vue.config.js)vite.config.js 配置文件vite的详细配置import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'const { resolve } = req原创 2022-03-02 00:10:06 · 1372 阅读 · 0 评论 -
uniapp如何分包 & 分包配置后无法读取static文件夹
1. 为什么会使用uniapp分包?最近因为使用uniapp做小程序,所以后面在程序发布预览时,经常出现:微信小程序Error系统错误,source size 2126KB exceed max limit 2MB等问题;…而我最初的解决方案是使用压缩工具的;…但是在后来随着文件图片增多,这种方案的弊端就很明显了;…故而,就想到了 分包。2. 分包文件目录配置结构:┌─pages // 根文件 │ ├─index │ │ └─index.vue原创 2022-03-01 21:19:40 · 1020 阅读 · 0 评论