qq_38295468的博客

原创 three 学习笔记

在使用three去搭建3D模型的时候，我们首先要了解three模型它的构成元素，就像写作文一样，记叙文有时间地点人物三要素，而我们的three模型亦如此；或是点击修改参数调整网格位置，根据鼠标选中需要调整网格线，然后鼠标拖动到想到的位置，确定根据当前的调整重绘网格交点；搭建一个根据长宽高展示建筑物的模型，然后选取lps等级在该建筑物上绘制对应的网格线，展示间隔距离中的网格法，以便人们理解；根据长宽的数据和lps等级，用长宽除以lps等级，得到网格线条的间距，然后利用前后两点坐标分别生成网格对应的排和列；

原创 VUE+内置iframe传值失效问题解决

公司业务需要计算建筑物截收面积，然后我采用的是openCV来计算，在vue内部引用不了，然后就采用了iframe原生html来完成；功能实现了我想让iframe和vue通信；然后用原有方式试了多次都失败了，iframe传值可以但是拿取vue父级传递的数据总是undefined；

原创 纵向组柱状图

原创 国际化之表单校验

国际化整个项目的时候，表单校验的提示是个麻烦的事情。很多资料说用vee-validate插件来实现这个功能；但是我觉得有点麻烦，不是很想用插件；然后就在validate.js里面去捣鼓；然后发现在我们校验方法下是可以获取到vue的实例的；是可以获取window的；

原创 列表的特殊新增删除

【代码】列表的特殊新增删除。

原创 国际化动态加载数据

一开始做动态国际化，我想的是在i18n的index.js文件中去做事件监听；监听到储存值后就直接加到对应的en.js和zh.js文件中。但是，i18n不能监听和computed；然后我想了好久，官网上也没有类似demo，只有几个api；其中有一个mergeLocaleMessage吸引了我，我就寻思能不能用这个去做，获取页面数据，数据处理，储存vuex，然后储存的时候把它合并到i18n里面去；公司业务涉及比较广泛，所做网页必然要涉及到国际化；国际化本是老生常谈的内容，但是我们大部分做的都是静态数据国际化；

原创 前端小技巧

是和 || 用法相同，前后都是值，都是根据前面的值来判断最终是返回前面的值还是后面的值；但是不同的是只有当左侧为null 或者undefined 时，空值合并操作符?我们在很多时候都会对数组进行各种遍历，但是进行操作之前，肯定是需要判空的；在大部分系统中，我们都是需要显示时间模块的；但是时间在时分秒十以下的显示上；就会显得与众不同，如果我们要让它和其他人一样，就需要补0；es越发强大，诞生了很多小东西，能节省我们大部分时间；让我们来了解一波吧。当它和可选链操作符?而且还可以和 空值合并操作符?

原创 avue-crud 表格编辑属性联动

用的时候爽的很，但是要修改一些特殊功能时，就很头大。然后就遇到了一个联动功能，比如我正常框架写的编辑弹窗，要表单的一个下拉属性控制另外一个属性的显隐；但是Avue却很麻烦，我查了很多文档都没有关于表单编辑属性控制相关的；因为它把所有的控制都囊括到option里面去了，导致完全没法用插槽之类的去控制；不过还好，我在它官方文档反复徘徊，终究拿下了解决方案。因为在这之前是没有这个方法的，只能很繁琐的去监听，而现在一个control就可以达到我们联动效果。什么行列拖拽，修改弹窗，编辑弹窗，查看弹窗，等待加载等等。

原创 webscoket+vuex 联合实现上传或者下载进度条实时进度数据

因为上传的数据有时候很大有时候很小，导致写的进度条组件定时请求的数据无法设置一个准确的时间来展现；如果定时器时间太短又导致后台资源浪费；所以决定用webscoket来实时轮询推送进度条数据。3.最后在子组件中监听 Vuex 中进度条数据的变动，并根据数据的变化更新子组件自己的数据。2.然后在组件中，使用 WebSocket 连接并将数据存储到 Vuex 中。1.首先，我们在 Vuex 中定义去存储进度条数据的状态。

原创 vue 前端灵活改变后端地址

很多时候会遇到后台地址变动，不管是在打包或者是开发中；每一次后台开机启动或者换电脑启动后台，后台地址都会随之变动；第二种就不是直接修改地址了，而是配置环境地址；在src的同一级新建.env.development文件；在里面配置好需要的多个后台地址。这个地方要注意一下，因为vue.config.js是在Node.js环境下执行的，而不是在浏览器环境下执行，所以要用Node.js中的require语法。然后我们在打包的时候就可以看到dist里面有一个config.js 文件，就可以在这个文件中修改地址了；

原创 tags中关闭页面卡死，无法跳转

1.在tags中关闭多个echarts组件组成的页面时，会导致页面卡死，tags无法点击跳转，页面数据丢失，只有刷新页面才可以继续操作，然后再次进入多个echarts组件组成的页面时关闭依旧会出现该问题。分析问题，第一次以为是tags有问题，打断点和打印发现数据流动正常，排除tags。然后分析页面数据和功能，页面数据都是测试数据，功能跳转之间没有任何异常。最后看组件，发现多个echarts组件可能会产生卡死。

原创 avue行编辑el-select选择数据后未回显

很多时候后台传的number，但是我们的封装可能写成了string，就会找很久找不出来。很多时候，我们表单里面嵌套表格，表格里面又有表单；多层嵌套的情况下，就会导致prop值忘记写了，所以一定不要忘记加slot-scope=“{ row, index }”。有时候因为vue2双向绑定的原理导致无法完全监听数组，所以在刷新时无法回显，可以尝试用this.$set()方法去更新内容。关于avue-crud的使用过程中，遇到很多次在表格中编辑数据时，无法回显下拉数据；根据多次经验总结出几个原因；

原创 avue-crud 编辑根据a的值校验判断是否显示b的值校验

在上面的代码中，我们使用customValidatorA来判断字段A的值是否满足特定条件，在满足条件时将字段B的校验规则添加到formRules.fieldB中，并通过动态修改formRules的方式实时更新表单的校验规则。类似地，我们使用customValidatorB判断字段B的值是否满足特定条件。在Avue CRUD组件中，可以使用自定义校验函数来根据a的值来判断是否显示b的值的校验规则。当点击“动态校验”按钮时，会执行表单的校验，并根据字段A的值来动态显示或隐藏字段B的校验规则。

原创 Java后端（Spring Boot）和Vue前端（ElementUI的el-upload、vue-simple-uploader）实现大文件分片断点续传上传并有进度条显示上传情况

创建一个上传控制器 UploadController，其中包含文件上传和分片合并的逻辑。创建一个Spring Boot项目，并添加相关依赖。

原创 react 初步认识

原创 vue 知识构建

原创 vue2 传值

原创 面试之比较问题归纳

原创 string 的方法和属性

原创 Math对象常用的属性和方法

微信小程序

原创 微信小程序

微信小程序

原创 js数组总结

js数组

原创 牛客网刷题大作战

今天的题就写到这里吧，太特么难了卧槽。

原创 学习笔记之事件循环-原理

我们要了解事件循环的原理要从浏览器的进程模型开始，首先要了解什么叫进程和什么叫线程。当看到这里时；很多人可能和我一样；我一个前端管什么进程什么线程；这不是后端念叨的玩意儿吗？其实不然，你只要把它当做一个概念性东西去理解就好。一个程序，运⾏需要有它⾃⼰专属的内存空间，我们就可以把这块内存空间简单的理解 为进程；一个应用，至少拥有一个进程，进程之间相互独立，通信需要同意；当有了进程，代码要运行的时候，运行该代码的就称之为线程。

原创 JS高级用法学习笔记之一

1.1 了解构造函数（constructor）：构造函数首字母大写；new则为实例化。每个函数都有一个 prototype 属性。函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。原型：每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性。：每一个JavaScript对象(除了 null )都具有的一个属性。这个属性会指向该对象的原型。

原创 vue div宽高自由拉伸。

vue可拉动盒子高度宽度设置

原创 vue2知识点梳理

vue2梳理

原创 数组对象去重

这里写自定义目录标题前言二、使用步骤提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言二、使用步骤前言数组内容为对象去重二、使用步骤代码如下（示例）：// 利用对象访问属性的方法，判断对象中是否存在keyvar this.menuList = [{name:张三,value:18},{name:张三,value:18},{name:张三,value:18},{name:李四,value:19}}let newArr = [];let ob

原创 vue定时器无法停止。

vue模板里面的定时器问题文章目录前言一、定时器是什么？二、使用步骤1.使用过程2.读入数据总结前言有些时候我们在使用vue模板时，不免会使用定时器来定时请求后台获取数据，但是在获取数据的时候，定时器就像踩不住刹车的小车，飘起来了。提示：以下是本篇文章正文内容，下面案例可供参考一、定时器是什么？定时请求后台数据的一种方式。二、使用步骤1.使用过程你的页面组件属于： <transition name="move" mode="out-in">

原创 js-时间的增减

学习日志（工作总结）有志者，事竟成，百二秦关终属楚，苦心人，天不负，三千越甲可吞吴。新的改变、element-ui里面的分页一旦设置了颜色页数会消失？可能是这个原因，但是还在考虑中。...