- 博客(71)
- 收藏
- 关注
RSS订阅原创 element表格的多层级合并
效果如下：代码如下：html：<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px" > <el-table-column prop="id" label="ID" width="180"
2022-04-14 11:56:09
1495
2
原创 高效的js小方法 （持续更新。。。）
1.找出在数组中重发两次以上的数据duplicates(arr) { // 先进行排序 var arr = arr.sort(); // 可以在控制台输出看一下返回的值 // console.log(arr) // 实例化一个set数组 var a = new Set(); // arr.length-1是为了保证下面的arr[i+1]不会超过数组的长度 for (var i = 0; i < arr
2022-03-24 10:57:51
375
3
原创 判断某app是否安装
// 判断用户是否安装支付宝 checkAlipay(instal) { if (plus.runtime.isApplicationExist({ pname: 'com.eg.android.AlipayGphone', action: 'alipay://' })) { console.log("支付宝应用已安装"); } else { // uninstal() console.log("支付宝应用未安装"); plus..
2021-12-08 16:15:25
1096
原创 Vuex在子组件中的使用
vuex推荐使用方式index.js内容:import Vue from 'vue'import Vuex from 'vuex'import login from './login'Vue.use(Vuex)const store = new Vuex.Store({ modules: { login: login }})export default storelogin.js内容:export default { state: {}, m.
2021-12-07 09:34:58
1224
原创 PDA按键扫描功能
创建通用组件<template> <view></view></template><script> var main, receiver, filter; var _codeQueryTag = false; export default { data() { return { scanCode: '' }...
2021-11-15 13:58:14
2576
原创 通过免费api获取天气
一、接口网址接口文档：https://www.tianqiapi.com/?action=v1用户中心：https://www.tianqiapi.com/user/相关代码 getWeather() { axios({ url: 'https://www.tianqiapi.com/api/', method: "get", params: {
2021-09-08 17:31:32
2049
1
原创 vue中使用rem的方式之一
new Vue({ router, store, render: h => h(App), created () { // 实例创建完成后被立即调用rem换算方法,解决内容闪现问题 setRemPc(); window.addEventListener('resize', setRemPc);//浏览器窗口大小改变时调用rem换算方法 }}).$mount('#app')//rem计算function setRemPc () { var whde.
2021-09-08 14:52:27
537
原创 设置echarts 中文字大小根据浏览器得宽度来显示大小
export function fontSize (res) { let docEl = document.documentElement, clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if (!clientWidth) return; let fontSize = 100 * (clientWidth / 1920); r.
2021-09-08 14:50:09
353
原创 在项目中使用原生高德地图创建坐标点（可点击）
<!-- 在index.html中的body引用<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=2d6f52355c4d17024610a5d45243378d"></script> --><!-- 地图 --><template> <div class="content"> <div clas..
2021-07-09 20:17:46
1134
原创 快速切换node源
修改源地址为淘宝 NPM 镜像npm configsetregistryhttp://registry.npm.taobao.org/修改源地址为官方源npm config set registry https://registry.npmjs.org/
2021-06-25 18:14:27
267
原创 vue项目中请求接口时使用element的loading组件
import axios from 'axios';import { Message, MessageBox, Loading } from 'element-ui';import $store from '../../store/index.js';var instance = axios.create({ // baseURL: process.env.BASE_API, responseType: 'json', // 返回json格式a withCredentials: tru.
2021-06-18 15:54:19
1464
原创 关于js中一些便捷方法总结(持续更新中......)
arrCopyConcat:ƒarrCopyConcat(arr) arrCopyFrom:ƒarrCopyFrom(arr) arrUnique:ƒarrUnique(arr) arraySort:ƒarraySort(arr) assayType:ƒassayType(target) changeCase:ƒchangeCase(str) deepCopy:ƒdeepCopy(target) extend:ƒextend(source, target) f...
2021-06-17 09:17:48
123
原创 JS基本数据类型string、number转换
方法或函数 注释 将其他变量转换为string类型 变量 . toString() 返回转换后的值，不能转换 null 和 undefined 类型, String(变量) 返回转换后的值，属于强制转换 变量 + " " 隐式转换 将其他类型转换为number类型 Number(变量) 返回转换后的值，属于强制转换，对于字符串中包含字母的会转换为NaN parseInt() 返回转换后的值，可以将字符串中的有效数字解析，然后转换为numbe..
2021-05-18 15:56:59
159
原创 js的深浅拷贝
浅拷贝与深拷贝的区别浅拷贝：因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储对象都是存地址的，所以浅拷贝会导致obj.arr和shallowObj.arr指向同一块内存地址，大概的示意图如下。意思就是将obj对象拷贝到 obj2对象中，但不包括obj里面的子对象(arr)，也就是说obj2只保存了obj的子对象的指针，但同为一个子对象。深拷贝：不仅复制原对象的各个属性，同时也将原对象各个属性所包含的子对象也递归地复制到新...
2021-05-15 22:18:46
141
2
原创 vue递归组件实现
父组件<template> <div> <div class="content"> <detail-list :list="list"></detail-list> </div> </div></template><script>import DetailList from './list'export default { name: 'Deta
2021-04-27 16:35:35
145
原创 element在table中使用多选框
先贴效果图先说下怎么实现<template v-for="(item, index) in makeProcess"> <vd-table-column width="120" align="center" > <template slot-scope="scope" slot="header" >
2021-04-22 15:02:28
737
原创 element中的tabs标签页引用其他页面使用
<div class="tabZujian"> <el-tabs v-model="activeName" @tab-click="handleClick" > <el-tab-pane label="设置" name="first" :key="'first'" > <aa v-if="isChildUpdate1.
2021-04-19 13:47:14
3294
4
原创 关于element框架的注意点（更新中...）
关于日期选择器的注意点<el-form-item label="结束时间" prop="endTime" > <el-date-picker v-model="formData.endTime" type="date" placeholder="选择日期"/></el-form-item>注意： 使用普通方法赋值后期可能回出现无法修改的情况，推荐使用 $set 方法// 使用$set赋值this.$set(this.formData, "e....
2021-03-30 12:44:09
281
1
原创 js实现子级循环遍历
var arrayList = { title: '1', children: [{ title: '2', children: [{ title: '3', children: [{ title: '4', children: [] }] }] }] } function deep (val) { val.name = 'aa' if (val.
2021-03-26 18:00:17
768
原创 Vue 性能优化相关
Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验 Vue 代码层面的优化； webpack 配置层面的优化； 基础的 Web 技术层面的优化。 一、代码层面的优化1.1、v-if 和 v-...
2021-03-18 14:29:42
419
原创 JavaScript中 ES6-ES9中新增的特性
ES6let ：声明变量、不能重复声明、 具有块级作用域 、不存在变量提升const ：定义常量、定义时要赋值、具有块级作用域、值不能修改、如果定义的是数组或对象则可以修改解构赋值：//解构const obj = { name: 'a' age: '18'}let { name, age } = obj//赋值let arr=[13,18,12,'aaa',true,'哈哈哈'];let [a,b,c,d,e,f]=arr;console.info(a,b.
2021-03-18 11:54:04
147
原创 模块化
ES6M模块化1、导入模块import xx from '路径'import '路径'1、导出模块export default xxexportCommonJs 模块化暴露模块：1、module.exports =2、exports.xxx =引入模块：require(xxx)
2021-03-17 14:18:15
72
原创 vue项目使用了eslint，VSCode快速格式化代码
在VSCode编辑器中将以下代码复制其中既可1、window电脑：文件首选项设置右上角打开设置按钮settings.json中添加2、mac电脑 code>首选项 >设置{"editor.quickSuggestions":{//开启自动显示建议"other":true,"comments":true,"strings":true},//vscode默认启用了根据文件类型自动设置t...
2021-03-11 11:28:44
393
原创 require.context()使用方法及项目实战
require.context你还可以通过require.context()函数来创建自己的 context。equire.context()是可以用来创建自己（模块）上下文的方法，有3个参数：可以给这个函数传入四个参数：directory：要搜索的文件夹目录useSubdirectories：是否还应该搜索它的子目录regExp：一个匹配文件的正则表达式mode：是否异步加载webpack 会在构建中解析代码中的require.context()。语法如下：...
2021-03-11 10:35:40
4064
4
原创 js实现两个对象的深度合并
es6新增的Object.assign()方法只会合并替换对象的第一层key，对于多层的，会当做值处理。let obj1 = { a: { b: { c: "111" } }};let obj2 = { a: { b: { d: "222" } }};const obj = Object.assign(obj1, obj2);console.log(obj);// console.log的结果如下：//
2021-03-11 09:28:51
2921
1
原创 vue在表格中创建多个三级联动并实现增加、删除行
效果如下：其中区块、一级、二级、是属于三级联动，计划量、计划开始时间、计划结束时间是三级联动的数据，不能修改后面的变更开始、结束时间可以修改，但做了限制，结束时间不能在开始时间之前HTML代码：<div> <div style="padding-bottom:10px"> <el-button type="primary" @click="insertEvent(-1)">插入一行</el-button> .
2021-03-10 11:20:56
1514
3
原创 在vue中使用element的表格 处理后端返回的时间格式
formatter_time(row, column, cellValue, index) { console.log(cellValue); if (cellValue) { const t = new Date(cellValue); // row 表示一行数据, updateTime 表示要格式化的字段名称 let year = t.getFullYear(), month = t.getMonth() + 1, ...
2021-03-10 10:20:07
495
原创 使用element-ui中的table修改鼠标经过或悬停行时颜色修改
第一种：.el-table--enable-row-hover .el-table__body tr:hover>td{background-color: #c6cfdf !important;}第二种：.el-table__body tr:hover>td{background-color: #c6cfdf!important;}.el-table__body tr.current-row>td{background-color: #c6
2021-02-25 10:38:02
17463
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人