自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 收藏
  • 关注

原创 使用input输入框时进行正则校验

运用输入框一定要进行校验,不校验的话用户随意输入是有一定的问题的。直接监听键盘事件即可。

2024-07-03 11:28:45 148

原创 vue中使用 json编辑器

【代码】vue中使用 json编辑器。

2024-07-03 11:25:00 673

原创 git的安装、使用、报错

安装完成后 在黑窗口发现 一直报 git不是内部命令所以要进行配置环境变量。在“系统变量”区域找到并选择“Path”变量,然后点击“编辑”。在系统属性窗口中选择“高级”标签页,然后点击“环境变量”。右键点击“我的电脑”或者“此电脑”,选择“属性”。在“编辑环境变量”窗口,点击“新建”并输入Git的。如果没有安装 根据官网进行下载;目录添加到系统的PATH环境变量中。傻瓜式安装 next即可!确认Git是否已正确安装。找到Git安装目录下的。点击“确定”保存更改,

2024-07-01 17:24:54 277

原创 关于父子组件mounted执行的顺序及问题

生命周期、父子组件、

2024-06-26 10:18:18 362

原创 关于地图点击的操作

/禁止鼠标滑轮滚动放大缩小地图。//禁止双击放大地图。//enable 开启。

2024-06-26 10:09:27 214

原创 css兼容

一、css兼容1. css3新属性,加浏览器前缀兼容早期浏览器2. 块属性标签float后,又有横行的margin情况下,IE 浏览器margin加倍的问题3. 设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度4. 行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距bug5. IE浏览器div最小宽度和高度的问题6. 超链接访问过后hover样式就不出现的问题7. 图片默认有间距二、js兼

2024-06-18 18:50:01 187

原创 关于Markdown的使用与创建

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2024-06-18 18:49:14 889

原创 关于Threejs的使用二

Threejs之前是没有使用过的,由于项目需要最近一段时间一直在研究;2.可以通过使用threejs的3d文字绘制;

2024-06-17 11:48:34 289

原创 关于 Threejs的使用 在宽高一定的页面内绘制

在使用的el-dialog页面中使用threejs绘制物体 并给物体绑定双击事件;对应物体之间有联系的绘制箭头线。页面中使用 Three.js 绘制物体并绑定双击事件。元素用于渲染 Three.js;

2024-06-13 10:45:22 196

原创 Echarts Gl遇到的问题

综上尝试多种方法无果,文档中显示的是 coordinateSystem的属性只有两种,所以在三维坐标系中还是无法使用的,最后还是选择的line3D绘制的线条。在 ECharts GL 的社区或者 Stack Overflow 上发帖求助,提供你的代码和错误信息,寻求社区的帮助。如果你有修改 ECharts GL 源码的能力,可以尝试修复该bug,并自行编译发布一个修复版本。注意:在尝试解决方法之前,请确保备份好你的代码和数据,以防止在解决过程中引入新的问题。类型的支持不完整或者存在bug。

2024-06-04 11:42:54 389

原创 Vue左侧菜单栏显示问题

【代码】Vue左侧菜单栏显示问题。

2023-12-08 10:14:49 293

原创 关于前端上传

类似于 上面的传参form-data形式,第一个参数为上传的文件,第二个参数为json格式。

2023-11-23 16:00:12 159

原创 富文本编辑器

'link', //链接,插入一个链接地址,如果填写了描述,则高亮显示描述。'backColor', //文字背景颜色。'lineHeight', //行高。'justify', // 对齐方式。'fontSize', //字号。'fontName', //字体。'italic', // 斜体。'image', //插入图片。'video', //插入视频。'indent', //缩进。'head', // 标题。'bold', // 粗体。'quote', //引用。

2023-11-07 17:32:58 181

原创 关于Antdv的使用 问题所在与解决

页面初始化的时候,数据是从data中拿的,由于没在data中定义他,所以报错。又因为程序的执行是很快的,拿到数据赋值之后触发页面更新,就能显示了。这就是为啥有时候报了这个错,但是页面中依然能显示“xxx”的值。这就需要在 data里面 将数据定义完整。“TypeError: Cannot read property ‘xxx‘ of undefined“报错情况分析;,使用a-date-picker就必须结合moment来实现。a-date-picker其实数据模型是。

2023-09-26 14:41:42 337 2

原创 Ant-design-vue组件上传文档

原本是前端向后端发起一个请求,请求的成功后则显示上传成功,由于项目功能需要,上传的时间过长影响用户体验,用户不清楚多久可以上传成功,所以 将一个接口进行拆分成五个接口,每个接口都有对应的功能;比如步骤:上传---针对于上传文件的内容进行处理---处理完成后需要抽取---抽取成功后生成一个html文件便于访问---保存相关的数据;针对上面的步骤必须等待某一个步骤成功后才能进行下一个,但是重点在于一个文件夹中多个文档的上传,其中某一个文件的走第一个接口不成功,但是不能影响上传成功的文档继续走下面的步骤;

2023-09-08 15:46:03 792

原创 leaflet · 关于轨迹移动

1.引入 import MovingMarker from "../src/utils/MovingMarker";iconUrl: require("图标位置"),movingMarker的使用会自带图标,通常修改自定义图标。2.MovingMarker.js内容。

2023-09-05 15:33:49 697

原创 leaflet · 初体验

iconSize: [16, 16] //图片大小。如图: 进行初始化显示地图,页面加载时调用此方法;iconUrl: “图片路径”,

2023-09-05 11:27:33 142

原创 不同的组件页面scoped用法、css选择器

css样式及scoped理解

2022-06-08 11:42:47 287 1

原创 Vue项目中强制刷新页面的方法

Vue项目中强制刷新页面的方法

2022-06-07 11:57:46 17351 1

原创 去重习题 【自己整理】

/*** 实现一个方法sameNumbers,找出同时存在于两个数组的所有数字* 需要处理异常传参,情况不限于: - 未传入arr1或arr2 - arr1或arr2不是数组- 字符串格式的数字需要转为数字,如:'1'需先转化为1再进行查重比较- 返回结果需要过滤所有非数字项*/function sameNumbers(arr1, arr2) { if (Array.isArray(arr1) && Array.isArray(arr2)) { ...

2022-05-08 00:21:32 115

原创 Vue中import引入方式详解及export和export default的区别

Vue中import引入方式详解及export和export default的区别引入第三方插件import echarts from "echarts"import axios from "axios"import ElementPlus from "element-plus" 2.引入工具类一、引入单个import { isProgrammer } from "./filter"export 导出:export functionisProgra...

2021-12-24 10:56:53 912 1

原创 Canvas的初步了解

canvas元素本身并不会绘制图形,相当于一张空画布。如果你想在画布上进行绘制,那么必须通过JavaScript脚本进行绘制。 大多数现代浏览器都是支持Canvas的,比如Firefox,safari,chrome,opera的最近版本以及IE9都支持. 在 HTML 页面上定义 canvas 元素与定义其他普通元素并无任何不同,它吃了可以指定 id, style ,class ,hidden 等通用属性之外,还可以设置 width 和 height 两个属性。 <style&...

2021-12-23 10:09:42 385 1

原创 数组去重、数组排序、数组的方法【es5/es6】

数组去重常用的去重方法: // 双重for循环// 定义一个 arr 数组var arr = [ ]function removeRepeat(arr){ for(var i=0;i<arr.length;i++){ //第一次循环取数组每一项 for(var j=0; j<arr.length; j++) { if(arr[i]==arr[j]){ arr.spli.

2021-12-21 10:05:32 546

原创 react基础知识(二)

如果没有安装脚手架则需要引入三个包react.development.js 的作用:react 的核心库react-dom.development.js 的作用:操作 dom 的拓展库,提供了 ReactDOM 的对象babel.min.js 的作用:jsx 语法转为 js 语法, jsx 是 js 的拓展语法,html 该怎么写怎么写,js 语法写在 { } 里面定义组件有两种方法 (1)函数声明式 (2)class定义案例(1)定义...

2021-12-20 17:11:54 639

原创 文本内容两行,多余的使用...展示

一、文本内容两行,多余的使用...展示 display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient:vertical;二、一行内容,不换行,多余的文字使用...展示text-overflow: ellipsis;w..

2021-12-17 15:02:29 429

原创 获取到整个数组在渲染列表时需要将其中的时间进行倒序

// 根据素材编辑时间倒序排列 this.tableData.sort((a, b) => { let aTimeString = a.updateTime; //updateTime属于数组中的时间 let bTimeString = b.updateTime; aTimeString = aTimeString.replace(/-/g, "/") ..

2021-12-17 13:57:24 580

原创 react的基础知识(一)

概念 react 是目前最流行的框架;采用 mvvm 的思想,让我们把所有的只关注视图层和逻辑层,从而可以更好的书写代码;  在 react 中我们的 html 结构也是通过 js 来实现的,而且在 nodejs 中我们也是通过 js 来实现的服务端,由此可见 js 的能力也是逐渐的变大;快速入手(安装) npm install create-react-app -g 进行全局安装 create-react-app 文件名称如果完成上述命令报错:可...

2021-10-25 11:39:28 340 2

原创 微信小程序生命周期+组件的生命周期+promise封装wx.request

小程序的生命周期1. 生命周期生命周期是指一个小程序从创建到销毁的一系列过程2. 小程序生命周期分为三部分应用级别: App()来注册一个小程序 ;页面级别: 通过Page()来注册一个页面;组件级别: 通过Component()来注册一个组件;2.1. 应用级别的生命周期App({ onLaunch: function(options) { // 监听小程序初始化。小程序初始化完成时(全局只触发一次) }, onShow: function(options) {

2021-10-20 12:00:42 310

原创 Vue生命周期

1.创建 beforeCreate created beforeCreate() 创建前的阶段,这个时候data中的数据,还未定义,所以不能使用created() 最早开始使用 data和methods中数据的钩子函数2.挂载 beforeMount mountedbeforeMount() 指令已经解析完毕内存中已经生成dom树,还没有渲染到本地mounted() dom已经渲染完毕,最早可以操作DOM元素钩子函数3.更新 beforeUpdate updatedbefor.

2021-10-15 18:43:59 111 1

原创 Vue3.X

一、安装1.安装命令 npm install -g @vue/cli2.使用vue-cli命令行创建项目3.Vue3的新特性: 1.性能提升【打包小、内存占用小、渲染较快】 2.Componsition API使组件更易维护 3.teleport(瞬移组件) 4.兼容vue2语法二、知识点使用defineComponent 构建应用及绑定事件 通过import进行导入import { defineComponent } from "vue...

2021-10-12 20:31:15 162

原创 Typescript **泛型**+**类与接口**+**类**

一、泛型1.泛型的概念 [宽泛、广泛的类型,未知的类型] 泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。 // 原来的定义 function echo(arg:any){ return arg } const res = echo(123) // 要使定义的变量的类型跟传入的值时时对...

2021-10-11 20:43:52 148

原创 Vue后台管理系统打包+项目优化+上线

1.进度条实现在点击某个功能时加载的过程中有进度条显示效果先打开项目控制台,打开依赖,安装nprogress,安装命令 npm i --save nprogress在mian.js中引入//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'下载完成后在封装axios请求的js文件中进开启和关闭import axios from 'axios'import st.

2021-10-06 16:34:31 1113 2

原创 JS Dom操作

DomJavaScript操作网页的接口,全称为“文档对象模型(Document Object Model)。 有这几个概念:文档、元素、节点1.DOM本质DOM树是结构,树是由DOM元素和属性节点组成的,DOM的本质是把html结构化成js可以识别的树模型;有了树模型,就有了层级结构,层级结构是指元素和元素之间的关系父子,兄弟。2.操作DOM 2.1获取dom 2.1.1通过id获取 document.getElementById//...

2021-09-28 22:29:02 276

原创 有关字符串的题【详细、易懂】

1. 统计一个字符串中某个字符出现的次数? 1.1直接迭代var str = "asdfadeaeraerta"var sub="a" //a字符出现了多少次//先将str字符串转数组var arr=str.split('')console.log(arr);//["a", "s", "d", "f", "a", "d", "e", "a", "e", "r", "a", "e", "r", "t", "a"]var num=0; //设置初始值为0for(var..

2021-09-25 12:25:16 130

原创 JS 继承 通俗易懂

1.JS是面向过程,不是面向对象 js继承是面向对象的一大特征; 2.js继承有三大特征:

2021-09-23 15:59:33 162

原创 一个喜欢插队的算法:直接插入排序(Java实现)

插队算法:一、排序思路 将原有的数组看为两块,一块是有序去(排好的顺序),一块是无序区(待排序的),不断地从无序区中取出其第一个元素,搜寻该元素应该放在有序区的哪个位置,并将该元素放入该位置,完成这个步骤后,有序区长度+1,无序区长度-1,直至无序区长度为0,即无序区中不再有元素,排序就完成啦。二、插入元素 找到合适的位置之后,我们将有序区内该位置及该位置之后的元素都往右移一位,这样就将该位置空出来了,再将插入元素插入其中。三、举个例子 我们用图形来...

2021-09-22 21:10:28 785

原创 使用vue-quill-editor实现富文本编辑器

一、什么是富文本编辑器?vue-quill-editor 这个据说大企业用的比较多,百度一下技术背景,对它的评价是不限制框架,但是需要定制,理念很先进。1.安装 npm install vue-quill-editor –save 2.使用 在main.js中全局引入 import { quillEditor } from 'vue-quill-editor' 3. //一定要引入这三个css,不然文本编辑器会出现不规则黑白几何图形 //这三个css可以在...

2021-09-22 16:25:19 534

原创 垃圾回收和内存泄露

垃圾回收机制 浏览器的 Javascript 具有自动垃圾回收机制,执行环境会负责管理代码执行过程中使用的内存。 原理是:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,释放其内存。但是这个过程不是实时的,因为其开销比较大并且GC时停止响应其他操作,所以垃圾回收器会按照固定的时间间隔周期性的执行。 只有函数内的变量才可能被回收垃圾回收机制有两种: 标记清除 下面代码:【最常用】 function test(){var a = 10 ; // 被标记...

2021-09-16 21:17:42 165

原创 浏览器的兼容性问题

## 浏览器的兼容性问题- 1.**不同浏览器的内核各不相同,各个浏览器对网页的解析存在一定的差异。**- 2.**浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎**- 3.**浏览器兼容性问题一般指:css兼容、js兼容**- 4.浏览器 内核 Chrome谷歌 之前Webkit,已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋 现已改用Goo...

2021-09-13 23:36:48 130

原创 HTML5和css3新特性

css3新特性选择器 背景和边框 文本效果 2D/3D 转换 — 变形(transform)、过渡(transtion)、动画(animation)1.选择器: 常规选择器、 :last-child /* 选择元素最后一个孩子 */:first-child /* 选择元素第一个孩子 */:nth-child(1) /* 按照第几个孩子给它设置样式 */:nth-child(even) /* 按照偶数 */:nth-child(odd) /* 按照奇数 */:disabled

2021-09-09 02:00:31 62

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除