![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
m0_67401134
这个作者很懒,什么都没留下…
展开
-
vue3.0 从入门到入土---复习 路由
目录前端路由的概念与原理?vue-router 的基本用法?vue-router 的高级用法后台管理案例?总结前端路由的概念与原理1. 什么是路由路由(英文:router)就是对应关系。路由分为两大类 ① 后端路由 ② 前端路由2. 回顾:后端路由后端路由指的是: 请求方式 、 请求地址 与 function 处理函数 之间的 对应关系 。在 node.js 课程中,express 路由的基本用法如下3. SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML原创 2022-03-11 21:01:21 · 436 阅读 · 0 评论 -
vite搭建vue3的项目中,ReferenceError Buffer is not defined
问题:下载文件,后端返回buffer,前端下载;浏览器报ReferenceError: Buffer is not defined原因:在页面中使用了Buffer,但是浏览器中JS没有Buffer对象,它是存在Node中。解决:将Buffer对象改用ArrayBuffer对象,ArrayBuffer对象是 ES6 才写入标准的。浏览器原生提供ArrayBuffer()构造函数,用来生成实例。它接受一个整数作为参数,表示这段二进制数据占用多少个字节。接口返回结果:改写后的下载方法:func原创 2022-03-11 19:37:36 · 2809 阅读 · 0 评论 -
python运算符,条件结构,循环结构
目录一,算术运算符二,赋值运算符三,比较运算符四,逻辑运算符五,位运算符六,条件运算符七,随机数八,条件结构?1,if语句2,if-else语句3,if-elif-else语句4,if嵌套九,循环结构1,while循环2,循环终止3,for循环4,循环结合else使用①while…else②for…else一,算术运算符* /print(1+2)相加print(“1”+“2”)拼接print(“1”+2)报错,数据类型不同# /求除数 /原创 2022-03-11 15:37:27 · 960 阅读 · 0 评论 -
JWT详解
本文从本人博客搬运,原文格式更加美观,可以移步原文阅读:JWT详解JWT简介1.什么是JWT在介绍JWT之前,我们先来回顾一下利用token进行用户身份验证的流程:客户端使用用户名和密码请求登录服务端收到请求,验证用户名和密码验证成功后,服务端会签发一个token,再把这个token返回给客户端客户端收到token后可以把它存储起来,比如放到cookie中客户端每次向服务端请求资源时需要携带服务端签发的token,可以在cookie或者header中携带服务端收到请求,然后去验证客户端请原创 2022-03-11 14:14:26 · 388 阅读 · 0 评论 -
HTML5期末大作业:网站——餐饮网页设计(HTML+CSS+JS)
HTML5期末大作业:网站——餐饮网页设计(HTML+CSS+JS)临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。作品介绍1.网页作品简介方面 :卡通创意,响应式布局网站源码!兼容pc以及移动端,内涵js交互,ui交互,包原创 2022-03-11 12:52:36 · 870 阅读 · 1 评论 -
Commitlint 使用总结
1、Commitlint 是什么在多人协作的背景下,git 仓库和 workflow 的作用很重要。而对于 commit 提交的信息说明存在一定规范,现使用 commitlint + husky 规范git commit -m ""中的描述信息。一句话说,当我们运行git commmit -m 'xxx'时,用来检查xxx是否满足固定格式的工具。2、为什么使用 commitlint我们都知道,在使用 git commit 时,git 会提示我们填入此次提交的信息。可不要小看了这些 commi原创 2022-03-11 11:31:09 · 984 阅读 · 0 评论 -
解决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-10 12:27:24 · 7426 阅读 · 1 评论 -
手机号验证最新正则表达式
一般表单页面都需要填写手机号,校验用户输入的手机号码是否正确,就要用到正则表达式,用正则表达式来匹配手机号段,如在运营商号段内,则号码正确。因此,需要知道运营商最新的号段,如下所示:各大运营商手机号码段(新)中国电信号段133、153、173、177、180、181、189、190、191、193、199中国联通号段130、131、132、145、155、156、166、167、171、175、176、185、186、196中国移动号段134(0-8)、135、136、137、138原创 2022-03-10 11:06:33 · 607 阅读 · 1 评论 -
下班前几分钟,我彻底弄懂了这5种for循环的差异
目录前言正文一、角色介绍1、for2、forEach3、map4、for in5、for of二、使用差异1、场景差异2、能力差异三、性能比较四、使用建议前言for循环 在平时开发中使用频率很高,因为你在编码时避免不了对数据进行处理,而处理数据中的常用方式便是对数组或对象等进行遍历,此时 for循环 便无法缺席。某天,下班前几分钟,我对几种常用的 for循环 在使用场景与运行性能等方面进行了简要对比。正文本文主要介绍了5种常用 for循环:for、forEach、map、原创 2022-03-09 13:23:21 · 306 阅读 · 0 评论 -
win11小组件加载不出来解决方法
win11小组件加载不出来解决方法:访问微软网站:https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/#download-section选择下载常青版引导程序,等待下载完成后打开,会自动下载安装,安装完毕后,再次打开小组件即能够正常显示小组件内容。...原创 2022-03-09 12:03:01 · 2781 阅读 · 1 评论 -
vuex指定版本安装
通过命令行查询可用的包的版本号: npm view vuex versions --jsonPS F:学习Vueue_stu> npm view vuex versions --json [ "0.1.0", "0.2.0", "0.3.0", "0.4.0", "0.4.1", "0.4.2", "0.5.0", "0.5.1", "0.6.1", "0.6.2", "0.6.3", "0.7.0", "0.7.1", "0.8.0"原创 2022-03-09 10:39:06 · 885 阅读 · 0 评论 -
vue-super-flow的使用
Vue-super-flow 是基于vue 开发的一款生成、预览流程图的组件。使用者可以根据不同的需求对图、节点、连线进行细致的控制。一、安装npm install vue-super-flow由于vue-super-flow使用的是element-ui进行构建,所以如果项目中没有安装element-ui的话,还需要进行安装:element-ui的安装使用步骤二、引用(选择其中一种方式即可)①全局引用:在main.js文件中添加import SuperFlow from 'vue-super-原创 2022-03-09 09:05:51 · 928 阅读 · 0 评论 -
uni-app运行到微信小程序报错[ pagesindexindex.json 文件内容错误] pagesindexindex.json [“usingComponents“][“u-nav
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到这是由于引用了第三方UI库,比如uview,pages.json配置easycom规则(按需引入),使用了npm安装方式,但微信开发者工具没有构建npm,可以改下下载方式// pages.json{ "easycom": { // 下载安装的方式需要前面的"@/"原创 2022-03-08 14:23:59 · 2904 阅读 · 2 评论 -
Postman 接口测试学习
文章目录前言一、发送 get 请求1、新建请求2、填写请求方式 get 、填写请求 url (哪个主机、哪个资源)3、携带请求参数 (在 Params 中填写) : para_key = para_value , args 中查看二、发送 post 请求1、添加 form 格式请求参数 body —>form data—>添加参数 , form 中查看2、添加 json 格式请求参数 body —>raw (原始格式) —>JSON ,后边的 test原创 2022-03-08 13:03:34 · 316 阅读 · 0 评论 -
mac code 128 npm ERR An unknown git error occurred
mac code 128 npm ERR! An unknown git error occurred过程1、核对ssh密钥2、检查用户名和email3、怀疑git密码不对新报错1:fatal: bad numeric config value ‘“false”‘ for ‘http.sslverify‘: invalid unit新报错2:error: key does not contain a section: –-global新报错3:could not lock confi原创 2022-03-08 11:43:23 · 661 阅读 · 0 评论 -
IDEA springboot 项目启动报错 Shorten the command line via JAR manifest or via a classpath file and rerun
首先找到 .idea 下的 workspace.xml 然后找到<component name="PropertiesComponent"> </component>在中间插入一行<property name="dynamic.classpath" value="true" />解决。原创 2022-03-08 10:23:01 · 1481 阅读 · 1 评论 -
ECharts社区里面的gallery在哪里?ECharts gallery新地址
学习echarts-map发现echarts 社区里面没有gallery了!!!找了好久,终于找到了,这是新地址:https://www.makeapie.com/explore.html赶紧收藏。原创 2022-03-08 09:02:53 · 6616 阅读 · 6 评论 -
都 2021 年了还不会连 ES6ES2015 更新了什么都不知道吧
都 2021 年了还不会连 ES6/ES2015 更新了什么都不知道吧es6 / es2015let & const块级作用域解构数组解构对象解构模板字符串Math + Number + String + Object 扩展方法默认参数剩余 与 展开 操作符箭头函数对象字面量代理 Proxy反射 Reflect期约 Promises类类的继承内置对象可被继承类的静态方法Map + Set + WeakMap + WeakSet原创 2022-03-07 10:28:50 · 107 阅读 · 0 评论 -
用户登录功能的实现
文章目录用户登录功能的实现在SpringBoot中配置数据库信息以及mybatis的相关信息数据库easyuser表和User实体类前端vue脚手架向SpringBoot后端发送登录请求SpringBoot后端的LoginController控制器的login方法UserDao动态代理接口中的getUserByMessage方法UserDao.xml映射文件路由跳转到Home.vue组件测试用户登录功能的实现在SpringBoot中配置数据库信息以及mybatis的原创 2022-03-07 09:05:21 · 321 阅读 · 0 评论 -
应届生求职简历HTML模板
优秀的简历需要具备哪些要素?1、逻辑清晰、有条有理。HR面临的动辄几百上千份简历,简历需要在5秒内让HR能够get到所有重要信息。2、重点突出,简历有亮点用成绩说话!奖学金,荣誉奖项等内容必不可少。3、目标明确,直戳需求有匹配的技能证书,但是不能贪多,把握住重点。4、研究公司,做到知己知彼明确你应聘的岗位是什么?你的公司需要什么样的人?5、排版简洁,有一定个人特色排版色彩简单,低饱和度,简历色彩不能超过3种。本文教你使用html+css做一个简洁的简历模板,里面的内容自己更改。网页效果(适配手机和电脑端转载 2022-03-06 05:34:18 · 202 阅读 · 1 评论 -
分享一份软件测试项目实战(web+app+h5+小程序)
大家好,我是谭叔。本次,谭叔再度出马,给大家找了一个非常适合练手的软件测试项目,此项目涵盖web端、app端、h5端、小程序端,可以说非常之全面。缘起在这之前,谭叔已经推出了九套实战教程。但是,这些教程以web测试和接口测试为主,没有app等项目。为了让实战项目更加全面、涵盖到各端,同时也为了满足读者粉丝们对项目的高需求,我决定再给大家找一个项目。(实力宠粉,求个赞不过分吧~)说实话,在找项目的过程中,我下载过(甚至付费下载过)N多个项目、联系过很多项目的作者,但是绝大部分项目,在我看来,并不原创 2022-03-06 04:13:31 · 124 阅读 · 0 评论 -
【VsCode】如何使用VsCode中的代码片段快速输入常用代码(太实用了,有图,有示例)
一、只要输入两个【!!】就可以出来想要的代码片断。比如:你看我,输入了两个感叹号,按下回车就出现如下代码:1、文件–首选项–用户片断2、选择【新建全局代码片段文件】3、输入文件名:html-js-vue-demo(这里随便输入,只要不重复就行),按【回车键】4、出现如下图所示5、把所有的内容删除,再把以下代码整个复制文件中(CV大法,你懂得!)划重点1:代码中有双引号,一定要用"代替就行了。划重点2:重点是prefix的设置,就是快捷输入命令,我设置了两个感 叹号作为快捷命令。原创 2022-03-06 02:51:34 · 580 阅读 · 0 评论 -
vue报错:Unknown custom element xxx - did you register the component correctly For recursive compon
文章目录一、报错信息二、分析1.报这种错误可以先检查一下代码规范,模块引入是否加{}一、报错信息vue.runtime.esm.js2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly For recursive components, make sure to provide the “name” option.二、分析1.报这种错误可以先检查一下代码规原创 2022-03-06 01:30:45 · 3526 阅读 · 0 评论 -
vue3 vue-router.esm-bundler.js3295 TypeError Cannot use ‘in‘ operator to search for ‘catch‘ in und
vue3 在设置路由时 报了这个错误vue-router.esm-bundler.js:3295 TypeError: Cannot use ‘in’ operator to search for ‘catch’ in undefined解决方法可以看图中正确的写法原创 2022-03-06 00:09:20 · 866 阅读 · 0 评论 -
Vue 报错Error in render “TypeError Cannot read properties of null (reading ‘xxx’)” found in
前端vue报错 [Vue warn]: Error in render: “TypeError: Cannot read properties of null (reading ‘name’)” found inreading 'Type’返回值接收时出Type错误往下翻这个错误是不能加载属性为null的类型 我用了一个笨办法,把页面上的参数null值都ctrl+f标注出来然后都修改成0(例:id:0),然后我发现当前页面的错误并没有改变,最后我定位到了错误不在当前也买你,在我调用的子组件里面,我调原创 2022-03-03 23:26:38 · 886 阅读 · 0 评论 -
python获取京东服务器的毫秒级时间
效果代码import requestsimport datetimewhile True: class Jingdongtime(object): r1 = requests.get(url='https://api.m.jd.com/client.action?functionId=queryMaterialProducts&client=wh5', headers={'User-Agent': 'Mozill原创 2022-03-03 16:47:53 · 1341 阅读 · 1 评论 -
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function,说白了就是版本问题,对于小白学习新知识的过程中,踩版本不匹配的坑是非常难受的,下面总结了一下具体解决方案踩坑一:(Module build failed: TypeError: this.getOptions is not a function )这个问题主要是因为node-loader版本过高导致的问题,我们尝试将版本降低到@7.原创 2022-03-03 15:43:23 · 389 阅读 · 0 评论 -
html爱心表白代码(最全)
目录写在前面十四个表白效果及使用说明(最后几个是最新的效果)购买本文前12个代码怎么在页面添加文字和背景音乐?如何得到自己喜欢的音乐链接地址?怎么修改背景颜色或字体颜色?其他表白代码跨年表白代码最新表白代码(绝对好看)常见问题说明写在前面个人主页地址(包含一些效果的在线演示):皮小孩的个人主页(8.1更新)需要本文前12个表白代码可以进链接扫码下载—>>>网页爱心表白代码大全扫码支付成功后会得到百度网盘链接和提取码,里面有本文的前12个表白代码,每个代码都有转载 2022-03-03 14:38:50 · 52146 阅读 · 3 评论 -
Echarts图表效果图(Make A Pie替代)
Echarts图表效果图(Make A Pie替代)Make A Pie 是由社区贡献者维护的用于 Apache ECharts 作品分享的第三方非官方社区。平时做Echarts图表经常需要用到,近期官方已经关闭,找到以下几个可替代的网站。(Make A Pie替代网址)1、http://analysis.datains.cn/finance-admin/#/chartLib/all2、makeapie 复刻站点1:http://ppchart.com/3、Make A Pie复刻站点2:http:原创 2022-03-03 13:34:29 · 573 阅读 · 1 评论 -
边学边总结的前端笔记(JavaScript基础篇)
「学习笔记」JavaScript基础前言最近一直研究JavaScript内容,遂把这一阶段的学习内容整理成笔记,巩固所学知识,同时也会参考一些博客,书籍上的内容,查漏补缺,给自己充充电???文章内容如有错误,欢迎指正批评工欲善其事,必先利其器,为了提高开发效率,选用VScode。管理-设置-常用设置-字体Consolas, ‘微软雅黑 Light’, monospaceChinese汉化VscodePrettier格式化代码(缩进2格)Auto Rename Tag同步修原创 2022-03-02 13:21:36 · 340 阅读 · 0 评论 -
解决H5项目微信浏览器安卓系统无法自动播放背景音乐的问题
背景制作的H5项目,使用vedio标签,利用wx.getNetworkType来自动播放背景音乐。但是安卓的vedio自动播放被微信浏览器限制了。解决方案采用web vedio api细节解释:web vedio api MDN伸手/** * @author ccbbs * @file 解决安卓webview自动播放背景音乐的问题 */function BGMAutoPlayMgr/* solveAndroidBGMAutoplay */(url) { this.audioC原创 2022-03-02 04:24:52 · 2643 阅读 · 4 评论 -
手撸一个基于Springboot+Vue的书籍论坛系统,可用于课程设计和毕业设计或者练手
最近有粉丝私信问我,想做一个简单的书籍论坛系统,想练练手,问我有没有类似的项目可以学习,于是我就手撸了一个比较简单的Springboot书籍论坛系统,分享给大家。技术栈后端:Springboot,MyBatis,mysql前端:html,css,JavaScript,bootstrap,Vue.js,Quill统计图:echarts主要功能用户管理书籍信息管理电子书文件上传、下载富文本在线编辑、发布论坛帖子的前端展示数据的统计用户权限项目视频、思维导图和源码项目已经开源,原创 2022-03-02 03:21:21 · 867 阅读 · 0 评论 -
前端常用库——nanoid
nanoid库和uuid库一样都可以生成uuid,但是nanoid相比uuid要更轻量级,下面就来演示一下如何在项目中使用nanoid。1.在项目目录下打开终端,下载安装nanoid库npm i nanoid或者,如果你安装了yarn可以使用:yarn add nanoid2.引入nanoid库nanoid库中用分别暴露的方式暴露了一个函数nanoidimport {nanoid} from 'nanoid'3.使用nanoid生成uuid直接调用nanoid(),即可生成一个uui原创 2022-03-02 02:17:44 · 565 阅读 · 0 评论 -
【XML入门】一篇文章让你从没听过到熟练运用
前言今天我们继续来学习【Java Web】部分的XML,XML相比其他部分来时还是非常简单的。我们在以后写大项目时候也会经常用到,所以说还是蛮重要的。接下来我们正式开始XML的学习。目录前言XML概述XML语法XML的约束DTD约束XSD约束XML解析XPath表达式XML概述基本概念:可扩展标记语言(Extensible Markup Language,XML),可扩展意味着标签是自定义的。XML用途:XML主要用来存储数据、作为配置文件、在网络中传输等。XM转载 2022-03-02 01:14:09 · 125 阅读 · 0 评论 -
vue3使用vuex
vue3 创建项目时勾选vuex,会自动生成一个store文件夹自带一个index.js如果构建项目时没勾选vuex,之后在单独安装vuex会报错,因为版本不兼容、这时候就可以用vue add vue-next这个命令会把项目中的一些依赖自动升级成支持vue3的版本单独安装需要自己创建文件夹与文件index.js:// 引入import { createStore } from "vuex";import axios from 'axios';export default crea.原创 2022-03-02 00:10:38 · 478 阅读 · 0 评论 -
uniapp数据缓存同步(setStorageSync)跟异步(setStorage)的区别
我一直都很喜欢用浏览器原生的本地存储,之前用得多这样子。前几天开发uniapp,用浏览器的原生本地存储,浏览器里没问题,但打包成app就不能用了。后来用了uniapp官方提供的本地存储,打包后能用,不得不说官方就是,但是第一次用的时候,这个同步异步让我有点懵。但这同步异步的存在,肯定是有它的道理的。我们先看看官方定义:uni.setStorage(OBJECT)将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。uni.setStorage({ k原创 2022-03-01 21:20:15 · 1042 阅读 · 0 评论