前端
关注
分享
扫一扫
从誩从羊
这个作者很懒，什么都没留下…
展开
-
解决iview table固定列后，进度条无法拖拽
td{td{td{td{原创 2023-08-24 17:28:58 · 389 阅读 · 2 评论 -
html2canvas截图并下载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/html2canvas.min.j...原创 2021-05-12 15:58:05 · 371 阅读 · 0 评论 -
MapBox GL 地图页面保存为图片的方法
mapbox没有自带的截图api,尝试过html2Canvas来实现截图，但是发现并不能截取地图，在github上发现有人写了一个控件https://github.com/geolonia/mbgl-export-control。利用npm下载好所需的依赖，然后导入即可npm install @tilecloud/mbgl-export-controlimport 'babel-polyfill' // For ie11import ExportControl from '@tile...原创 2021-05-11 15:00:04 · 1908 阅读 · 7 评论 -
mapbox热力图属性
官网示例https://www.mapbox.cn/mapbox-gl-js/example/heatmap-layer/heatmap-weight：表示一个点对热力图权重的贡献，在贡献越大的地方热力图显示应该越明显heatmap-intensity：热力图强度，该属性是设置整体上热力图的强度heatmap-color：热力图的颜色，设置在各个热力图的数值上是什么颜色heatmap-radius：热力图的一个点计算权重的时候计算的点的半径heatmap-opacity：热力图的.原创 2021-04-12 18:24:33 · 1392 阅读 · 0 评论 -
前端预览文档（docx，txt，xml）
这里后端返回的是文档的URL，XHR请求配合mammoth.js来实现文档的预览 handlerDocPreview(path, row) { //这里解释一下参数的意义，path为传过来的文档路径 //row:这里是采用iview的taber，row为每一行的数据 try { let fileUrl ="http://172.16.40.25:11000/qbwj_qb_file/情报文件/demo_da原创 2021-04-07 15:14:01 · 1138 阅读 · 0 评论 -
前端利用html2Canvas实现截图
html2canvas.js原理是将html转化为Canvas，进而保存图片。附上html2canvas官网地址http://html2canvas.hertzen.com下面是一些常用的配置Name Default Description allowTaint false 是否允许跨域 backgroundColor #ffffff 画布背景色（如果未在DOM中指定）。设置null为透明 canvas null 现有canvas元素用作.原创 2021-04-02 14:18:39 · 280 阅读 · 0 评论 -
mapbox实现点击按钮触发地图绘图工具（vue）
定义的按钮事件SelectRegion(){this.drawTool.changeMode("draw_polygon");//触发地图选区工具},//初始化地图绘图工具init(){let_self=this;_self.drawTool=newMapboxDraw({displayControlsDefault:false,controls:{...原创 2021-03-30 19:39:12 · 1007 阅读 · 0 评论 -
canvas实现鼠标跟随特效
代码如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{转载 2021-03-15 15:02:17 · 643 阅读 · 0 评论 -
git常用命令
git常用命令总结git --version 查看git版本信息git config user.name 查看用户姓名git config user.email 查看用户邮箱git config --global user.name "Your Name" 设置用户姓名git config --global user.email "Your email" 设置用户邮箱git init 初始化git仓库git add <file> 添加文件到暂存区git add -f <f原创 2021-03-11 17:08:24 · 126 阅读 · 0 评论 -
利用css实现边框切角效果
.out-rect{margin-top:30px;display:flex;align-items:center;justify-content:center;width:200px;height:200px;padding:5px;background:linear-gradient(-45deg,transparent10px,#58a0)bottomright,linear-gradient(45deg,t...原创 2021-03-10 10:46:18 · 3632 阅读 · 0 评论 -
关于iview 中复选框的坑
Checkbox events官网文档中写的是on-change 只在单独使用时有效。在选项状态发生改变时触发，通过修改外部的数据改变时不会触发 true | false 但是在实际写的时候发现将on-change事件写到checkbox中并没有生效这里采用原生js去解决在checkbox中绑定点击事件@click.native="selectCheckBox"selectCheckBox(e){//debugger;console.l...原创 2021-03-04 16:41:25 · 1371 阅读 · 1 评论 -
Gremlin 常用语法总结
目录Gremlin 查询示例Gremlin 语法特性Gremlin是 Apache TinkerPop 框架下的图遍历语言。Gremlin是一种函数式数据流语言，可以使得用户使用简洁的方式表述复杂的属性图（property graph）的遍历或查询。每个Gremlin遍历由一系列步骤（可能存在嵌套）组成，每一步都在数据流（data stream）上执行一个原子操作。Gremlin 语言包括三个基本的操作：map-step：对数据流中的对象进行转换； filter-step：对数据流中的转载 2021-03-01 13:13:26 · 10235 阅读 · 1 评论 -
JSON为什么不支持添加注释
json不能添加注释这应该是Douglas老爷子故意的I removed comments from JSON because I saw people were using them to hold parsing directives, a practice which would have destroyed interoperability.I know that the lack of comments makes some people sad, but it shouldn't.S原创 2021-02-05 17:53:36 · 335 阅读 · 0 评论 -
关于css样式穿透问题(修改UI组件样式)
有时我们需要修改一些UI组件的样式，却无法直接修改，这是就要采用样式穿透1、>>>>>> 类名{ }2、/deep/ 类名{}>>>对于一些css预处理器可能会失效，最好用/deep/原创 2021-01-28 16:49:32 · 452 阅读 · 0 评论 -
后台返回二进制流文件，前端如何实现下载
实现一个导出功能，后端以二进制流文件的形式返回，前端如何实现下载。原创 2021-01-27 09:23:01 · 3471 阅读 · 2 评论 -
js将json数据导出到Excel表
JS将获取到的JSON数据导出到excel表中，通常有两种方法，导出.cvs纯文本格式，优点是导出速度快，当数据量很大时可以优先考虑，缺点是纯文本是不能进行格式排版的，需要导出带排版格式的文件时，就需要导出成二进制格式的.xls文件这里只介绍导出.cvs格式 let str = `id,部门,姓名,直播时长,观看数量\n`;// //增加\t为了不让表格显示科学计数法或者其他格式 for(let i = 0; i < jsonData.length; i+原创 2021-01-25 16:54:30 · 865 阅读 · 0 评论 -
关于支付宝支付接口前端ifram的嵌入
对于支付宝接口的文档这些有写到，也可以直接去看官网文档 html代码：<iframe id="alipayFrame"></iframe> js代码：leto=document.getElementById("alipayFrame");leted=document.all?o.contentWindow.document:o.contentDocument;...原创 2021-01-25 14:59:35 · 3242 阅读 · 4 评论