abcByme - 博客园

2022年2月10日

摘要： const path = require('path') const resolve = function (dir) { return path.join(__dirname, dir) } module.exports = { publicPath: process.env.NODE_ENV ' 阅读全文

posted @ 2022-02-10 17:05 abcByme 阅读(515) 评论(0) 推荐(0) 编辑

vue 3.0 suspense组件

摘要： 1.定义组件 <template> <h1>{{result}}</h1> </template> <script> export default { name: "NewModel", setup(){ return new Promise((resolve)=>{ setTimeout(()=> 阅读全文

posted @ 2022-02-10 11:20 abcByme 阅读(61) 评论(0) 推荐(0) 编辑

2022年1月17日

js浅拷贝与深拷贝的区别和实现方式

摘要：来自：https://www.jianshu.com/p/1c142ec2ca45 侵删如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。 1. 如果是基本数据类型，名字和值都会储阅读全文

posted @ 2022-01-17 09:39 abcByme 阅读(57) 评论(0) 推荐(0) 编辑

2022年1月14日

this 指向详细解析（箭头函数）

摘要：来自：本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html 侵删前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文在非箭头函数下， this 指向阅读全文

posted @ 2022-01-14 14:57 abcByme 阅读(260) 评论(1) 推荐(0) 编辑

2021年12月16日

React页面跳转传参

摘要：来自 https://www.jianshu.com/p/02c1cf54a5df 侵删 this.props.location.query： 1）路由注册 <Route path=' /target ' component={TargetPage}></Route> 2）发起跳转页面 html方式阅读全文

posted @ 2021-12-16 11:30 abcByme 阅读(1355) 评论(0) 推荐(0) 编辑

2021年12月15日

uni-app的一些方法

摘要： function request({ url, data, method }) { uni.showLoading({ title: '加载中...' }); return new Promise((resolve, reject) => { // alert('token',getLocalSto 阅读全文

posted @ 2021-12-15 17:09 abcByme 阅读(132) 评论(0) 推荐(0) 编辑

2021年12月13日

Vue+Element ui上传图片限制图片尺寸

摘要：来自：https://blog.csdn.net/qq_37041819/article/details/116597572 侵删 1.引入element-ui upload组件 <el-upload class="avatar-uploader" :headers="myHeaders" :ac 阅读全文

posted @ 2021-12-13 17:06 abcByme 阅读(1198) 评论(1) 推荐(0) 编辑

vue element-ui 树形

摘要： <template> <div class="department-container"> <p>栏目管理</p> <div style="display: flex; margin: 10px 0"> <Button type="primary" @click="addNew">新增栏目</But 阅读全文

posted @ 2021-12-13 17:00 abcByme 阅读(155) 评论(0) 推荐(0) 编辑

js递归生成树形结构（filter）

摘要：来自：https://www.cnblogs.com/niexianda/p/14482157.html 侵删先看结果结果 [ { "id": 1, "title": "张三", "parent_id": -1, "childs": [ { "id": 2, "title": "张小二", "p 阅读全文

posted @ 2021-12-13 10:46 abcByme 阅读(1512) 评论(2) 推荐(0) 编辑

2021年12月2日

10个常见的前端手写功能

摘要：作者：Ting Yu链接：https://zhuanlan.zhihu.com/p/434776450来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 1.防抖： function debounce(fn, delay) { let timer return funct 阅读全文

posted @ 2021-12-02 14:55 abcByme 阅读(98) 评论(0) 推荐(0) 编辑

2021年11月16日

jsx 语法

摘要：阅读全文

posted @ 2021-11-16 16:23 abcByme 阅读(18) 评论(0) 推荐(0) 编辑

2021年11月2日

js 获取当前时间前几分钟

摘要： function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; //前十分钟时间 var minutes=parseInt("10"); var interTimes=m 阅读全文

posted @ 2021-11-02 15:52 abcByme 阅读(1914) 评论(0) 推荐(1) 编辑

2021年10月29日

三元运算多次判断

摘要： {{ listIndex == 2 ? item.name == "填报时间" ? "填报周期" : item.name : item.name }} <span>{{ chartDataType == 1 ? "园区经济排行" : chartDataType == 2 ? "园区能耗排行" : " 阅读全文

posted @ 2021-10-29 10:06 abcByme 阅读(171) 评论(0) 推荐(0) 编辑

2021年10月28日

循环表单验证不能为空

摘要： <FormItem :label="item.name" prop="" v-for="(item, index) in Listnew" class="newformItem" > <Input v-model="item.value" style="width: 340px" type="tex 阅读全文

posted @ 2021-10-28 17:25 abcByme 阅读(89) 评论(0) 推荐(0) 编辑

2021年9月14日

自定义数据

摘要： if (_temp.dataView) { const _json = JSON.parse(_temp.dataView); const _tempArr = []; Object.keys(_json).forEach((key, index) => { _tempArr.push({ valu 阅读全文

posted @ 2021-09-14 17:09 abcByme 阅读(55) 评论(0) 推荐(0) 编辑

2021年8月27日

echarts 地图的点击事件触发了两次

摘要：重点的代码是eChart.off("click")；在给ehcart绑定事件时，要先写上以上代码。阅读全文

posted @ 2021-08-27 17:30 abcByme 阅读(584) 评论(0) 推荐(0) 编辑

高德地图搜索关键词查询不出现结果框

摘要：竟然是key的原因。是key的原因！！！阅读全文

posted @ 2021-08-27 17:28 abcByme 阅读(909) 评论(2) 推荐(0) 编辑

2021年8月18日

vue 使用 websocket

摘要： var websock = null; var globalCallback = null; // 初始化weosocket function initWebSocket() { // ws地址 -->这里是你的请求路径 // var ws = `ws://192.168.79.185:8089/p 阅读全文

posted @ 2021-08-18 10:01 abcByme 阅读(381) 评论(0) 推荐(0) 编辑

2021年8月6日

e'charts 地图 + 背景旋转

摘要： <template> <div class="container"> <div class="earth-container"> <div class="earth-item-box"> <div class="earth-item"></div> </div> <div class="earth- 阅读全文

posted @ 2021-08-06 14:21 abcByme 阅读(905) 评论(0) 推荐(0) 编辑

2021年8月4日

vue-seamless-scroll 好用的无缝滚动插件

摘要： https://www.jianshu.com/p/a2a7d3a9cf2b 侵删 1、安装vue-seamless-scroll npm install vue-seamless-scroll --save 2、引入组件 <vue-seamless-scroll></vue-seamless-sc 阅读全文

posted @ 2021-08-04 11:24 abcByme 阅读(1172) 评论(0) 推荐(0) 编辑

2021年8月3日

vue-countTo---简单好用的一个数字滚动插件

摘要：来自 https://www.cnblogs.com/tuspring/p/9801603.html 侵删 vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-c 阅读全文

posted @ 2021-08-03 11:25 abcByme 阅读(287) 评论(0) 推荐(0) 编辑

2021年7月28日

vue-cli3.0 使用postcss-plugin-px2rem（推荐）和 postcss-pxtorem（postcss-px2rem）自动转换px为rem 的配置方法；

摘要：来自：https://www.cnblogs.com/taohuaya/p/10274993.html#%E5%A6%82%E4%BD%95%E5%9C%A8vue-cli3.0%E4%B8%AD%E4%BD%BF%E7%94%A8postcss-plugin-px2rem%C2%A0%E6%8F% 阅读全文

posted @ 2021-07-28 11:12 abcByme 阅读(225) 评论(0) 推荐(0) 编辑

关于vue利用postcss-pxtorem进行移动端适配的问题

摘要：来自 https://www.jb51.net/article/174637.htm 侵删 1.cnpm install postcss-pxtorem -D安装postcss-pxtorem，此插件如果你用的是webpack的话只要进行安装即可，不需要另外进行配置，此插件是对px进行转换。 2.新阅读全文

posted @ 2021-07-28 10:08 abcByme 阅读(429) 评论(2) 推荐(0) 编辑

2021年7月23日

vue 页面刷新还在当前路由

摘要： let current = this.$router.history.current; this.activeIndex = current.path; if (current.meta.parent) { this.activeIndex = current.meta.parent; } 阅读全文

posted @ 2021-07-23 15:14 abcByme 阅读(635) 评论(0) 推荐(0) 编辑

vue 前端轮播图分页和数据处理

摘要： <el-carousel trigger="click" class="gwbox-carouselBox left-sub2-carouselBox" :autoplay="false" > <el-carousel-item class="gwbox-carouselBox-child" v-f 阅读全文

posted @ 2021-07-23 10:25 abcByme 阅读(507) 评论(0) 推荐(0) 编辑

2021年7月9日

vue src图片路径地址动态拼接的方法

摘要：方式一<template> <div v-for="(item,index) in menus :key="index> <img :src="require(`../../assets/images/${item.icon}`)" /> <span>{{item.name}}</span> </d 阅读全文

posted @ 2021-07-09 11:20 abcByme 阅读(3372) 评论(6) 推荐(0) 编辑

2021年7月5日

百度地图午夜暗蓝风格

摘要： mapJson: [ { featureType: "land", elementType: "geometry.fill", stylers: { color: "#08304B", }, }, { featureType: "land", elementType: "geometry.strok 阅读全文

posted @ 2021-07-05 10:09 abcByme 阅读(686) 评论(0) 推荐(0) 编辑

2021年6月30日

百度地图开发自定义信息窗口openInfoWindow样式

摘要： // 地图默认弹框 /*地图标题 infoWindow*/ // .BMap_bubble_title { // color: #fff; // font-size: 16px; // font-weight: bold; // text-align: left; // background: tr 阅读全文

posted @ 2021-06-30 11:11 abcByme 阅读(3213) 评论(0) 推荐(0) 编辑

百度地图infowindow上添加自定义点击事件

摘要： //地图点击事件-公司详情 // 创建图文信息窗口 let sContent = "<div class='comyInfoBox'>" + " <div class='comyInfoBox-head'>" + "<span class='active' id='qiye1'> 企业数据 </sp 阅读全文

posted @ 2021-06-30 10:59 abcByme 阅读(711) 评论(0) 推荐(0) 编辑

2021年6月24日

js显示当前日期时间和星期几，上午和下午

摘要： function showTime() { let show_day = new Array( "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日" ); let time = new Date(); let year = time.getFullYear( 阅读全文

posted @ 2021-06-24 16:30 abcByme 阅读(1472) 评论(0) 推荐(0) 编辑

2021年6月22日

iview 树形异步加载，首次加载子节点不能选择，点击父节点后才可以选择

摘要：这个问题是因为异步加载的树形数据结构造成的。只需要筛选保留需要的属性即可。例如，原数组结构是对数据进行处理。保留几个需要的属性即可—— 阅读全文

posted @ 2021-06-22 11:05 abcByme 阅读(370) 评论(0) 推荐(0) 编辑

js 修改属性名和值。并只保留需要的属性

摘要： result.data = [ { id: "0c4a850086f211eb88ce2e17e48e1195", name: "创新园二期", parentId: "0", iconSkin: "group", isParent: true, orgNode: true, limit: false 阅读全文

posted @ 2021-06-22 11:01 abcByme 阅读(298) 评论(0) 推荐(0) 编辑

2021年6月18日

css 条形百分比

摘要： <div class="content"> <div class="chart-rising-list" v-for="(item,index) in proportionList" :key="item + index"> <div class="chart-rising-title">{{ it 阅读全文

posted @ 2021-06-18 14:36 abcByme 阅读(214) 评论(0) 推荐(0) 编辑

2021年6月16日

echarts 3d饼图

摘要： <template> <div ref="myChart" :class="className" :style="{ height: height, width: width }" /> </template> <script> import * as echarts from "echarts"; 阅读全文

posted @ 2021-06-16 16:40 abcByme 阅读(1904) 评论(0) 推荐(0) 编辑

百度地图vue中多个标点和区域面

摘要： <template> <div id="app" :class="{ 'bg-img': mapShow == false }"> <page-top /> <router-view /> <!-- <page-nav :nav-list="navList" @mapHandle="mapSwitc 阅读全文

posted @ 2021-06-16 14:38 abcByme 阅读(599) 评论(0) 推荐(0) 编辑

2021年5月27日

iview form动态添加删除验证及保存

摘要： <template> <div class="beonduty-wrap"> <p>当前模块的信息，是呈现在指挥调度的，用以呈现指挥调度的工作人员</p> <div class="beonduty-c"> <span>工作人员:</span> <div class="beonduty-c-form" 阅读全文

posted @ 2021-05-27 09:31 abcByme 阅读(305) 评论(0) 推荐(0) 编辑

2021年5月19日

canvas圆圈背景粒子动画

摘要： html: <canvas style="position:fixed;z-index:-1;left:0;top:0;min-width:100vw;min-height:100vh;" width="9600" height="2700"></canvas> js: <script> //粒子动阅读全文

posted @ 2021-05-19 15:05 abcByme 阅读(158) 评论(0) 推荐(0) 编辑

2021年4月25日

vue隐藏列表点击当前列表项，显示列表详情，其它列表项隐藏

摘要： <div v-for="(item, index) in newList" class="floor-board-contbox-sub-t" > <div class="contbox-sub-t-f"> <div :class="item.isShow ? 'corner-l' : 'corne 阅读全文

posted @ 2021-04-25 16:09 abcByme 阅读(756) 评论(0) 推荐(0) 编辑

2021年4月15日

SVG与HTML5的canvas各有什么优点，哪个更有前途？

摘要：来自：https://www.gxlcms.com/htmldaima-283044.html 侵删 Canvas是使用JavaScript程序绘图(动态生成)，SVG是使用XML文档描述来绘图。从这点来看：SVG更适合用来做动态交互，而且SVG绘图很容易编辑，只需要增加或移除相应的元素就可以了。同阅读全文

posted @ 2021-04-15 15:49 abcByme 阅读(599) 评论(0) 推荐(0) 编辑

百度地图坐标标点组件封装，带搜索

摘要： <template> <div class="center"> <div class="baidu-map" id="baidu_Map" ref="baiduMapRef"></div> <div ref="r_result" class="r-result"> 搜索地址： <input typ 阅读全文

posted @ 2021-04-15 15:30 abcByme 阅读(142) 评论(0) 推荐(0) 编辑

小角色Byme

代码的搬运工ing~~~