- 博客(69)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 技术无产阶级
程序员、网络工程师、数据库管理员这类人构成了 IT 共和国的主体，这个阶层是十九世纪的产业大军在二十一世纪的再现，只不过劳作的部分由肢体变成大脑，繁重程度却有增无减。在渺如烟海的程序代码和迷宫般的网络软硬件中，他们如二百多年前的码头搬运工般背起重负，如妓女般彻夜赶工。信息技术的发展一日千里，除了部分爬到管理层的幸运儿，其他人的知识和技能很快过时，新的 IT 专业毕业生如饥饿的白蚁般成群涌来，老的人（其实不老，大多三十出头）被挤到一边，被代替和抛弃，但新来者没有丝毫得意，这也是他们中大多数人不算遥远的前景……
2020-12-24 17:44:30
194
1
原创 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
300
原创 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
1411
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
1042
原创 前端预览文档（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
876
原创 前端利用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
202
原创 mapbox实现点击按钮触发地图绘图工具（vue）
定义的按钮事件SelectRegion(){this.drawTool.changeMode("draw_polygon");//触发地图选区工具},//初始化地图绘图工具init(){let_self=this;_self.drawTool=newMapboxDraw({displayControlsDefault:false,controls:{...
2021-03-30 19:39:12
853
转载 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
553
原创 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
69
原创 利用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
2992
原创 关于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
1139
1
转载 Gremlin 常用语法总结
目录Gremlin 查询示例Gremlin 语法特性Gremlin是 Apache TinkerPop 框架下的图遍历语言。Gremlin是一种函数式数据流语言，可以使得用户使用简洁的方式表述复杂的属性图（property graph）的遍历或查询。每个Gremlin遍历由一系列步骤（可能存在嵌套）组成，每一步都在数据流（data stream）上执行一个原子操作。Gremlin 语言包括三个基本的操作：map-step：对数据流中的对象进行转换； filter-step：对数据流中的
2021-03-01 13:13:26
8632
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
238
原创 echats隐藏坐标轴和调整图标位置
//隐藏x轴xAxis:{show:false,}//隐藏y轴yAxis:{show:false,}//调整图表位置//数值单位可以写px，也支持% grid: { top: '10%', left: '8%', right: '35%', bottom: '5%', containLabel: true //要生效必须设置为tr...
2021-02-01 09:44:12
266
原创 echarts 图例属性设置
legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle", top: "5%", // bottom:"20%" // 组件离容器的距离 right: "5%", //left:"1...
2021-01-30 16:16:32
1514
1
原创 关于css样式穿透问题(修改UI组件样式)
有时我们需要修改一些UI组件的样式，却无法直接修改，这是就要采用样式穿透1、>>>>>> 类名{ }2、/deep/ 类名{}>>>对于一些css预处理器可能会失效，最好用/deep/
2021-01-28 16:49:32
385
原创 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
772
原创 关于支付宝支付接口前端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
2777
4
转载 《2018年4月1日》
《2018年4月1日》-----作者：刘慈欣2018年4月1日晴又是犹豫的一天，这之前我已经犹豫了两三个月，犹豫像一潭死滞的淤泥，我感觉自己的生命在其中正以几十倍于从前的速度消耗着，这里说的“从前”是我没产生那个想法的时候，是基延还没有商业化的时候。从写字楼顶层的窗子望出去，城市在下面扩展开来，像一片被剖开的集成电路，我不过是那密密麻麻的纳米线路中奔跑的一个电子，真的算不...
2021-01-22 13:20:58
156
原创 利用$nextTick解决vue数据更新后表格不能及时刷新的问题
使用coreui渲染表格后，对表格数据进行修改以后表格不能及时刷新使用$nextTick解决letthat=this//利用$nexTick解决表格不能及时刷新问题that.$nextTick(function(){that.api.searchApp(param).then((res)=>{if(res.data.success==true){that.dat...
2021-01-22 10:15:08
1881
原创 解决git每次pull或者push都要输入用户名和密码的问题
首先明确一点：出现这种问题的原因都是因为使用 http 的方式拉取代码才出现的，使用ssh不会出现这种问题出现上面这种情况 先按提示输入用户名和密码，接着执行 git config --global credential.helper store这句命令的意义是在本地生成包含 git 账号和密码的文件，具体操作如下图：检验方式：C:\Users\你的电脑名; 这个文件夹(如下)下面是否能找到.git-credentials文件，如果文件的内容是有关你的gitlab的设置，格式为：http://
2021-01-20 18:00:18
787
原创 js获取浏览器默认语言
<script type="text/javascript"> var type = navigator.appName; if (type == "Netscape"){ var lang = navigator.language;//获取浏览器配置语言，支持非IE浏览器 }else{ var lang = navigator.userLanguage;//获取浏览器配置语言，支持IE5+ == navigator.systemLanguage ...
2020-12-24 09:55:02
361
原创 关于select下拉选择框样式的修改
这里对于select下拉样式的修改采用了模拟下拉框的方式，以下是代码，可根据需要自行修改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g
2020-12-23 14:58:06
4228
原创 vue常见面试题（2）
1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点：用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染； 基于上面一点，SPA 相对对服务器压力小；
2020-12-14 17:36:52
505
原创 vue常见面试题（1）
1、v-show 与 v-if 有什么区别？v-if 是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 “display” 属性进行切换。所以，v-if 适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show 则适用于需要非常频繁切换条件的场景。2.
2020-12-14 17:35:15
139
原创 一年前端近期面试总结
目录一、关于js的1、数组的常用方法以及迭代方法，对于push、pop可能会问到返回值2、js如何减少操作DOM3、post和get的区别，ajax请求超时如何处理4、es6新增了哪些特性，你常用哪些5、对promise的理解6、js 的eventloop7、关于js基本类型和引用类型的存储方式8、关于原型和原型链，原型链最终指向的是什么（null）9、箭头函数的特点，let和const，var的区别10、对于如下两次函数调用,参数 test 函数的函数体内 a,
2020-12-03 18:43:52
623
2
原创 在vue的组件中data为什么必须是一个函数的形式
在组件中data为什么必须是一个函数的形式所有的组件都在同一个html中，类似于css样式，会互相干扰。如果每一个组件的数据它是对象的形式，相当于所有的组件共用一个数据源，那么如果a组件改变了其中一个数据，b组件会受到干扰。因为每一个组件都应该是独立的，所以我们用函数的形式去创建初始化数据，函数是独立的data是一个对象，它们之间的地址空间是互通，如果是函数，它是一个私密的空间。函数是有自己的函数作用域...
2020-11-04 19:02:43
349
原创 计算属性和methods，watch的区别
#####计算属性和methods的区别两种方式得到的结果是相同的。不同的是计算属性是基于变量的值进行缓存的，只要在它关联的变量值发生变化时计算属性就会重新执行。而methods没有缓存，所以每次访问都要重新执行。2、计算属性的特点：计算属性使数据处理结构清晰；依赖于数据，如果数据有更新，则计算属性的结果自动更新；计算属性的结果无须在data中定义就能够在页面中直接使用；相较于methods，如果依赖的数据不更新，则读取缓存，不会重新计算。#####计算属性和...
2020-11-02 21:14:21
574
原创 vue的生命周期
八大生命周期函数beforeCreate创建之前created创建完成beforeMount挂载之前mounted挂载beforeUpdate更新之前updated更新beforeDestroy销毁之前destroyed销毁1、 页面一加载触发哪些生命周期函数触发了前四个生命周期函数beforeCreate创建之前created创建完成beforeMount挂载之前mounted挂载创建一个vue实例，在创建之前是一个...
2020-11-02 20:59:40
193
原创 v-if和v-show的区别
v-if是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS的“display”属性进行切换。所以，v-if适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show则适用于需要非常频繁切换条件的场景...
2020-11-02 19:42:30
207
原创 es6常见面试题
1、let和var的区别let：没有变量提升过程，必须先声明再使用存在暂时性死区不能重复声明，但是可以重新赋值拥有块级作用域var： 是全局变量，存在变量提升过程，可以先使用在声明可以重复声明2、箭头函数有哪些特性1、箭头函数是匿名函数，不绑定自己的this,arguments,super,new.target2、箭头函数会捕获其所在上下文的this值，作为自己的this值，在使用call/apply绑定时，相当于只是传入了参数，对this没有影响3、箭头函数不绑定a
2020-10-29 21:30:28
737
原创 js ajax的执行过程
1、创建XMLHTTPRequest2、使用open方法设置和服务器的交互信息3、设置发送数据，开始交互4、注册时间5.更新界面function ajax(json) {json.type = json.type ? json.type : 'get';json.async = json.async == false ? false : true;json.contentType = json.contentType ? json.contentType : 'applic
2020-10-20 20:35:40
235
原创 关于js中this的理解
this存储任何地方，不同环境代表不同的含义，取决于调用时的环境。（与es6中箭头函数的this不同）A.事件处理函数中的this---触发事件的对象document.onclick = function(){ alert（this） }B.普通函数中的this---windowfunction sum（）{ alert(this)} sum()...
2020-10-20 20:22:42
112
原创 new操作符具体干了什么
1.先创建了一个新的空对象2.然后让这个空对象的__proto__指向函数的原型prototype（改变作用域，将this作用域指向该函数）3.将对象作为函数的this传进去，如果return 出来东西是对象的话就直接返回 return 的内容，没有的话就返回创建的这个对象...
2020-10-20 20:17:03
199
原创 null和undefined的区别
1、null 使用typeof输出的是object， undefined是undefined2、null表示变量定义了但是赋值为空，undefined表示变量定义了但是未赋值3、null可以转为数字0，undefined不可以转为数字0，但是null==undefined为true
2020-10-20 20:14:26
384
原创 async解决回调地狱问题
Async 函数是Generator函数语法糖；语法：在function前面加async关键字； 箭头函数async关键字放在形参的前面；返回的是一个promise对象；await 等待；1.await后面的值，不会返回到函数的外部；2.async函数内可以有多个await3.await等待的是后面表达式的结果值；注意，如果是promise对象，默认情况下只返回成功状态值；4.await有阻塞后面代码执行作用，await后面的表达式有结果之后，下面的代码才可以执行；...
2020-10-20 20:02:01
176
mysql数据库和Navicat for MySQL
2020-08-27
人脸识别考勤系统源代码.zip
2020-08-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人