js
关注
分享
扫一扫
明阳mark
这个作者很懒，什么都没留下…
展开
-
base64图片转file类型
/** * @method 将base64转换为file对象 * @param {String} dataURL base64地址 * @param {String} fileName 文件名称 * @param {String} fileType 图片类型 默认image/jpg * @return {Object} file对象*/dataURLtoFile(dataURL, fileName, fileType) { var arr = dataURL.split(','),.原创 2020-08-17 10:16:10 · 780 阅读 · 0 评论 -
js打印页面
最近项目需要实现将局部页面输出pdf文件，做了以下案例效果html<template> <div id="test-page"> <!-- 额外元素 --> <div class="myInput"> <el-input v-model="text"></el-input>{{text}} </div> <!--原创 2020-08-17 10:14:43 · 480 阅读 · 0 评论 -
js数组去重
let districtPictureTimeList: string[] = pictureTimeList.filter((item: string, index: number)=>{ return pictureTimeList.indexOf(item, 0) == index })原创 2020-07-24 15:00:37 · 74 阅读 · 0 评论 -
js数组求最小值
根据完成时间查询Math.min( ...s.traceRecords.map(t => t.completeDuration) )原创 2020-07-24 14:22:55 · 393 阅读 · 0 评论 -
js平铺树
平铺树主要是未了方便找节点，相对迭代效率高，而且适应性更强export function flatTree(treeRoots: PatrolGridTree[]): PatrolGridTree[] { let nodes: PatrolGridTree[] = [] nodes = nodes.concat(treeRoots) for (let i = 0; i < nodes.length; i++) { const node = nodes[i];原创 2020-05-22 10:41:50 · 592 阅读 · 0 评论 -
js的lambda表达式
排序根据id排序let sortPlanTrace: PatrolGridTrace[] = this.traces.sort((t1, t2) => t1.id -t2.id )求id最大的那个属性要借助lodashlet maxPlanTrace: PatrolGridTrace = _.maxBy(this.traces, (t) => t.id)!;...原创 2019-10-25 10:30:28 · 893 阅读 · 0 评论 -
es6语法笔记
constconst修饰对象是可以改的，怎么让这个对象不能改呢，就是const person = {name:'sdf', age: 12}const sdfs = Object.freeze(person)用freeze修饰的对象不能改了箭头函数箭头函数有两个参数，第一个参数是value,第二个是indexconst numbers = [1,2,3]const double ...原创 2019-07-12 00:50:32 · 269 阅读 · 0 评论 -
js对对象操作
遍历对象 for(let [key,value] of Object.entries(fruits)){ console.log(key, value) }也可以 遍历li<body> <ul> <li>阿萨</li> <li>时代</li> <...原创 2019-08-04 18:10:21 · 236 阅读 · 0 评论 -
js时间相关
1、获取今年每周function getYearlyTimeRange(): Moment[] { let now = moment(); now.locale("zh_CN") let currentWeek = now.clone().startOf('week'); let week = currentWeek.week() i...原创 2019-08-08 15:20:22 · 206 阅读 · 0 评论 -
Ts语法
对象参数设置可无path?: EmergencyDataSourceConfigPath[]原创 2019-08-27 13:01:21 · 205 阅读 · 0 评论 -
关于flatMap的用法
//从一个总的行政区里面将所有行政区平铺let districtCode = [ { "id": 1, "code": "350400", "name": "三明市", "grade": "city", "orderNo": 1, "parentCode": null, "children": [ { "id...原创 2019-09-03 10:26:24 · 5494 阅读 · 0 评论 -
Vue和js小技巧
获取标签 $refs<p ref="content">ganmyds.com</p><button @click="hint">提示</button> new Vue({ el: '#test', methods: { hint () { alert(this.$ref...原创 2019-05-30 21:31:09 · 119 阅读 · 0 评论 -
svg动态图片
<img :src="imageSrc">let imageSrc = 'data:image/svg+xml;utf8,' + encodeURIComponent('<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w...原创 2019-09-18 08:55:38 · 1198 阅读 · 0 评论 -
js策略模式使用
主要是用来优化if的handles = [ { type: "instant-river", subType: "instant-river-sensor-station", action: () => this.relatedSensorReportFuns() }, ...原创 2019-09-18 11:48:52 · 156 阅读 · 0 评论 -
平铺行政区
[ { "id": 1, "code": "350400", "name": "三明市", "grade": "city", "orderNo": 1, "parentCode": null, "children": [ { "id": 8, "code": "350426", ...原创 2019-09-20 17:54:42 · 117 阅读 · 0 评论 -
js里面flatMap和map的区别
例子：var a = [1,2,3]var b = [3,4]a.map(a => (b.map(o => [a,o])))// [ [[1,3],[1,4]], [[2,3],[2,4]], [[3,3],[3,4]] ]a.flatMap(a => (b.map(o => [a,o])))// [ [1,3],[1,4],[2,3],[2,4],[3,3]...原创 2019-07-05 16:04:22 · 5134 阅读 · 0 评论 -
js中一个不了解的地方
项目里面用到了faltMap函数，但是对这个函数理解不清楚，看到网上有一个例子，也不了解，记录一下，以后再看a = `A;B;C;D;B;D;C B;D;A;E;D;C;A;B`a.map(_.split(";")).flatMap(x=>{ for(i<-0 until x.length-1) yield (x(i)+","+x(i+1),1) })...原创 2019-07-05 15:35:09 · 99 阅读 · 0 评论 -
字符串操作
js里面把字符串反过来'RUNOOB'.split('').reverse().join("")结果：BOONUR原创 2019-05-14 13:06:49 · 95 阅读 · 0 评论 -
vue按键修饰符
自定义submit事件<form v-on:submit.prevent="onSubmit"></form>.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：阻止表单提交的默认事件...原创 2019-05-14 13:37:56 · 126 阅读 · 0 评论 -
axios
axios请求参数有调用jqueryaxios.post('/api/flight/video', { "path": [[${initConfig.cameraIndexCode}]], "beginTime": "d:/new.jpeg", "endTime": $("#endTime").val() }...原创 2019-05-22 19:24:43 · 94 阅读 · 0 评论 -
箭头函数和js里面的map函数用法
var a = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ];//获取每个元素的长度，组成一个数组，方法1var b = a.map(function(s){return s.length});//方法2var c = a.map(s => s.length)...原创 2019-05-30 09:25:11 · 3996 阅读 · 0 评论 -
js数组排序
sort语法：array.sort(fun)；参数fun可选。规定排序顺序。必须是函数。var arr4 = [30,10,111,35,1899,50,45];arr4.sort(function(a,b){ return b - a;})console.log(arr4);//输出 [1899, 111, 50, 45, 35, 30, 10]简单点就是：比较函数两个参数a和...原创 2019-05-27 19:14:02 · 93 阅读 · 0 评论 -
关于vue的生命周期
顺序 //1、初始化阶段 beforeCreate () { console.log("beforeCreate()"); }, created () { console.log("created()"); }, beforeMount () { console.log("beroreMount()"); ...原创 2019-05-30 19:33:48 · 89 阅读 · 0 评论 -
vue框架配置跨域
module.exports = { devServer: { open: false, host: 'localhost', port: 8081, https: false, //以上的ip和端口是我们本机的;下面为需要跨域的 proxy: {//配置跨域 '/api': { ...原创 2019-05-28 14:15:00 · 505 阅读 · 0 评论 -
js禁止a标签跳转
<a href="javascript:;" @click="deleteItem">删除</a>原创 2019-06-05 20:58:49 · 2503 阅读 · 0 评论 -
js遍历
遍历数组 var data={a:1,b:2,c:9,d:4,e:5}; Object.keys(data).map((key,item)=>{ console.log(key, data); })原创 2019-06-04 13:04:29 · 134 阅读 · 0 评论 -
js对JSON的操作
var flightVideo = JSON.parse([[${flightVideo}]]);原创 2019-06-22 16:04:09 · 619 阅读 · 0 评论 -
lodash节流函数的使用
作用，在一定事件内限制事件的调用，例如我要控制刷屏事件为每秒1次function timeHandler(obj) { var timeHandler = _.throttle(function(e){ console.log("timeHandler", arguments); }, 1000,{ leading: true, tr...原创 2019-07-01 16:21:44 · 6062 阅读 · 0 评论 -
eventBus的基本用法
eventBus主要用来传递绑定事件，绑定给EventBus里面，然后别的js文件可以触发eventBus里面的事件这里绑定了4个事件//播放时间eventBus.on("videoTime",function (time) { console.log("当前时间", time);})//暂停eventBus.on("videoPause",function () { ...原创 2019-07-02 08:36:26 · 629 阅读 · 0 评论 -
正则表达式
js里面匹配 hello或者 hifunction isGreeting(value) { return /^h(?:i|ello)$/.test(value);}原创 2019-07-03 17:11:03 · 113 阅读 · 0 评论 -
js基础
startWith判断是否以某某开头const idd = '51030019800730366x'idd.startsWith('1980',6) //表示判断第6位后面是不是有1980 从1开始计算idd.startsWith('51') // trueendWith判断是否以某某结尾const idd = '51030019800730366x'idd.endWith('x...原创 2019-07-15 00:13:01 · 102 阅读 · 0 评论 -
html的document.querySelector()使用
HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。获取文档中id=”container”的元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...转载 2019-07-15 00:46:45 · 3877 阅读 · 0 评论