- 博客(48)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 vue 列表中输入框input 编辑名称
列表编辑名称功能鼠标hover 列表，显示编辑按钮；点击编辑后，出现输入框；输入框变化后、回车或者点击其它地方，输入框消失。
2022-07-17 19:26:05
1017
原创 maptalks 切换中心点 切换地图URL
有个需求，动态切换地图切片风格，切换中心点设置。秉着好记性不如烂笔头的心态，在此记录一下。直接上代码： setGISCenter(params = {}) { // 这里是设置图层的url, if(params && params.centerInfo && params.centerInfo.url) { this.customTileLayer.config({urlTemplate: params.cent
2022-04-29 15:22:00
868
原创 maptalks 自定义请求瓦片 url
最近地图需要适配第三方公司用 ArcGIS 生成的切片，查了一些资料，记录一下：urlTemplate的含义比较简单，只要url里有瓦片的x, y, z参数，用{x}替代相应的参数即可。另外urlTemplate也支持函数方式let url = 'https://xxx.cn/tiledmap/tiled_dark/{z}/{x}/{y}.png';let tempUrlHead = url.split('{z}'); let tileOption = { mi
2022-04-28 19:43:36
1113
原创 vue 中 mitt 使用，兄弟组件通信
首先，引入"mitt": "^2.1.0",第二，创建bus.js 文件第三，使用需要在需要通信的两个组件里都引用 第二步中的bus组件1.vue // 触发事件的组件import emitter from '@/utils/bus';自己的方法（）{ emitter.emit('fRefresh', { rule, isNew });}组件2.js // 监听事件的组件import emitter from '@/utils/bus';//
2022-01-23 23:30:02
1547
原创 luckysheet 单元格新增属性
近期在用luckysheet库开发工作表相关的功能，期间需要在单元格中新增属性，查官方文档没有api，得自己改。看源码，没有找到直接可以修改的函数，按解答中答复，以为会有一个过滤属性的函数，也没有找到。后面又啃了很久源码，发现根本就没有过滤函数，数据是在单元格赋值时 只赋了几个固定的属性，咱们判断一下添加属性即可。具体修复方式记录一下：这个文件，赋值luckysheet/src/global/setdata.js//Set cell valuefunction set
2021-12-22 14:24:13
2609
2
原创 vue 项目 创建记录 cli 3.x — 更新中
1，vue create 创建项目运行以下命令来创建一个新项目vue create hello-world你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。如果你决定手动选择特性，在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。我们会在
2021-11-30 21:09:30
146
原创 leaflet 加载百度离线瓦片
leaflet 加载百度瓦片 与 加载普通谷歌瓦片方法都一样，都是 L.map('cssid', mapOption)；mapOption 坐标系 crs 需要使用 900913 ， layer中 tms 需要为true。注意：普通谷歌瓦片的坐标系原点是 origin: [-180, 90] ，百度地图的瓦片坐标系原点是 origin: [0, 0]。以下是主要代码：const CRS_900913 = new L.Proj.CRS('EPSG:900913', '+proj=me
2021-11-29 21:21:56
1973
8
原创 vue 2.x 监听数组变化
vue 2.x 子组件props 数组内容发生变化时，页面不刷新。可以通过 watch 监听，注意需要在监听数据下添加 deep: true 字段。props: {dataValue: { type: Array, default: function () { return []; }}}watch: { dataValue: { handler (val) { console.log(val)..
2021-10-30 21:02:36
2400
原创 JS 数组原型方法，常用部分详解
join()：用指定的分隔符将数组每一项拼接为字符串 push()：向数组的末尾添加新元素 pop()：删除数组的最后一项 shift()：删除数组的第一项 unshift()：向数组首位添加新元素 slice()：按照条件查找出其中的部分元素 splice()：对数组进行增删改 fill(): 方法能使用特定值填充数组中的一个或多个元素 filter():“过滤”功能 concat()：用于连接两个或多个数组 indexOf()：检测当前值在数组中第一次出现的位置索引 lastIn.
2021-10-30 20:54:30
237
原创 angularJs - 滚动加载
以前写过vue 滚动加载、angular8 滚动加载，这次遇到angularJs 滚动加载，记录一下1， html 页面需要在滚动的div 上添加控制代码 ng-controller="myProController" 和滚动指令 when-scrolled="scrolledLoadMore()"<div class="ngdialog-message" bindonce> <div class="select-group-user-container" ng-
2021-09-28 10:49:42
669
原创 angularJs - 弹窗
突然要维护前辈们的项目，angularJs 写的以前没有用过，在此记录一下1，首先是 html 弹窗页面<div class="ngdialog-title">{{ngDialogData.title}}</div><div class="ngdialog-message" bindonce> <div class="select-group-user-container"> <div class="left">
2021-09-28 10:35:55
2077
原创 angular 管道的运用
简单版 管道 过滤数组一，管道文件filter-list-type.pipe.tsimport { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'filterListType', pure:false})// 过滤数组中tyle不为3的 元素export class FilterListTypePipe implements PipeTransform { transform(value: a
2021-09-13 13:06:22
369
原创 JS –‘ENUM‘ - js中使用枚举
一个枚举是一种从事先定义好的一组常量转换而来的遵从制约的变量.使用枚举的原因：1，工具多样；2，每种工具状态多样；3，避免无效访问，提高代码可读性；那么JS 中如何达到枚举的效果呢？还需要配合 js 中的 freezeObject.freeze(object);Object.freeze()是ES5新增的特性...
2021-08-31 19:04:18
1285
原创 mac 链接windows 共享文件夹
windows 电脑共享文件夹1，鼠标右键点击所需要共享的文件夹，选择属性2，选择- 共享 - 高级共享 -> 勾选共享文件夹 -> 权限 （添加需要共享的用户名）3，获取windows 电脑ipmac 电脑操作1，mac 电脑 桌面菜单栏（左上方） - 前往 - 链接服务器（最下）2，链接地址输入 smb://192.168.1.53 （windows 电脑的IP）3，账号：cangjie 密码：cangjie20204，选择文件夹 - shareCangj
2021-08-31 17:49:01
329
原创 同wifi 下 ssh scp传 文件
先在电脑上开启 sshmac 可开共享ssh allen@192.168.1.62输入密码另一台电脑复制文件scp xxx.zip allen@192.168.1.62:allen@192.168.1.62: // 加： 号为用户名目录下
2021-08-31 15:43:53
306
原创 echarts 纵向时间轴
调试预览代码如下：let list = [ { policy_content: '', policy_country: '北京', policy_time: '1999-06-11', policy_title: '测试数据 - 1', }, { policy_content: '', policy_country: '北京', policy_time: '2
2021-08-31 13:13:18
889
1
转载 记录vue 常用插件，滚动加载与虚拟滚动
滚动加载：参考地址https://blog.csdn.net/qq_37339364/article/details/86678452虚拟滚动：参考地址https://tangbc.github.io/vue-virtual-scroll-list/#/fixed-size
2021-08-31 11:56:50
193
原创 element-ui el-upload - 自定义 FormData
前端时间写到自定义上传记录一下：vue 2.xnode -v 12.14element-ui2.14.1 <el-upload class="upload-demo" drag ref="uploadFileRef" action="xxx" :limit='200' :auto-upload = 'false' :http-request="uploadSectionFile" .
2021-08-30 15:47:21
902
1
原创 leaflet 加载普通瓦片地图
vue 框架node -v 12.14.0leaflet 1.7.1主要代码：<template> <div id="refSuperMap" ref="refSuperMap" class="my-chart-leaflet"> </div></template>import '../node_modules/leaflet/dist/leaflet.css';import L from 'leaflet'; data
2021-08-30 15:23:41
1377
原创 GIS地图坐标系转换
最近正在做的记录一下，直接上代码node -v 12.14.0vue框架主要转换方法：ps: 网上找到的方法修改了一些// 子组件坐标系转换使用 ----- start ---------------- deltaCoord (lat, lon) { // Krasovsky 1940 // // a = 6378245.0, 1/f = 298.3 // b = a * (1 - f) // ee = (a^2
2021-08-30 15:01:47
400
原创 angular 兄弟组件通信
兄弟组件间通信，在service 中定义Subject，组件ngOnInit() 初始化监听；service.ts 文件import { Subject } from 'rxjs';subjectChartResize = new Subject<string>();
2021-06-18 15:44:15
943
原创 vue 播放视频，默认有视频封面
前几天做视频管理器，原计划使用vue-video-player 库来播放视频，但是发现这个库播放视频，还需要自己手动截封面【ps: 没有vue-video-player，如果这里有不对的地方，请指正，】
2021-06-05 11:52:13
1905
原创 angular 8 调用子模块函数
1，子模块ts文件import { Component, OnInit } from '@angular/core';@Component({ selector: 'export-task-manage', templateUrl: './export-task-manage.component.html', styleUrls: ['./export-task-manage.component.scss']})export class ExportTaskManageCompon
2021-06-05 11:01:13
315
原创 angular 8 管道实现数值中插入 单位 ‘亿、万、条‘
RT：开发过程中偶尔会遇到类似统计的功能，需要把后端返回的数据展示为带单位的字符串。管道文件transform-data.pipe.tsimport { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'transformData', pure: true})export class TransformDataPipe implements PipeTransform { transform(value: n
2021-05-26 13:03:22
195
原创 VUE 复制数据到剪切板
记录昨天浏览器点击按钮复制数据的功能：查项目的package.json 文件发现有 引入 vue-clipboard2，想着直接用就可以了。"dependencies": { "vue-clipboard2": "^0.3.1",}如果项目中没有引入的话，需要先自己安装引入vue-clipboard2：在项目的终端里执行：npm install vue-clipboard2 --savevue main.js 文件中引入:import VueClipboard f
2021-05-26 10:38:47
426
原创 JS 判断对象是否包含某属性--hasOwnProperty
hasOwnProperty 用来判断对象否有自己的某个属性。这个方法会查找一个对象是否有某个属性，但是不会去查找它的原型链。为了判断一个对象是否包含自定义属性而不是原型链上的属性， 我们需要使用继承自 Object.prototype 的 hasOwnProperty 方法。hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。注意:通过判断一个属性是否undefined是不够的。 因为一个属性可能确实存在，只不过它的值被设置为undefined。.
2021-05-19 14:53:05
761
原创 JS-根据对象路径获取值
前几天用到了这个功能，已知对象和对象路径（字符串格式 ，如："a.b.c"），需要取对象的值。网上寻了一段大神的代码，一层一层查对象的值：原文地址：https://blog.csdn.net/hggl_bera/article/details/113811740 // 根据对象路径获取对象值 getValueByObjPath (obj, path) { const paths = path.split('.'); let res = obj;
2021-04-22 13:34:03
2075
原创 循环滚动列表 - scrollBy
前几天做列表循环滚动的功能，记录一下。思路：正常思路，把滚动列表的第一个元素，接到列表的最后一位，每隐藏一条就在最后一位接上，如此循环；今天咱们来聊更简单一些的思路，不需要操作每一条元素，但是需要复制一次整体的列表。要点：需要用到 scrollTo ，scrollBy 定位；用scrollHeight ，offsetHeight判断。向左滚动时把scrollTo 换成scrollLeft，调试代码即可。原生代码如下：关键点在于，当滚动内容超出窗口高度的..
2021-03-14 15:13:10
1286
原创 加载网络字体 - @font-face
前段时间用到了自定义字体，没怎么在意，直接在assets 静态资源文件夹中放ttf 字体文件，使用的时候直接@font-face 加载出来就行了：@font-face { font-family: '思源黑体'; src: url('思源黑体.ttf'); // 字体文件与该css文件放在同级文件夹内}昨天又用到了自定义字体，但是需要是加载用户自己上传的字体，那么放在项目资源文件夹中就不能满足需求了。解决方法也是使用@font-face url 加载，稍微改动一下，在
2021-02-26 10:40:26
614
2
原创 JS 延时函数 setTimeout 或者 rxjs 写法
一. setTimeout // 定时器 用于轮巡 timerJobState: any;// 延时 5秒开始// getExportDSJobStatusRefresh 是需要执行的方法，bind 为了确定this 指向, params 参数this.timerJobState = setTimeout(this.getExportDSJobStatusRefresh.bind(this, params), 5000);// 取消延时函数clearTimeout(this.t
2021-02-02 15:34:49
1199
原创 js 数据存入浏览器 localStorage
// 当前选中状态存入浏览器let activeObj = { activeDataType: this.type, activeDataId: this.id}// 由于只能写入string json.stringify 转了一下localStorage.setItem('dsActiveInfo', JSON.stringify(activeObj));// 读取使用，跳转路由后 再返回就可以恢复用户此前的操作状态了let activeObj = JSON.parse(lo..
2021-01-16 16:42:11
1468
原创 angular 8 搜索防抖
// ts 文件代码import { Subject } from 'rxjs';import { debounceTime,map,takeUntil } from "rxjs/operators"; destroy$ = new Subject(); searchTbNameChange$ = new Subject(); ngOnInit() { this.searchTbNameChange$.pipe( debounceTime(500), ...
2021-01-16 16:30:22
302
原创 Mac npm 权限报错，各种莫名奇妙的错。
Mac 电脑一般情况下，npm install 报出无权限错误的时候 只需要在命令前加上 sudo 就可以 ，但是有一些install 还是一直报错，可以试试获取当前用户文件夹下所有文件夹的权限。sudo chown -R $USER 所有者/文件夹如：sudo chown -R $USER /Users/allenxxx或者sudo chown -R $USER /usr/local如果不清楚 可以在命令行窗口 输入 pwd 就可以看到自己电脑的路径了。...
2020-10-13 11:50:03
487
原创 angular6 TS 树实现前端搜索、选中、取消选中功能
angular8 实现树组件相关思路充分利用Map，key 为路径，值为节点引用。存储树所有节点的Map : allLeafNodesMap: Map<string, NodeTreeItem> = new Map([]);1，树节点 接口export interface NodeTreeItem { type: string | FieldsEnum; // 节点类型，用于显示节点icon ，FieldsEnum 为枚举 name: string; // 节.
2020-10-03 23:19:24
665
原创 JS 不使用 for forEach 获取两数组中重复的元素
hi， 小伙伴们，好久不见噢~今天分享一个小功能，工作中遇到Check表格中重复字段名的需求，不想用循环的方式，就想了其他实现思路，觉得挺有意思，就分享出来共同探讨一下。isCheck(arr1:any[], arr2:any[]) { // 拼接两个数组 let newArr = arr1.concat(arr2); // 数据去重 let noRepetitionArr = [...new Set(newArr)]; // 如果 去重数组长度小于原数组长
2020-10-01 18:14:29
411
原创 CSS 技巧（持续更新中）
1. 文本垂直居中与水平居中line-height: 24px; //垂直居中 尽量 少用 margintext-align: center; //水平居中2. 列表 垂直对齐， 图标align-items: center;3. 不换行 子元素平铺display: flex;flex-flow: column nowrap;justify-content: space-around;4. 针对chrome 字体无法设置 12px以下大小.fontsize10..
2020-05-09 09:33:49
284
原创 Unity3D 场景切换、渐隐渐现、淡入淡出效果
最近跟一个初学的朋友讲淡入淡出功能，顺便记录下，希望能帮到需要的朋友。直接上图：1，创建一个RawImage组件，把图片和代码挂上去。2 ，black 是黑色图片，随意截个图就行；FadeInOut是代码。代码如下：FadeInOut.csusing UnityEngine;using UnityEngine.SceneManagement;using UnityEn......
2019-12-05 13:46:42
9570
3
原创 Unity3D 二次贝塞尔曲线（附工程源码）
各位友友们，好久不见~ 消失好几年的破破又回来啦……之前由于工作方面的原因，一直不方便上网，工作和生活大部分都是内网的节奏，最近换了工作，又可以写博客了。本次分享Unity3D中绘制三维曲线（二次贝塞尔曲线），工程Unity3D 版本是2018.3.5f1，记得两年前一个项目是模拟某飞行器目标的飞行曲线，用到了贝塞尔，但是当时是2D的，直接在屏幕上绘制的，后续也没有总结分享，本次刚好项目又...
2019-04-03 13:15:42
1530
9
河北省行政区json新版(含雄安/定州市/辛集市)
2021-07-22
循环滚动列表示例-原生JS
2021-03-14
Unity3D 二次贝塞尔曲线（附工程源码）
2019-04-03
Unity3D树木模型
2013-05-30
Unity3D树木、地皮贴图
2013-05-30
Unity3D火山岩浆，河流流动效果
2013-04-28
情人节节玫瑰花屏幕保护
2013-02-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人