- 博客(37)
- 收藏
- 关注
原创 js公式的计算
// 公式计算//formula.jsexport function getResult(equation) { // console.log(equation); let temp = ''; //临时保存 let operation = []; //存放运算符(函数名称) let bracket = []; //存放左括号 let number = []; //存放运算参数 let count = []; //存放运算符参数个数 for (let i = 0; i < equat
2022-01-04 13:36:06
1498
3
原创 将html标签使用正则替换为空
let nodeString = this.$refs.formula.innerHTML; let pattern = /<.*?>/gm; // g 全局搜索 m 多行模式 let formula = nodeString.replace(pattern, '');```
2021-12-06 11:19:35
578
原创 可编辑标签 光标
let node = document.createElement('span'); node.setAttribute('class', 'formula-function');node.innerHTML = "插入内容"’;let selection = window.getSelection('#formula');let range = selection.getRangeAt(0);range.insertNode(node);
2021-12-04 09:21:27
441
1
原创 vue-grid-layout 拖拽网格布局
文档网址:https://github.com/jbaysolutions/vue-grid-layout/blob/master/README-zh_CN.md
2021-11-15 18:21:35
1574
原创 vue-draggable
文档地址:https://www.itxst.com/vue-draggable/tutorial.html事件及使用方法地址:https://github.com/SortableJS/Vue.Draggable
2021-10-19 11:43:24
214
原创 修改目录树的icon
html<a-directory-tree :selectedKeys="selectedKeys" @select="onSelect" :icon="getIcon"></a-directory-tree> 修改目录树icon js getIcon(props) { const { isLeaf, expanded } = props; if (isLeaf) { return <i-table theme="outline" size="1
2021-10-12 14:17:43
333
原创 vue-router 错误总结1
错误原因:路由跳转 同一个路由多次添加解决.在你引了vue-router的js文件里加上如下代码即可import Vue from 'vue' //如果已引用,不需要重复引用import Router from 'vue-router'; //如果已引用,不需要重复引用Vue.use(Router) //如果已引用,不需要重复引用const VueRouterPush = Router.prototype.push Router.prototype.push = function push
2021-09-25 10:44:04
253
原创 文件下载事例
/**下载文件 用于excel导出@param url@param parameter@returns {*}*/export function downFile(url,parameter){return axios({url: url,params: parameter,method:‘get’ ,responseType: ‘blob’})}/**下载文件@param url 文件路径@param fileName 文件名@param parameter@r
2021-09-23 15:43:14
122
原创 vue 2x cli下 打包优化 使用cdn
// 线上引入cdn资源// 是否为生产环境const isProd = process.env.NODE_ENV.startsWith(‘prod’);const externals = {// 不打包到vendors中的扩展‘vue’: ‘Vue’,‘vuex’: ‘Vuex’,‘vue-router’: ‘VueRouter’,‘element-ui’: ‘ELEMENT’,‘axios’: ‘axios’,‘ant-design-vue’: ‘antd’,‘moment’: ‘
2021-09-16 16:14:24
507
原创 vue刷新保留store中的内容
//在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store")))) } // //在页面刷新时将vuex里的信息保存到sessionStorage里 window.addEventListe
2021-08-14 09:06:36
889
原创 vue监听store中的数据
非数组 对象computed:{ haha () { return this.$store.state.msg }},watch:{ haha:function () { //插入需要在仓库数据变化时做的逻辑处理 }}数组对象computed:{ groupFirst(){ return this.$store.state.group[0].id; }},watch: { groupFirst: { handler(newVal, oldVal) {
2021-08-12 11:07:42
3661
原创 vue 监听可视区域的高度变化
data(){ height: document.body.clientHeight - 67, timer: false}mounted() { const that = this window.onresize = () => { return (() => { window.screenHeight = document.body.clientHeight that.height = window.screenHeight - 67;
2021-08-10 10:20:12
2851
原创 filter过滤数组多重对象
数组list: [ { "appInfoList": [{"appName": "123132123"}] } ]执行代码let that = this;let arr = []; this.list.filter(function(item, index, value) { let a = item.appInfoList.filter(function(item1) { if (item1.appName.includes(that.value)) { re
2021-08-06 11:30:27
644
原创 获取鼠标点击位置
//获取鼠标坐标 location(e) { // console.log(111,e.getBoundingClientRect()) console.log('坐标所有信息', e) // 获取可视页面高度 let visualHeight = document.documentElement.clientHeight; let distance = visualHeight - e.clientY; //鼠标距离可视区域底部距离 this.locationObj
2021-07-31 09:09:07
1427
原创 vue 路由监听 watch
一、监听路由从哪儿来到哪儿去watch:{ $route(to,from){ console.log(to.path); }},二、监听路由变化获取新老路由信息watch:{ $route:{ handler(val,oldval){ console.log(val);//新路由信息 console.log(oldval);//老路由信息 }, // 深度观察监听 deep: true
2021-07-30 09:41:35
2069
原创 滚动条距离底部的距离
**<div class=“card_area” @scroll.passive=“getScroll($event)”> //div 样式一定写高度 // 滚动条距离div 底部高度 getScroll(event) {// 滚动条距离底部的距离scrollBottomlet scrollBottom =event.target.scrollHeight -event.target.scrollTop -event.target.clientHeight;if ( sc..
2021-07-21 15:33:30
1054
原创 文本溢出 使用...替代
单行文本 //一定写宽度 width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap
2021-07-16 16:19:24
150
原创 table 鼠标悬浮到某一行的背景色
/有固定行的ant-design-vue 表格滑动样式/.ant-table-fixed .ant-table-row-hover {background: #eef1f6 !important;}.ant-table-fixed .ant-table-row-hover > td {background: #eef1f6 !important;}/没有固定行的表格个样式/.ant-table-tbody > tr:hover:not(.ant-table-expanded-ro
2021-07-14 11:06:56
506
原创 span强制换行
span {word-wrap: break-word;word-break: break-all;white-space: pre-wrap !important;}
2021-06-14 17:11:32
914
原创 element-ui 中dialog居中
标题element-ui 中dialog居中.el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
2021-05-03 20:32:54
1578
原创 js 循环
for 循环var arr = [1,2,3,4];for(let i=0;i<=arr.length;i++{ //i为索引号 console.log(arr[i]);})for in 循环var obj = {a: 1, b: 2, c: 3};for (var i in obj) { //对象中i代表键名 数组中i代表索引位 console.log('键名:', i); console.log('键值:', obj[i]);}//for…in循环有两个使
2021-04-18 16:40:48
68
原创 export export default import
export//index.jsexport var firstName = 'Michael';可写为(推荐写法)var firstName = 'Michael';export { firstName }可使用as重命名export { firstName as one}注意:export命令规定的是对外的接口,必须与模块内部的变量建立一一对应关系。export default(暴露函数)//index.js(匿名函数)export default functio
2021-04-12 16:47:35
149
原创 npm 换源(阿里镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
2021-04-12 16:09:45
3772
原创 vue css js的引入
vue 引入css样式文件局部引用 script 中引入 import "@/assets/iconFont/iconfont.css"; //@代表src(根目录)目录 style 中引入 @import url('相对路径 /网络路径'); /*相对路径 网络路径*/全局引用 在vue中的src目录下的 main.js 中引入 import "@/assets/iconFont/iconfont.css"; //相对路径(好像不能使用网络路径)vue 引入js文件..
2021-03-24 17:26:48
390
原创 两个数组 元素是对象 按一定的条件进行合并
// 学生表let students = [{ number:1001, name:'zhang'},{ number:1002, name:'li'},{ number:1003, name:'wang'}];//成绩表let score = [{ number:1001, score:80},{ number:1002, score:46},{ number:'1003', score:23}];常规 //运行次数10*10students.forEac
2021-03-20 08:44:22
330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人