- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue中利用gif.js实现GIF动图下载
gif.js可以将帧图或者canvas拼成新的gif，gif.js没有npm install的库，引用方式：1. 下载资源首先从官方仓库上下载代码，worker不能跨域，所以资源必然是放在本地的。下载后可以放在public/全局引入，但会污染公共资源，所以不采取这样做。下载资源后，将dist目录下的dist/gif.js 本体和对应的处理 worker 文件 dist/gif.worker.js ，拷贝放在目录引用的文件夹处。注：将两个代码中的最后一行 sourceMap url 删除，这样可以不需要
2022-06-10 08:54:37
4444
原创 Cesium + Vue（cli3）环境配置
vue-cli3构建项目npm install cesium然后将node-modules下的cesium包，build文件下Cesium文件夹直接复制到public文件夹下。并在index.html引入。即可在项目中，全局使用Cesium。在这里插入图片描述组件中使用<template> <div class="hello"> <div id="cesiumContainer"></div> </div><
2022-04-22 17:35:47
351
原创 VSCode Eslint保存时控制台报错，编译不通过
配置eslint后，代码如果不规范，会在文中提示，并且会在控制台报出错误，导致编译不通过。想在保存时，eslint错误只在文中显示，不在控制台报错，不影响编译，进行以下修改;右键转到config.dev.useEslint定义，至config/index.js文件中，将useEslint设置为false，重启项目即可。...
2022-04-19 09:35:02
1986
原创 Blob总结
BlobBlob表示二进制类型的大对象，在数据库管理系统中，将二进制数据存储为一个单一个体的集合。Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。Blob对象可以看做是存放二进制数据的容器，此外还可以通过Blob设置二进制数据的MIME类型。创建Blob通过构造函数：var blob = new Blob(dataArr:Array<any
2022-02-24 17:22:03
2692
原创 git clone错误解决
git clone 遇到问题：fatal: unable to access ‘https://github.comxxxxxxxxxxx’: Failed to connect to xxxxxxxxxxxxx将命令行里url地址中的http改为git重新执行git clone git://……
2022-01-20 16:26:28
440
原创 el-table设置row-key
el-table中的row-keyvue中key作用key的作用就是更新组件时判断两个节点是否相同。相同就复用，不同就删除旧的创建新的。如果不添加key组件默认都是就地复用，不会删除添加节点，只是改变列表中的文本值。添加key之后，Vue对比节点内容不一致时，就会认为是两个节点，会先删除掉旧节点，然后添加新节点。例：el-table没有给每一行添加key时，当我们删除第二行数据时，焦点会自动聚焦在变为第二行的第三行数据按钮上。原因：删除一行数据时，Vue会认为我们把2变成了3，把3删除了。所以只
2022-01-20 10:04:54
30398
2
原创 Element-UI+Vue-i18n前端国际化
安装npm i element-ui -S // 安装elementnpm i vue-i18n --save-dev //安装i18ni18n.js使用vue-i18n实现国际化，不结合element-ui的国际化，会使element-UI自带组件里的文字无法实现国际化。语言（中文和英文）zh.jsexport default { message: { tipMessage: "这是一条提示信息", }, data: { basic: "基本信息.
2022-01-14 13:59:57
645
原创 draggable插件实现元素随意拖拽
利用插件draggable简单实现元素在可视范围内任意拖拽：安装插件npm i draggable元素<div id="id"></div>拖拽代码：mounted(){ let ele = document.getElementById("id"); let limit = document.getElementById("map"); const options = { setCursor: true, lim
2021-11-16 11:33:51
1318
原创 Form表单用户密码自动填充
登录用户时，将用户、密码保存到本地浏览器，返回登录页面会自动填充用户、密码信息。解决：给用户输入框添加readonly属性，获取焦点时再移除该属性。
2021-11-10 15:44:29
462
原创 el-table自定义滚动条样式
可在App.vue中进行全局设置该滚动条样式，项目保持一致。/*** 滚动条样式*/::-webkit-scrollbar { width: 6px; height: 6px;}/*** 滚动条的滑块*/::-webkit-scrollbar-thumb { background: #bbbbbb; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);}::-webkit-
2021-10-19 16:53:04
478
原创 Vue动态加载组件
Vue动态加载组件的两类方式：Vue加载组件主要包括正常加载和懒加载：// 正常加载import A from "./A.vue"import B from "./B.vue"// 懒加载const A = resolve=> require(['./A.vue'], resolve)const B = resolve=> require(['./B.vue'], resolve)// 懒加载-加载多个const index = r => require.ensure
2021-09-06 19:05:18
179
原创 jest单元测试错误解决
利用jest为js类库包编写单元测试时，遇到的错误：node_modules错误：解决：node_modules中的代码默认不转译，所以jest不理解这些模块中的代码，可以通过配置transformIgnorePatterns允许转译此类模块，解决该问题。transformIgnorePatterns选项可用于指定 Babel 应转换哪些文件。jest.config.js中设置：console.error问题：解决：1. 安装 jest-canvas-mock；2. jest.conf
2021-09-01 17:06:55
2912
原创 WKT语言
WKT概念WKT是一种用于表示矢量几何对象的文本标记语言。用于传输和存储相同的信息以更紧凑的形式便于计算机处理，但不是人类可读的。WKT可以表示以下不同的几何对象：Point, MultiPointLineString, MultiLineStringPolygon, MultiPolygon, TrianglePolyhedralSurface（多面体曲面）TIN (Triangulated irregular network)GeometryCollection几何物体的坐标可以是
2021-08-19 15:01:20
442
原创 OpenLayers发布数据
组织OpenLayers发布图层至服务器file数据根据url下载图层GeoJson数据；将GeoJson数据转化为csv格式数据；例如： jsonToCSV(obj) { let jObj = typeof obj != "object" ? JSON.parse(obj) : obj; let str = ''; // 表头不固定, FID,the_geom为固定，其余数据与properties保持一致 str = 'FID,the_geom
2021-08-18 16:40:39
164
原创 深拷贝与浅拷贝
深拷贝与浅拷贝一、数据类型数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。基本数据类型的特点：直接存储在栈(stack)中的数据引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里。引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。二、深拷贝与浅拷贝区别深拷贝与浅拷贝是只针对引用数据类型，只有对象嵌套对象
2021-03-26 09:16:05
178
原创 Promise
Promise1. Promise 的含义Promise是异步编程的一种解决方案，为了解决“回调地狱”问题，提出Promise对象，并且后来加入了ES6标准。Promise对象简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejec
2021-03-22 14:35:51
409
原创 VUE设置全局变量
单独写一个全局变量文件，里面定义一些用到的全局变量在index 文件中引入该文件在main.js中将该文件定义成全局变量在其他文件中使用直接调用：this.COMMON_CONFIG.authkey。即可。
2020-10-20 09:32:11
220
原创 Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
打包出错显示空白页，或者Failed to load resource: net::ERR_FILE_NOT_FOUND1.webpack.prod.conf.js 中output添加参数publicPath:’./’2.修改webpack.base.conf.js中：publicPath: process.env.NODE_ENV === ‘production’? ‘./’ +config.build.assetsPublicPath‘./’ + config.dev.assetsPub
2020-09-28 17:24:36
4636
3
原创 实现元素水平垂直居中
先说一下flex一系列属性：一、flex-direction: （元素排列方向）※ flex-direction:row （横向从左到右排列==左对齐）※ flex-direction:row-reverse （与row 相反）※ flex-direction:column （从上往下排列==顶对齐）※ flex-direction:column-reverse （与column 相反）...
2019-09-13 22:36:31
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人