hahah1234111111的博客

原创 el-select虚拟滚动

主页面 index.vue。首先下载虚拟滚动的依赖。

原创 封装cascader

因为点击下拉框之后失焦blur和change两个事件没有明显先后逻辑。一般来说都使blur会比change前面导致一些问题，还有开启查询filterable之后，搜出来的列表不会触发change事件导致很多问题，只能用延迟处理，并不是最优方案。

原创 表格中大量表单组件会使表格数据更新的时候卡顿，封装elselect，可以在span和input之间切换

【代码】表格中大量表单组件会使表格数据更新的时候卡顿，封装elselect，可以在span和input之间切换。

原创 【无标题】

setids回传的是右侧树的数据，暂时没有返回id集合的功能。可以通过leaf控制只回传最后一层数据。

原创 nginx配置

一个web服务，配置多个项目 (location 匹配路由区别)启动 web 服务 (vue 项目为例)PC端和移动端使用不同的项目文件映射。隐藏 Nginx 版本信息。禁止ip直接访问80端口。SSL 配置 HTTPS。

原创 应对el-table中有el-input时，数据太多卡顿问题

卡顿是因为输入框数据是双向绑定的，输入内容时表格数据会刷新，重新渲染表格内容导致渲染次数太多会卡顿。网上大多数解决思路是用原生input替换el-input，再加上lazy，但是el-input的很多东西就用不了了，比如，校验。解决思路：封装el-input，给输入框加上节流，在输入内容之后过200ms之后再去更改表格的数据，这样表格渲染就变少，连续输入就不卡了，外部使用error显示校验结果。

原创 可以合并的el-table

【代码】可以合并的el-table。

原创 封装el-table 可搜索字段，点击行可勾选，搜索字段否选不消失

封装组件

原创 封装导入导出，可根据标识符分割表格

组件封装

原创 简单封装输入提示框

封装输入提示框

原创 更改elementui的树状表格展开样式

改造elementui树表格

转载 echarts 3d饼图

3decharts饼图

原创 山东echarts地图

echarts地图组件

原创 【无标题】一个横向的tab栏

1，需要设置内发光方向2，内容部分左边边框需要根据点击标题产生相对应的缺口，所以用两个单独的div制作边框效果。3，内发光效果在标题和内容框交界处会有明显的割裂效果，试过几个方式，最后用defore制作一个渐变盒子效果最好。4，滚动条隐藏5，根据点击标题计算两个边框的长度，注意我的样式都是通过vh和vw来确定的宽度，但是因为获取滚动scrollTop获取的是屏幕的px，所以需要单独计算，不用通过vh和vw 的计算公式进行处理<template> <div class="..

转载 uniapp打包vendor过大问题

‘uniapp打包vendor过大问题

原创 可以鼠标拖动的组件

在main.js里Vue.directive("drag", { //1.指令绑定到元素上回立刻执行bind函数，只执行一次 //2.每个函数中第一个参数永远是el，表示绑定指令的元素，el参数是原生js对象 //3.通过el.focus()是无法获取焦点的，因为只有插入DOM后才生效 bind: function(el) {}, //inserted表示一个元素，插入到DOM中会执行inserted函数，只触发一次 inserted: function(el) { let

原创 加载echarts的组件

转载 当使用v-for和v-if时，传入组件内部数据时，watch监听没有监听到

https://blog.youkuaiyun.com/qq_40323256/article/details/101907326

转载 解决加载wms跨域Read Blocking (CORB) blocked cross-origin response和403 问题

解决加载wms跨域Read Blocking (CORB) blocked cross-origin response和403 问题https://blog.youkuaiyun.com/m0_38004177/article/details/93869360看了之后，解决了。把版本换成1.0.0，并且在天地图上的案例中的config加上srs:“EPSG:4326”,成功的显示了山东行政规划的wms...

原创 2021-08-03

推拉动画的登录注册页面<template> <div class="body"> <div class="form-wrapper"> <transition name="form-wrapper"> <div class="formbox" v-if="show" key="login"> <div class="header">登录</div>

原创 高德地图marker的遮挡问题

高德地图marker的遮挡问题 var marker = new AMap.Marker({ position: [ longitude,latitude, ], map: map, icon: startIcon, }); marker.on("mouseover", function (e) { e.t

转载 2021-03-25

这时如果运行代码，会报THREE.Loader: Handlers.get() has been removed. Use LoadingManager.getHandler() instead.的错需要在node_module > three-obj-mtl-loader > index.js中找到第543行并注释掉。在 545行重新定义loader// var loader = THREE.Loader.Handlers.get( url );var loader = manager.

转载 twenjs的用法

twenjs的用法https://blog.youkuaiyun.com/youlinhuanyan/article/details/104436252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3.control&dist_request_id=a4864405-b2cd-4b23-9f47-388f663ee5f6&depth_1-utm_source=distribute.pc_relevant.n

原创 2020-11-25

json模型的加载和拾取加载：var OBJLoaders = new THREE.ObjectLoader();http://www.webgl3d.cn/threejs/docs/#api/zh/loaders/ObjectLoader中文文档地址设置groupdata(){return {group: null }}在加载主函数中定义groupthis.group = new THREE.Group();加载var texture = OBJLoaders.load(

原创 2020-11-23

vue使用OutlinePass问题。给加载后的模型添加辉光首先需要下载three-outlinepass，网址：https://www.npmjs.com/package/three-outlinepass然后引入import { RenderPass, EffectComposer, OutlinePass } from “three-outlinepass”封装函数：outlineObj(selectedObjects) {var compose = new EffectComposer(t

原创 页面组件渲染的数据是api获取的，组件渲染时获取不到数据，导致页面报错而页面可以正常显示问题

报错信息：Error in render: "TypeError: Cannot read property 'lzXxjcrhRate' of undefined"found in解决方案：1.给渲染数据的组件v-if=“数据源”。可以通过渲染和销毁来控制缺点：如果有频繁的数据交互（定时更新数）可能会导致页面卡死。2.通过三元表达式，来控制传递给组件的数据{{}allData[activeDate]?allData[activeDate].totalOutputValue:...