weixin_43983277-CSDN博客

原创 vue3+typescript 创建项目

l package.json和package-lock.json中多了对TypeScript等依赖的描述。l 所有在Vue组件中使用JavaScript的地方，都改为了TypeScript。相比于JavaScript的应用而言，TypeScript的应用的目录结构如下。l 多了TypeScript语言的配置文件tsconfig.json。l 多了shims-vue.d.ts文件。l main.js改为了main.ts。安装完成之后查看安装情况。安装typescript。

2023-04-13 10:43:30 148

原创 ifram操作替换父级url

iframe页面中window.parent.location = 父级需要替换的路径或者window.parent.opener.location = url但是这个会报错提示window.parent 父级的窗口

2022-09-23 16:18:55 341

原创解决对象转数组顺序问题

var obj={a:2,b:9,c:1,d:4}使用for in或者Object.keys 都会获得顺序一致[c,a,d,9]Object.keys(obj).sort().foeEach(key =>{})可解决object.keys 和内置了sort方法for in 是按照key的值从小到大排序

2022-09-15 11:41:59 500

原创非同源信息共享 postMessage

otherWindow.postMessage(data, targetOrigin, [transfer]);参数说明参数说明otherWindow其他窗口的一个引用，比如 iframe 的 contentWindow 属性、执行 window.open 返回的窗口对象、或者是命名过或数值索引的 window.frames。data将要发送到其他 window的数据。html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象，然而并不是所有浏览器都

2022-03-02 19:03:07 516

原创 echarts5 vue3 tootip 不显示问题

添加拆箱方法：const unwarp = (obj) => obj && (obj.__v_raw || obj.valueOf() || obj);对调用对象进行拆箱后再调用：unwarp(this.chart).setOption(this.getOption());最终代码<div id="app"> <div id="chart-demo"></div></div><script>import

2021-12-08 13:51:51 376

原创 element dialog拖拽

1.assets文件夹下创建dialog.js文件dialog.jsimport Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el

2020-11-27 18:15:45 580

原创去除由于tofixed整数产生的小数0 parseFloat

去除整数后的小数var a = 1; – a = 1var b = parseFloat(a); – b = 1var a = 1.1; – a = 1.1var b = parseFloat(a); – b = 1.1var a = 1.0; – a = 1.0var b = parseFloat(a); – b = 1

2020-11-11 10:12:34 1322

原创 element-ui组件中的select等的change事件中传递自定义参数

element-ui组件中的select等的change事件中传递自定义参数触发change事件时可能不只需要传递被选中项的值，还要传递index过去，来改变同一循环中的其他标签的状态。<div v-for="(item,index) in itemList"> <el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})"> <el-option

2020-08-11 14:48:51 213

原创 echarts 自定义折线点图形,x 坐标文本垂直显示

1 自定义折线点图series:[{ type: line, symbol:'emptyCircle, symbolSize: 1.5, label:{ show: true, position: top, textStyle:{ color:red, fontSize: 14 }, }, itemStyle:{ borderColor: yellow, borderWidth: 1, emphasis:{//鼠标经过时的样式 color: red

2020-07-30 17:26:47 682

原创 js 禁止页面复制黏贴

禁止页面内容复制<body onselectstart="return false">οncοntextmenu=“window.event.returnValue=false” 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单。1.禁止选取、防止复制<body onselectstart="return false">2.禁止粘贴οnpaste="return false" 3.禁止复

2020-07-30 16:05:31 741

原创 elementui table 只能展开一行

<el-table :data="tableData" style="width:100%" class="tableBox" @expand-change="expandSelect" :row-key='getRowKeys' :expand-row-keys="expands"></el-table>data 绑定数据,事件处理data:{ expands: [],} methods:{ getRowKey

2020-07-20 16:49:30 1405

原创 element ui动态渲染 table header

elementui table 设置动态渲染列,展开同样设置动态列@TOC<template> <div class="deduction"> <header>扣款明细</header> <main> <el-table :data="tableData" style="width: 100%"> <el-table-column v-for="(item,in

2020-07-20 16:40:37 943

转载学习Javascript闭包（Closure）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;...

2019-01-09 15:21:47 58

weixin_43983277的博客