
前端
文章平均质量分 58
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 · 488 阅读 · 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 · 2989 阅读 · 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 · 1078 阅读 · 0 评论 -
JWT详解
本文从本人博客搬运,原文格式更加美观,可以移步原文阅读:JWT详解JWT简介1.什么是JWT在介绍JWT之前,我们先来回顾一下利用token进行用户身份验证的流程:客户端使用用户名和密码请求登录服务端收到请求,验证用户名和密码验证成功后,服务端会签发一个token,再把这个token返回给客户端客户端收到token后可以把它存储起来,比如放到cookie中客户端每次向服务端请求资源时需要携带服务端签发的token,可以在cookie或者header中携带服务端收到请求,然后去验证客户端请原创 2022-03-11 14:14:26 · 426 阅读 · 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 · 909 阅读 · 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 · 1120 阅读 · 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 · 7530 阅读 · 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 · 834 阅读 · 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 · 377 阅读 · 0 评论 -
win11小组件加载不出来解决方法
win11小组件加载不出来解决方法:访问微软网站:https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/#download-section选择下载常青版引导程序,等待下载完成后打开,会自动下载安装,安装完毕后,再次打开小组件即能够正常显示小组件内容。...原创 2022-03-09 12:03:01 · 3040 阅读 · 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 · 954 阅读 · 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 · 1133 阅读 · 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 · 3124 阅读 · 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 · 396 阅读 · 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 · 752 阅读 · 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 · 1544 阅读 · 1 评论 -
ECharts社区里面的gallery在哪里?ECharts gallery新地址
学习echarts-map发现echarts 社区里面没有gallery了!!!找了好久,终于找到了,这是新地址:https://www.makeapie.com/explore.html赶紧收藏。原创 2022-03-08 09:02:53 · 7210 阅读 · 7 评论 -
都 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 · 160 阅读 · 0 评论 -
用户登录功能的实现
文章目录用户登录功能的实现在SpringBoot中配置数据库信息以及mybatis的相关信息数据库easyuser表和User实体类前端vue脚手架向SpringBoot后端发送登录请求SpringBoot后端的LoginController控制器的login方法UserDao动态代理接口中的getUserByMessage方法UserDao.xml映射文件路由跳转到Home.vue组件测试用户登录功能的实现在SpringBoot中配置数据库信息以及mybatis的原创 2022-03-07 09:05:21 · 371 阅读 · 0 评论 -
应届生求职简历HTML模板
优秀的简历需要具备哪些要素?1、逻辑清晰、有条有理。HR面临的动辄几百上千份简历,简历需要在5秒内让HR能够get到所有重要信息。2、重点突出,简历有亮点用成绩说话!奖学金,荣誉奖项等内容必不可少。3、目标明确,直戳需求有匹配的技能证书,但是不能贪多,把握住重点。4、研究公司,做到知己知彼明确你应聘的岗位是什么?你的公司需要什么样的人?5、排版简洁,有一定个人特色排版色彩简单,低饱和度,简历色彩不能超过3种。本文教你使用html+css做一个简洁的简历模板,里面的内容自己更改。网页效果(适配手机和电脑端转载 2022-03-06 05:34:18 · 251 阅读 · 1 评论 -
分享一份软件测试项目实战(web+app+h5+小程序)
大家好,我是谭叔。本次,谭叔再度出马,给大家找了一个非常适合练手的软件测试项目,此项目涵盖web端、app端、h5端、小程序端,可以说非常之全面。缘起在这之前,谭叔已经推出了九套实战教程。但是,这些教程以web测试和接口测试为主,没有app等项目。为了让实战项目更加全面、涵盖到各端,同时也为了满足读者粉丝们对项目的高需求,我决定再给大家找一个项目。(实力宠粉,求个赞不过分吧~)说实话,在找项目的过程中,我下载过(甚至付费下载过)N多个项目、联系过很多项目的作者,但是绝大部分项目,在我看来,并不原创 2022-03-06 04:13:31 · 156 阅读 · 0 评论 -
【VsCode】如何使用VsCode中的代码片段快速输入常用代码(太实用了,有图,有示例)
一、只要输入两个【!!】就可以出来想要的代码片断。比如:你看我,输入了两个感叹号,按下回车就出现如下代码:1、文件–首选项–用户片断2、选择【新建全局代码片段文件】3、输入文件名:html-js-vue-demo(这里随便输入,只要不重复就行),按【回车键】4、出现如下图所示5、把所有的内容删除,再把以下代码整个复制文件中(CV大法,你懂得!)划重点1:代码中有双引号,一定要用"代替就行了。划重点2:重点是prefix的设置,就是快捷输入命令,我设置了两个感 叹号作为快捷命令。原创 2022-03-06 02:51:34 · 955 阅读 · 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 · 3750 阅读 · 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 · 912 阅读 · 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 · 989 阅读 · 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 · 1464 阅读 · 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 · 522 阅读 · 0 评论 -
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 · 626 阅读 · 1 评论 -
边学边总结的前端笔记(JavaScript基础篇)
「学习笔记」JavaScript基础前言最近一直研究JavaScript内容,遂把这一阶段的学习内容整理成笔记,巩固所学知识,同时也会参考一些博客,书籍上的内容,查漏补缺,给自己充充电???文章内容如有错误,欢迎指正批评工欲善其事,必先利其器,为了提高开发效率,选用VScode。管理-设置-常用设置-字体Consolas, ‘微软雅黑 Light’, monospaceChinese汉化VscodePrettier格式化代码(缩进2格)Auto Rename Tag同步修原创 2022-03-02 13:21:36 · 436 阅读 · 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 · 2797 阅读 · 4 评论 -
手撸一个基于Springboot+Vue的书籍论坛系统,可用于课程设计和毕业设计或者练手
最近有粉丝私信问我,想做一个简单的书籍论坛系统,想练练手,问我有没有类似的项目可以学习,于是我就手撸了一个比较简单的Springboot书籍论坛系统,分享给大家。技术栈后端:Springboot,MyBatis,mysql前端:html,css,JavaScript,bootstrap,Vue.js,Quill统计图:echarts主要功能用户管理书籍信息管理电子书文件上传、下载富文本在线编辑、发布论坛帖子的前端展示数据的统计用户权限项目视频、思维导图和源码项目已经开源,原创 2022-03-02 03:21:21 · 1000 阅读 · 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 · 662 阅读 · 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 · 188 阅读 · 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 · 524 阅读 · 0 评论 -
uniapp数据缓存同步(setStorageSync)跟异步(setStorage)的区别
我一直都很喜欢用浏览器原生的本地存储,之前用得多这样子。前几天开发uniapp,用浏览器的原生本地存储,浏览器里没问题,但打包成app就不能用了。后来用了uniapp官方提供的本地存储,打包后能用,不得不说官方就是,但是第一次用的时候,这个同步异步让我有点懵。但这同步异步的存在,肯定是有它的道理的。我们先看看官方定义:uni.setStorage(OBJECT)将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。uni.setStorage({ k原创 2022-03-01 21:20:15 · 1204 阅读 · 0 评论