随笔分类 - 工作笔记
前端实习工作笔记，记录工作中遇到的难点，Bug，不知道的小知识等，开始于2022/09/17
摘要：工作中遇到了一个古怪的bug，将一个变量赋值给一个新的变量，新变量在变化的时候会导致旧变量跟随变化，从而导致页面问题。 原因是： 在vue中，数组和对象传递都是引用传递。赋值时传递的并不是值，而是指向了同一个空间。直接赋值，只是地址指向，两个对象使用相同的地址，左边的变量指向的地址和右边的变量一样，
阅读全文
摘要：利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给
阅读全文
摘要：####最近遇到一个很有意思的bug，值得记录一下 在开发地图页的时候，有个很神奇的bug，在使用高德地图Api，开发点标记点击后弹出信息窗体的时候，遇到信息窗体无法显示的问题，此处的信息窗体不是高德地图官方定义的信息窗体，而是自定义的一个DOM节点，在使用class类命名并写css样式的时候，点击
阅读全文
摘要：### 遇到一个很尴尬的问题 network里面有返回值，但是打印不出来，打印出来里面的值就是空的，然后经过询问排查才知道，console的打印的值存在内存里，但是如果你的代码有处理之后，在打印里面就会变成处理后的值，当你点开的时候，这个值在内存里放着，你点击的时候才会调用它，但是此时的值以及被处理
阅读全文
摘要：近期工作总结 1.rpx单位的使用 微信小程序中的rpx单位需要谨慎使用，需要宽度自适应的地方再使用，不要一直使用rpx，应当多使用uView,uni-app自带的组件，可以解决不同设备的适配问题。 2.uni-app 的遮罩层 uni.showloading里面可以添加mark:true，实现遮罩
阅读全文
摘要：在工作中，使用get方法导出文件会遇到一些问题：url长度限制，传入id量大且加载速度慢，所以抛弃以前的请求下载方式，使用post接口进行请求下载！ 本次的导出文件为excel文件，其他文件未尝试！ 以前的方法，使用get接口： import { getToken } from "@/util/au
阅读全文
摘要：methods: { handlePaste(event) { // 获取解析 粘贴的文本 let text = (event.clipboardData || window.clipboardData).getData("text"); console.log("text", text); },
阅读全文
摘要：在Avue-crud 中搜索方法 @search-change 中将params传给query后，如下 // 搜索框搜索 searchChange(params, done) { this.query = params; this.page.currentPage = 1; this.onLoad(
阅读全文
摘要：微信小程序 在小程序中 <view></view> 标签替换 <div></div> ， <imgage src = "" mode = "widthFix"></image> 替换 <img> 。 image标签中mode的含义为图片裁剪缩放的模式，此处image标签的参考文档：image 标签
阅读全文
摘要：首先，你要引入three.js 插件，这里默认你已经安装好了该插件 three.js 使用时必要的模块有：渲染器，相机，光源，场景，以及你要的加载模型 在vue页面中引入 import * as THREE from "three"; import { DRACOLoader } from "thr
阅读全文
摘要：vaildData验证对象 验证是否为空的任何类型数据,为空择取默认的设置值 var obj = {} console.log(this.vaildData(obj,'默认值')) //默认值 console.log(this.vaildData(obj,{name:11})) //{name:11
阅读全文
摘要：Vue this.$nextTick方法：在修改数据之后立即使用这个方法，获取更新后的 DOM，无需二次刷新 this.$nextTick(() => {}) :visible指的是属性绑定，表示弹框的显示隐藏，sync:同步动态双向的来表示visible的值 <el-dialog :visible
阅读全文
摘要：组件之间共享数据的方式 小范围 父向子：v-bind属性绑定 简写: 子向父：v-on 事件绑定 简写@ 兄弟组件之间共享数据：EventBus Vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享 // 安装 npm install vuex --save // 导入
阅读全文
摘要：import Vue from "vue" import Router from "vue-router" Vue.use(router) const routes = [ {path: '/',component: () => import('../components/a.vue'), meta
阅读全文
摘要：<template> <div> <input type="text" v-model="val" /> <p>{{ comVal("sss") }}</p> <p>{{ comVal("") | filVal }}</p> <div> {{ arr | filArr }} </div> <div>
阅读全文
摘要：表格使用avue-curd插件，应当多多查看api文档 图表可以使用 echarts，hcharts 官网:echarts官网 echartsAPI: 重置大小：resize，， 初始化： init, 设置选项： setOption, 使用vue获取后端数据时，应该判断数据类型，若为数组，前端也应当
阅读全文
摘要：1、数组与链表 数组，就是相同数据类型的元素按一定顺序排列的集合；数组的存储区间是连续的，占用内存比较大，故空间复杂的很大。但数组的二分查找时间复杂度小，都是O(1)；数组的特点是：查询简单，增加和删除困难；在内存中，数组是一块连续的区域 链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的
阅读全文
