html
文章平均质量分 64
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 配置路由
使用 vue3 配置路由,步骤如下1、安装路由npm install vue-router@4笔者这里的演示项目名称是vue3-project2、新建页面这里创建 view目录,然后在view目录下创建 A.vue B.vue 两个 vue页面文件A.vue内容<template> <div>A</div></template>B.vue内容<template> <div>B</div&原创 2022-03-11 20:48:37 · 1620 阅读 · 1 评论 -
v-model中.number
最近在学习vue记录下踩坑过程:vue官方文档中对于v-model中.number的描述:.number如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符:<input v-model.number="age" type="number">这通常很有用,因为即使在 type="number" 时,HTML 输入元素的值也总会返回字符串。如果这个值无法被 parseFloat() 解析,则会返回原始的值。失败例子(求哪位好心大哥指正错误):&原创 2022-03-11 19:25:05 · 1071 阅读 · 0 评论 -
Postman安装与入门简单教程
在测试技术中,接口测试是最基础、最重要,也是收益最高的测试技术,作为接口测试工具中的No.1,一起来看看Postman是怎么入门的吧。目录1.安装Postman2.注册Postman账号并登录3.创建Collections4.创建Request5.简单的Demo测试6.拓展1.安装PostmanPostman下载地址:https://app.getpostman.com/app/download/win64点开后机会自动下载最新版的Postman,如果链接打不原创 2022-03-11 15:24:32 · 1229 阅读 · 0 评论 -
JS中数组遍历方法
示例中的数组为:var arr = [ { id: 1, name: '王昭君' }, { id: 2, name: '安琪拉' }, { id: 3, name: '鲁班七号' },];var nums = [1, 2, 3, 4, 5];1. 普通for循环;for (let i = 0; i < arr.length; i++) { console.log(arr[i], i);}2,forEach循环;arr.forEach((ele, index) =&g原创 2022-03-11 14:01:57 · 443 阅读 · 0 评论 -
HBuilderX配置自动格式化,统一代码规范
1、前言团队协作是稍具规模公司必不可少的问题,也是项目开发进度保证的重要基石。只有团队协作,各自的功力发挥到极致,才能保证团队生产力最大化。随着团队增加,统一的代码风格就越来越重要,为此使用 HBuilderX 配置自动格式化,统一代码规范。2、代码风格整体风格javascript大体上遵循[这里是代码002]规范html、wxml大体上遵循[这里是代码005]规范javascript细节调整结尾无分号超过 140 个字符换行使用单引号无尾随逗号箭头函数单个参数不加分号原创 2022-03-11 12:40:09 · 2944 阅读 · 0 评论 -
B站---【狂神说Java】JavaWeb入门到实战---笔记
该笔记大部分搬运B站遇见狂神说的javaWeb,顺便把图文合并记录,便于回顾视频地址:https://www.bilibili.com/video/BV12J411M7Sj 记得三连文章目录1、基本概念1.1、前言1.2、web应用程序web应用程序:1.3、静态web1.4、 动态web2、web服务器2.1、技术讲解2.2、web服务器3、Tomcat3.1安装tomcat tomcat3.2、Tomcat启动和配置3.3、配置3.4、发布一个we原创 2022-03-11 11:18:46 · 107 阅读 · 0 评论 -
(网页设计+数据库增删查改)——课设展示
课设展示一、网页部分成果展示1、动态显示日期2、动态显示访客3、图片放大效果4、滚动字幕5、网页插入视频6、二级网页7、三级网页8、浮动广告二、数据库部分成果展示1、注册表2、登陆表3、后台信息管理界面4、【增】增加新用户5、【删】删除新用户6、【查】查找关键字7、【改】改变用户信息一、网页部分成果展示提示:1、博主使用的制作网页的软件是dreamweaver,但vscode也行。2、图片素材都是博主自己在网上搜的,侵删。3、本篇博客是为了原创 2022-03-10 13:35:51 · 469 阅读 · 0 评论 -
怪兽充电小程序
第一首先看中心点上有个小图标实现方式,我们可以使用map 结合一个图片覆盖物实现,在结合定位 <map id="myMap" show-location enable-poi enable-building :latitude="latitude" :longitude="longitude" :markers="markers" @regionchange="anchorpointtapmap"...原创 2022-03-10 10:50:27 · 676 阅读 · 2 评论 -
vue3没有this怎么办
在vue3中,新的组合式API中没有this,那我们如果需要用到this怎么办解决方法:getCurrentInstance 方法获取当前组件的实例,然后通过 ctx 或 proxy 属性获得当前上下文,这样我们就能在setup中使用router和vuex了import { getCurrentInstance } from "vue";export default { setup() { let { proxy } = getCurrentInstance(); proxy.原创 2022-03-09 10:26:49 · 810 阅读 · 0 评论 -
vue+elementui Carousel 走马灯 一次轮播4张图片
vue<el-carousel :loop="false" :autoplay="false" height="204px"> <el-carousel-item class="el-car-item" v-for="(list, index) in dataList" :key="index"> <img v-for="(imgList,index2) in list" :key="index2" class="top-img" :src="imgLi原创 2022-03-09 08:52:02 · 1296 阅读 · 0 评论 -
Typescript中的extends关键字
前言extends关键字在TS编程中出现的频率挺高的,而且不同场景下代表的含义不一样,特此总结一下:表示继承/拓展的含义表示约束的含义表示分配的含义基本使用extends是 ts 里一个很常见的关键字,同时也是 es6 里引入的一个新的关键字。在 js 里,extends一般和class一起使用,例如:继承父类的方法和属性class?Animal?{??kind?=?‘animal’??constructor(kind){???this.kind?=?kind;?原创 2022-03-08 14:11:44 · 220 阅读 · 0 评论 -
npm安装指定版本的包
安装指定版本的jquery-1.11.2npm install jquery@1.11.0安装1.0中的最新版本npm install jquery@1安装2.0版本中的最新版本npm install jquery@2依次类推原创 2022-03-08 12:51:20 · 526 阅读 · 0 评论 -
JS逆向-Protobuf逆向解析
目录一、python快的解析Protobuf方式二、什么是Protobuf三、Protobuf环境配置四、Protobuf实例序列化与反序列化五、逆向解析 Protobuf案例1、python序列化2、python反序列化一、python快的解析Protobuf方式注意:目录二、三、四、五可以作为了解,实际上目录一就可以解决了,比后面的解决方式更便捷,后面介绍的解决方式的前提是还原.proto文件。如果解决不了的话,再看二、三、四、五也可1、问题案例原创 2022-03-08 11:31:09 · 814 阅读 · 0 评论 -
HTML入门级知识点【持续更新ing】
目录1、系统结构1.1 B/S架构1.2 C/S架构2、关于HTML2.1 超文本标记语言2.3 HTML制定者3、HTML基础知识概述3.1 纯文本3.2 注释3.3 标签的属性3.4 文档声明3.5 乱码问题3.6 字符集3.7 常用标签3.8 实体(转义字符)3.9 相对路径3.10 图片格式1、系统结构1.1 B/S架构Browser / Server(浏览器/服务器的交互形式。)Browser支持哪些语言:HTML CSS JavaScript 写HTM原创 2022-03-08 10:10:46 · 701 阅读 · 0 评论 -
DevTools 无法加载 SourceMap:XXXX.map 的内容HTTP 错误 状态代码 404,netERR_UNKNOWN_URL_SCHEM
写在前面又想骂人了,百度了一圈,各种不同的网站,对于该问题的解决办法的前几句都是确切来说也不是个问题,对我项目本身没有什么实质性的影响,但看着就是不爽,请教了一下前端的同学,这个 sourceMap 是方便调试的东西,从打包后的代码映射到源码,并在前端使用注释声明气的人直接吐血。不可否认禁用javascript 源映射,确实可以解决报错这个问题。但是说对项目没有影响,实在是大错特错。像我这种习惯了使用console 调试程序的人,没有这个功能还真是要死。按照自己的理解说一下,这个功能的作用吧,就原创 2022-03-08 08:50:43 · 1579 阅读 · 0 评论 -
超详细Vue-coderwhy个人学习笔记(一)(Day1-Day2)
必看笔记目录汇总以及资料源码的获取学Vue,看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)本篇是Day1到Day2的笔记(如果觉得不错大家可以给我三连哦~欢迎一起学习交流,我的公众号:richGirlyyy)目录一、(了解)课程介绍课程介绍?项目介绍二、邂逅Vuejs(一) 、内容概述(二)、(理解)认识Vue.js?1.为什么要学习Vue.js2.简单认识一下Vuejs(三)、(掌握)Vue.js安装(四)、(掌握)Vue初体验1.Hell转载 2022-03-07 10:16:32 · 604 阅读 · 0 评论 -
海康威视web3.2开发包开发使用说明
首言:通过海康威视的最新web开发包工具进行js调用引入至vue项目中,实现监控设备的对接,监控功能的实现。3.2无插件js库同时支持插件安装的模式。目录首言:一、海康威视开发平台:?1、下载开发工具包文档2、专家支持在线咨询问题二、3.2无插件开发1、需要引用的js包2、开发api3、注意事项三、在VUE项目中多个页面引用插件进行监控视频实时显示1、把初始化过程抽象为一个组件2、在不同页面中进行调用四、其他说明1、无插件开发包必须使用nginx代理(无论是测试还是生产环境)原创 2022-03-07 08:53:09 · 6802 阅读 · 6 评论 -
关于 vue3 reactive 重新赋值的问题
问题:一个带默认值的数组,每次更新数据都重置该数组到原始状态, 之后push新值到list中,见以下代码:import { reactive, ref } from 'vue'export default { setup() { // 需要一个带默认值的数组list; let list = reactive([{id: 1, name: 'Andy'}]) // 每次触发事件重置list,把新值放入,此种方式不会触发视图更新 const checkBtn =原创 2022-03-06 04:01:11 · 803 阅读 · 0 评论 -
【2022跨年】最浪漫的表白烟花,送给新的一年的自己(源码)
先建立一个images文件夹:放入一张小表情图片:a8.pngjquery.min.js:/*! jQuery v2.0.0 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license//@ sourceMappingURL=jquery.min.map*/(function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.document.原创 2022-03-06 02:39:18 · 31235 阅读 · 0 评论 -
vue处理getpost的http请求
一、使用Vue.http/this.$http在发起请求的时候,为了减少作用域链的搜索,建议使用一个局部变量来接受this1. GET请求// 基于全局Vue对象使用httpVue.http.get('/someUrl', [options]).then(successCallback, errorCallback);// 在一个Vue实例内使用$httpthis.$http.get('/someUrl', [options]).then(successCallback, errorCallb原创 2022-03-06 01:17:50 · 1008 阅读 · 0 评论 -
vue-pure-admin项目的学习
前言感谢作者的开源,让我们有机会学习项目地址: vue-pure-admin只是记录自己的学习,有问题地方感谢指正只会记录一些自己目前感觉有用的知识点代码demo都是基于vue3、ts、element plus目录结构-src --api 存放与请求有关的文件 --assets 存放静态文件(图标、文字) --components 存放全局公共组件 --config 项目配置 --directives 全局指令 --layout 全局布局 --plugins 插件原创 2022-03-05 23:56:55 · 875 阅读 · 0 评论 -
vue element-ui el-date-picker日期选择器 清空按钮
watch监听选择器 点击清空按钮时会报错出现这种情况的原因是: 当点击清除按钮的时候,value会被设置为null。<el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pick原创 2022-03-03 23:14:12 · 7830 阅读 · 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-03 16:35:36 · 121 阅读 · 0 评论 -
layui图标大全,精心整理
layui图标大全,一键复制粘贴,非常方便点击这前往,复制代码转载自:http://www.shagua.wiki/project/3?p=85原创 2022-03-03 15:31:06 · 4586 阅读 · 0 评论 -
HTML 5 地理定位
@toc1. HTML 5 地理定位1.1 HTML 5 地理定位实现geolocation 是浏览器对象 navigator 的一个属性,也是 HTML 5 地理定位的核心对象,通过它提供的方法 getCurrentPosition( ) 获取当前浏览器所在位置的对象,该对象包含经度(longitude)、纬度(latitude)和海拔高度(altitude)等信息;使用平台分为移动端和PC端;手机浏览器要先尝试使用内置 GPS 数据(定位精度以米为单位),再使用手机基站编号反向推导出对应的地理原创 2022-03-03 14:26:35 · 320 阅读 · 0 评论 -
CSS基础班笔记(二)
web前端剑法之css??web前端剑法之css地址??CSS基础班笔记(一)https://blog.csdn.net/Augenstern_QXL/article/details/115560532??CSS基础班笔记(二)https://blog.csdn.net/Augenstern_QXL/article/details/115560502??CSS基础班笔记(三)https://blog.csdn.net/Augenstern_QXL/article/details/115726原创 2022-03-03 13:22:17 · 260 阅读 · 0 评论 -
解决:nested exception is org.springframework.beans.factory.BeanCreationException Error creating bean
做spring练习,做到 注解事务管理 时出现错误(部分截图):搜索之后好像说是jar包冲突,查看依赖:确实冲突了。修改spring-webmvc版本与spring-jdbc一致:<dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <原创 2022-03-02 13:09:15 · 1354 阅读 · 0 评论 -
自学总结:非科班转行前端拿到字节跳动 offer?看我是如何一步一步做到的?
关于我(个人背景)本人是某双非一本大学的大四学生,专业学的是电子信息科学与技术,说实话,虽然它是我的专业,但我对它不是很了解。高考结束根据就业率选择了这个专业,确实就业率很高(毕竟没有三方协议学校不给发毕业证,怎么办?很多人随便找个单位、场子签个劳动合同),一句话:垃圾。而自己在大二的时候就在想,这个专业毕业后能干嘛?如果我现在被迫辍学?我能靠它养活自己吗?答案是:不能。比较庆幸的是自己通过朋友带动下从 3 月初(大三下学期)开始零基础自学前端,在 11 月初拿到字节跳动和多益网络的前端 校招 offe原创 2022-03-02 04:12:51 · 517 阅读 · 0 评论 -
快过年了,用五种不同的JS特效带你看烟花(包邮送元宇宙图书)
今天给大家带来几个好看的基于 HTML+CSS+JS 的烟花特效雪花 、 樱花 、 浪漫贺卡 以及 圣诞树 我前段时间刚做过,感兴趣的也可以看看我前几期的博客:雪花:https://haiyong.blog.csdn.net/article/details/105786233樱花:https://haiyong.blog.csdn.net/article/details/122008942圣诞树和贺卡:https://haiyong.blog.csdn.net/article/details/122原创 2022-03-02 03:09:11 · 408 阅读 · 0 评论 -
【26】地图可视化:基于 Echarts + Flask 的动态实时地图组件 - 点&气泡&流向&组合&区域&三级下钻地图
目录一、大屏整体架构?Echarts + Flask + Bootstrap1. 效果展示动态效果?鼠标右键切换主题2. 前端布局?Bootstrap3. HTTP 服务端使用 Flask?架构二、封装的Echarts地图可视化组件1. 点式地图 scatter?echarts 代码JSON数据格式2. 点式+气泡组合地图 scatter + effectScatterecharts 代码JSON数据格式3. 流向地图 linesecharts 代码JSON数据格式4. 流原创 2022-03-02 01:02:04 · 2217 阅读 · 0 评论 -
vue3.0中使用nextTick
前言:这里分享3.0和2.0 的方法对比,nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它vue3.01、引入import { nextTick } from 'vue'2、具体使用,配合异步setup() { const message = ref('Hello!') const changeMessage = async newMessage => { message.value = ne原创 2022-03-01 23:58:33 · 1064 阅读 · 0 评论 -
TypeError this.getOptions is not a function 的解决
一、问题的出现:在进行 react 项目开发的时候,出现了这个错误,TypeError: this.getOptions is not a function,如下所示:二. 问题的分析及解决:问题的分析:这个实际上就是 less-loader 的版本过高,不兼容 getOptions 函数方法,所以需要对 less-loader 进行降级处理问题的解决:通过 npm uninstall less-loader 命令卸载原版本的 less-loader,然后 通过 npm install le原创 2022-03-01 20:16:30 · 3701 阅读 · 0 评论