- 博客(88)
- 收藏
- 关注
RSS订阅
原创 git问题总结（持续遇到，持续更新）
git add .git commit -m"feat: msg"git pull --rebase如果冲突：处理冲突git rebase --continue一直处理完所有rebase，直到devgit push
2021-08-25 15:45:23
136
1
原创 git remote: HTTP Basic: Access denied 错误解决办法
git remote: HTTP Basic: Access denied 错误解决办法问题描述：git push 报 HTTP Basic: Access denied 错误原因：本地git配置的用户名、密码与gitlabs上注册的用户名、密码不一致。解决方案：如果账号密码有变动 用这个命令 git config –system –unset credential.helper 重新输入账号密码 应该就能解决了如果用了第一个命令 还不能解决问题那么 用这个命令：git config –gl
2021-01-13 10:56:33
1019
原创 VUE3 中的 Watch 详解
watch vue3这种情况，只有当 demo 的子属性发生变更时才会触发 watch 方法。孙属性，曾孙属性… 发生变更都不会触发 watch 方法。也就是说，当你修改 demo.soulmate.name 或者 demo.soulmate.nickName 时是不会触发 watch 方法的。...
2022-06-28 17:20:33
1433
原创 WEBGL和地图相关记录
1.地图 mapbox ,v2以上版本必须加access token2.mapbox的库deck.js添加链接描述3.PixiJS是一个快速的轻量级的2D动画渲染引擎，主要使用了WebGL技术，能帮助展示、驱动和管理富有交互性的图形、制作游戏。使用JavaScript以及其他HTML5技术，结合PixiJS引擎，可以创建出丰富的交互式图形，跨平台的应用程序和游戏。...
2022-03-10 09:39:09
3915
原创 vue踩坑集合
bug复现：根据路由加载动态组件，使用了computed 监听路由变化，离开页面会重新加载组件，触发钩子函数。computed会执行两次，而第一次是没有数据的，需要额外进行处理。今天用一种简单的方式即可解决。添加链接描述...
2022-03-02 13:56:21
5552
转载 数组对象去重（前端开发必备技能）
1.使用reduce对数组对象去重let log = console.log.bind(console);let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ];let obj = {};person =
2022-03-01 11:03:57
342
原创 padStart() padEnd（）使用
前端开发中，会遇到字符串填充的问题，padStart()和padEnd()可能会有帮助：str.padStart(targetLength,string)：使用指定字符串填充到目标字符串前面，使其达到目标长度；str.padEnd(targetLength,string)：使用指定字符串填充到目标字符串后面，使其达到目标长度；举例：创建一个数组，数组包含12个月份，月份格式是：“01”，“02” … “10”，“11”，“12”；代码： let monList = []; for
2022-02-24 09:58:44
117
转载 JS 新语法「可选链」「双问号」已进入 Stage 3
你可能写过这样的代码var street = user.address && user.address.street;有了这个新语法，你可以写成var street = user.address?.street你可能还写过这样的代码var fooInput = myForm.querySelector('input[name=foo]')var fooValue = fooInput ? fooInput.value : undefined有了新语法后，你可以写成var
2022-01-04 11:26:04
205
原创 前端开发问题总结
1.展示后端返回字符串\n 换行不起作用解决办法：white-space: pre-wrapwhite-space CSS 属性是用来设置如何处理元素中的 空白换行符 空格和制表符 文字换行 行尾空格normal 合并 合并 换行 删除nowrap 合并 合并 不换行 删除pre 保留 保留 不换行 保留pre-wrap 保留 保留 换行 挂起pre-line 保留 合并 换行 删除break-spaces 保留 保留 换行 换行换行符空格和制表符文字换行行尾空格
2021-12-16 17:42:03
104
原创 前端开发第一次拿到mac要做的流程
1.设置相关操作2.访达新建相关文件夹3.此事电脑还没有git，下载xcode，里面包含相关依赖和环境4.命令窗口安装Oh My Zsh 操作步骤5.安装nvm执行下面操作curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash安装说明：电脑没有安装node，如果安装需要卸载。如果安装失败，多执行几次。nvm安装成功开始安装需要的nodenvm install v12.2.0nvm
2021-11-30 17:34:59
928
原创 mac操作相关
功能快捷键输入法切换 control +空格Mac 和 Windows 按键对应关系control ctrloption Altcommand 功能键，即苹果键// 访达Command + Shift + 3 // 截取全屏到桌面Command + Shift + 4 // 截取所选区域到桌面Command + Shift + N
2021-11-30 10:48:34
217
原创 getBoundingClientRect
Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。如果是标准盒子模型，元素的尺寸等于width/height + padding + border-width的总和。如果box-sizing: border-box，元素的的尺寸等于 width/height。export const getDomRect = (domId) => { const dom = document.getElementById(domId); if
2021-11-17 17:18:00
856
原创 数组对象修改字段名称（字段映射）
可以使用 this.layData = JSON.parse(JSON.stringify(data.data).replace(/xCenter/g, 'axisX').replace(/yCenter/g, 'axisY'))
2021-11-15 17:36:45
589
原创 google浏览器内存占用过高导致浏览器崩溃
以规划执行页面为例（存在翻页崩溃问题）：第一页内存占用：500M点击第2页内存占用：510M点击第3页内存占用：1G点击第4页直接崩溃好了现在我们分析每一页加载的数据：可以看到前三页的数据量都不足0.5M，第四页data5的数据量明显较大，达到4M我们假设浏览器崩溃是由于渲染的数据过大超过了Google浏览器的内存极限，通过查看第4页数据，发现绝大部分都是报错信息，我们现在把page4的报错信息移动一部分到page3看看内存的变化情况通过分析page4数据，一条报错信息是40k作用，
2021-11-04 16:21:00
4672
1
原创 上传文件，页面崩溃
生产环境数据字典没维护坐标朝向和库位类型，导入仓库坐标数据会导致页面崩溃问题分析：分析是由于报错数据量太大，前端把错误信息解析成字符串的过程中导致的崩溃。在错误信息超过5000条，页面会有崩溃风险。解决方案：a:后端控制报错信息的数量或数据结构（优先） b.前端对报错信息截取处理...
2021-10-21 17:39:20
943
原创 getBoundingClientRect获取某个元素相对于视窗的位置集合
Element.getBoundingClientRect()该Element.getBoundingClientRect()方法返回一个 DOMRect对象，提供有关元素大小及其相对于视口的位置的信息。价值返回值是一个DOMRect对象，它是包含整个元素的最小矩形，包括其填充和边框宽度。的 left，top，right，bottom， x，y，width，和height性质描述在像素整体矩形的位置和大小。width和以外的属性 height相对于视口的左上角。...
2021-08-23 15:52:46
177
原创 根据包围盒设置相机lookAt
var box3 = new THREE.Box3() box3.expandByObject(this.cube) var size = new THREE.Vector3() box3.getSize(size) center = new THREE.Vector3() box3.getCenter(center) this.camera.lookAt(center)如果有controls，可能会覆盖lookAt，需要重置lookAtcontrols.
2021-08-17 11:34:40
202
原创 使用Threejs自己画一个河南省地图（超简单）
使用技术：根据经纬度坐标集合，使用形状几何体ShapeGeometry绘制根据包围盒大小设置 正投影相机位置 系数下面以河南省为例： // 河南边界轮廓坐标 var arr = [ [110.3906, 34.585], [110.8301, 34.6289], [111.1816, 34.8047], [111.5332, 34.8486], [111.7969,
2021-08-17 10:43:46
2339
原创 THREEJS常用方法
1.toJson（）方法导出三维模型的各类数据2. 常见格式模型：2.1. .stl 只包含几何体信息，不包含材质信息，STLLoader2.2 .obj文件和mtl文件2.3 FBX 加载动画模型3.控制台查看几何体相关数据的表示方式var geometry = new THREE.BoxGeometry(50,25,25);//立方体console.log('几何体顶点位置坐标数据',geometry.vertices);console.log('几何体三角形',geometry.fa
2021-08-16 10:37:11
320
1
转载 js判断对象数组中是否存在某个对象
如果要判断数组中是否存在某个元素的话很好判断，直接用数组的indexOf方法就好，存在返回当前索引不存在返回-1var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -1要只是判断的话是可以遍历后判断对象的属性是否相同的，像这种：arr.forEach(item=>{ if(item.name=='Alex'){ alert('存在这个元素'); }})但实际中往往是需要动态添加或删除对象.
2021-07-06 10:31:38
9130
3
原创 vue 插件ESLint报错解决方法（持续整理）
{root: true, // 当前配置为根配置，将不再从上级文件夹查找配置parserOptions: {parser: ‘babel-eslint’, // 采用 babel-eslint 作为语法解析器sourceType: ‘module’, // 指定来源的类型，有两种script或moduleecmaVersion: 6, //指定ECMAScript支持的版本，6为ES6},env: {browser: true, // 设置为所需检查的代码是在浏览器环境运行的es6
2021-03-26 16:38:24
11517
转载 前端面试整理（css篇）
1.css水平、垂直居中的写法，请至少写出4种？这题考查的是css的基础知识是否全面，所以平时一定要注意多积累水平居中行内元素: text-align: center块级元素: margin: 0 autoposition:absolute +left:50%+ transform:translateX(-50%)display:flex + justify-content: center垂直居中设置line-height 等于heightposition：absolute +top:50
2021-03-25 11:27:06
77
原创 前端可视化图表选型
Echats参考地址：https://echarts.apache.org/examples/zh/index.htmlEcharts的设计出发点是图表。基于每一个图表类型，提供图表中数据相关的图形映射配置以及一些图表间通用的基本组件配置(如axis, legend, tooltip等)。2012年发布至今，现在已经更新到5.0.2版本。UI设计风格：3d图表支持：更详细的api文档：更完善社区作品：Antv参考地址：https://antv.vision/zhAntv是蚂蚁集团数据可
2021-03-18 16:03:32
2125
原创 前端UI库对比
前端UI库的选择会直接决定产品的页面主基调风格，特别是一些高度封装的组件，例如时间日期控件，级别联动或者树形控件，一旦确定UI库，风格就将锁定。另外不同的UI库、组件库数量的多少、封装的完善度、使用体验、是否存在隐藏bug也是不一样的。我下面罗列了几种针对PC端web开发最常用的几种UI组件库，可以点击链接感受一下各自的UI风格，然后晶姐再找个时间和大家碰一下，给出最终选择方案吧。Element UI开发团队：饿了么前端官网：https://element.eleme.cn/#/zh-CNgithu
2021-03-18 10:58:13
2694
转载 颜色值表述区别：#FFFFFF，rgb(256, 256, 256)，0xFFFFFF
HEX：最常见的CSS颜色值#后面是三组16进制的数字值，分别代表：红（R）、绿（G）、蓝（B）的颜色值。RGB：常见CSS颜色值，红®、绿(G)、蓝(B)三组十进制颜色值，最大值255，255转十六进制=FF；也可以写成100%RGB和HEX颜色值是对应的，只是颜色值进制不同，结果是一样的。十进制：0xFFFFFF = 16777215Web开发基本没有十进制颜色值写法，一般都是后台语言代码中，或者游戏引擎，如：Egret。0xFFFFFF是一个number值，0x后面也是十六进制颜色
2021-02-07 10:36:42
8651
转载 使用vue学习three.js动态demo之通过网格对象Mesh的属性实现立方体的缩放、移动、旋转、平移、隐藏
Mesh对象的缩放、移动、旋转、平移、隐藏一、网格对象属性和方法介绍1.缩放-scale2.位置-position3.旋转-rotation4.平移-translateX()、translateY()、translateZ()5.可见-visible二、通过demo深入理解Mesh属性和方法一、网格对象属性和方法介绍我们知道创建一个网格对象需要一个几何体以及一个或多个材质对象，创建好网格对象就可以把它添加到场景中了，但我们怎么实现网格对象的缩放、移动，旋转和平移操作呢，接下来给大家介绍一下
2020-12-30 10:06:42
1679
转载 Threejs之轨道控制（缩放、旋转、平移）
threejs 可以通过 npm install three 来安装文档介绍OrbitControls（轨道控制）轨道控制使摄像机可以围绕目标旋转。参数OrbitControls（object：Camera，domElement：HTMLDOMElement）object：（必需）要控制的摄像机。相机不得是其他对象的子对象，除非该对象是场景本身。domElement：用于事件侦听器的HTML元素。代码：var controls = new THREE.OrbitControls(camer
2020-12-30 09:53:23
3248
原创 闵行区二梯队小学对应小区
二梯队上海市七宝实验小学静安新城（漕宝路1467弄1-12区，包括静安公寓、静安花苑，九歌花园，九歌茗园，九歌中庭）；九歌上郡(宜山路2328弄)；大上海国际花园(漕宝路1555弄)；红明新村(漕宝路1565弄)；宏明雅舍(漕宝路1755弄)；海上新村（漕宝路1800弄；阳光乾城苑（星中路1111弄）天安豪园（虹莘路3333弄）上海市闵行区平南小学平吉校区平吉一村（虹莘路2388弄、2488弄）平吉二村（虹莘路2288弄）东苑半岛（顾戴路1266弄、虹莘路2058弄）新时代花园（
2020-12-29 14:00:17
2802
转载 three.js中常用的3种材质
总序材质和几何体构成网格，决定几何体是否像金属，透明与否，已经是否显示成线框。MeshBasicMaterial：对光照无感，给几何体一种简单的颜色或显示线框MeshLambertMaterial：这种材质对光照有反应，用于创建暗淡的不发光的物体MeshPhongMaterial：这种材质对光照也有反应，用于创建金属类明亮的物体材质的共有属性材质虽然可能有不同的分类，但是都是材质啊，还是有共性的地方，共有属性体现在基础属性，融合属性，高级属性三个方面。这三个方面其实是THREE.Material
2020-12-29 10:38:32
2452
转载 Threejs 各种材质的介绍
为了方便开发Threejs提供了一系列的材质，所有材质就是对WebGL着色器代码的封装，如果你不了解WebGL，会通过查阅Threejs文档使用相关材质类即可。点材质PointsMaterial点材质比较简单，只有PointsMaterial,通常使用点模型的时候会使用点材质PointsMaterial。点材质PointsMaterial的.size属性可以每个顶点渲染的方形区域尺寸像素大小。var geometry = new THREE.SphereGeometry(100, 25, 25);
2020-12-29 10:24:15
4177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人