我就尝一口

2023年5月12日

摘要： Vue 项目打包遇到内存溢出的问题： npm i increase-memory-limit - g increase-memory-limit 再执行npm run dev 后出现以下问题：百度了一下，在node_module下的.bin文件夹中查找这个文件：将这个字符串的双引号去掉：再次运阅读全文

posted @ 2023-05-12 11:00 我就尝一口阅读(740) 评论(0) 推荐(0) 编辑

vue监听dom元素宽度变化

摘要： <div class="info-container event-info-container"> <div class="button-list" :style="{ width: buttonListWidth }"></div> </div> data() { return { buttonL 阅读全文

posted @ 2023-05-12 10:58 我就尝一口阅读(1145) 评论(0) 推荐(0) 编辑

2023年2月15日

echarts legend设置多组形状

摘要：当echarts中既有条形图又有折线图时，legend也有两种：想实现以下效果改如何配置呢其实前面两个并没有对legend进行设置，是给series添加了type: 'line'的事件办结率数据后，自动生成的形状。那么我们只需要关心后面的legend形状了。给legend的data属性设置以下参阅读全文

posted @ 2023-02-15 10:36 我就尝一口阅读(627) 评论(0) 推荐(0) 编辑

使用vant-ui二次封装日期范围组件

摘要：在做移动端的项目中，经常会用到选择日期范围的业务需要，vant官方只有弹出框，日期显示的框需要自己写，因此我封装了一个日期显示框和弹出框结合的组件：其中双向绑定使用到了model属性的运用，通过设置event，组件$emit 这个event名称时，就会把值直接传递给父组件绑定的值，父组件就不需要额阅读全文

posted @ 2023-02-15 10:29 我就尝一口阅读(2032) 评论(0) 推荐(0) 编辑

leaflet 设置图层优先级

摘要： Leaflet 在添加了区域、点位等图层之后，需要设置图层的优先级，可以通过 pane 来设置。 this.map.createPane('tlop') this.map.getPane('tlop').style.zIndex = 500 const markers = L.layerGroup( 阅读全文

posted @ 2023-02-15 10:19 我就尝一口阅读(370) 评论(0) 推荐(0) 编辑

根据element menu侧边栏展开收起实现echart自适应

摘要：原本是根据window.resize想实现自适应，发现侧边栏展开与收起时，窗口大小并没有改变，因此不会触发该函数，于是换成监听侧边栏展开收起的状态，来实现 echart图表宽度自适应。 computed: { ...mapGetters(['sidebar']), isCollapse() { re 阅读全文

posted @ 2023-02-15 10:14 我就尝一口阅读(495) 评论(0) 推荐(0) 编辑

前端使用indexedDB入门

摘要：在项目开发地图的过程中，有一个geoJson面图数据过大，希望只有刚进入页面获取一次，存放在浏览器的 IndexedDB 数据库中，再次刷新直接从该数据库中拿取数据，节省页面渲染时间，提升用户体验。 let promise = [this.getDetail()] // 获取区域详情数据if (th 阅读全文

posted @ 2023-02-15 10:09 我就尝一口阅读(105) 评论(0) 推荐(0) 编辑

2023年2月1日

初始化leaflet地图并绘制市区轮廓

摘要：首先安装leaflet依赖： "dependencies": { "leaflet": "^1.5.0", "leaflet.chinatmsproviders": "^2.0.2", "proj4leaflet": "^1.0.2", "leaflet-basemaps": "^0.3.4", " 阅读全文

posted @ 2023-02-01 17:50 我就尝一口阅读(337) 评论(0) 推荐(0) 编辑

2022年12月15日

element select 和树控件结合生成树状下拉框

摘要：链接：https://zhuanlan.zhihu.com/p/415995268 阅读全文

posted @ 2022-12-15 11:11 我就尝一口阅读(34) 评论(0) 推荐(0) 编辑

2022年12月9日

husky 8.0, lint-staged, eslint配置 pre-commit 钩子

摘要： "vue": "^2.6.11" package.json 版本如下： "husky": "^8.0.2", "lint-staged": "^13.0.3", "prettier": "^2.7.1", "@vue/eslint-config-prettier": "^7.0.0", "eslin 阅读全文

posted @ 2022-12-09 14:23 我就尝一口阅读(1036) 评论(0) 推荐(0) 编辑

公告