- 博客(42)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 photo-sphere-viewer 全景图Vr 720全景查看(vue篇)
photo-sphere-viewer 全景图Vr 720全景查看
2023-02-13 16:16:35
8320
12
原创 ArcoDesin+Vue3快速构建页面组件
根据日常开发,封装表单组件,以及table组件快速构建页面。bl-filter-form组件。组件:bl-form-item。
2023-08-04 11:23:39
417
原创 async/await(优势在于处理then链)
async/await没有这个限制,可以当做普通的局部变量来处理,用let或者const定义的块级变量想怎么用就怎么用,想定义几个就定义几个,完全没有限制,也没有冗余工作;从字面上来看,async是“异步”的简写,await译为等待,所以我们很好理解async声明function是异步的,await等待某个操作完成。sync/await是对Promise的优化: async/await是基于Promise的,是进一步的一种优化,不过在写代码时,Promise本身的API出现得很少,很接近同步代码的写法;
2023-06-02 15:17:05
518
翻译 promise
Promise 构造函数是 JavaScript 中用于创建 Promise 对象的内置构造函数。Promise 构造函数接受一个函数作为参数,该函数是同步的并且会被立即执行,所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject,分别表示 Promise 成功和失败的状态。起始函数执行成功时,它应该调用 resolve 函数并传递成功的结果。当起始函数执行失败时,它应该调用 reject 函数并传递失败的原因。
2023-06-02 14:48:59
81
原创 前端面试题汇总(理论篇五)---布局篇
具有 BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。async 函数中可能会有 await 表达式,await表达式 会使 async 函数暂停执行,直到表达式中的Promise解析完成后继续执行 async 中 await 后面的代码并返回解决结果。BFC是指浏览器中创建了一个独立的渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。- watch与watchEffect。
2023-05-18 10:06:32
86
原创 前端面试题汇总(理论篇四)---日常开发
0.1+0.2!=0.3 及小数乘以100如0.44*100失去精度的问题;new Array(10).fill("测试数据");
2023-05-18 10:06:02
68
原创 前端面试题汇总(理论篇二) --vue
MVVM核心思想,是关注model的变化,让MVVM框架利用自己的机制自动更新DOM,也就是所谓的数据-视图分离,数据不会影响视图。Vue在更新Dom时是异步执行的,在修改数据后,视图不会立即更新,而是在等同一时间就循环中的所有变化完成后,再统一对视图进行更新。所以我们在修改完数据,立即在方法中获取DOM,获取的仍是未修改的DOM。中使⽤了 ES6 的 ProxyAPI 对数据代理,通过 reactive() 函数给每⼀个对象都包⼀层 Proxy,通过 Proxy 监听属性的变化,从⽽ 实现对数据的监控。
2023-05-18 10:04:15
139
原创 前端面试题汇总(理论篇一)--页面加载及请求、网络
JavaScript的单线程,与它的用途有关。当一个变量向另一个变量赋值引用类型的值时,同样也会将栈内存中的值复制一份放到新变量分配的空间中,但是引用类型保存在栈内存中的变量是一个地址,这个地址指向的是堆内存中的对象,所以这个变量其实复制了一个地址,两个地址指向同一个对象,改变其中任何一个变量都会互相影响。执行JS的时候,遇见同步任务,直接推入调用栈中执行,遇到异步任务,该任务挂起,等异步任务有返回之后推入到任务队列中,等调用栈中所有任务执行完成,将任务队列一个个推入并执行,重复这一系列的行为叫事件循环。
2023-05-18 10:03:42
455
原创 数据量太大,加载时长优化(更新中)
当需要添加多个DOM元素时,可以先把DOM添加到这个虚拟节点中。然后再统一将虚拟节点添加到页面,这会减少页面渲染DOM的次数。2.在隐藏或者不可见的元素中,requestAnimationFrame将不会重绘/重排。1.把每一帧中的所有DOM操作集中起来,在一次的重排/重绘中完成。用来创建一个虚拟的节点对象,节点对象不属于文档树。
2023-05-17 14:26:40
100
原创 webscoket生命周期及心跳机制
客户端每隔一段时间向服务端发送一个特有的心跳消息,每次服务端收到消息后只需将消息返回,此时,若二者还保持连接,则客户端就会收到消息,若没收到,则说明连接断开,此时,客户端就要主动重连,完成一个周期。:若某时间段内客户端发送了消息,而服务端未返回,则认定为断线;这个时候会触发到websocket中的onclose事件,需要重新连接服务。
2023-05-16 20:24:18
374
转载 首屏加载时间过长?首屏白屏问题解决?打包文件体积过大优化?
2.在webpack打包的过程中,将多余文件去掉,如不生成map文件,即在config/index.js中将productionSourceMap的值修改为false,就可以在编译时不生成.map文件了。5)异步加载js,async是JavaScript下载完成,就会立即执行代码,等待执行完之后才继续解析HTML。4.gzip压缩:前端配置gzip压缩,并且服务端使用nginx开启gzip,用来减小网络传输的流量大小。5.不要滥用第三方库,用到一个功能点整个第三方全部引入,按需引入;
2023-05-16 20:03:47
1321
原创 简单说说区分slice、splice、substr、substring用法
2.splice(start,num,...insteadParams) 第二个参数是要删除的项目数量,第三个参数的话可以添加插入新元素。注:该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用Array.splice()Arr.slice(start,end) 下标start开始到end的结束(不包含end)是Array对象的方法,用来操作数组。是String对象的方法,用来操作字符串。是String对象的方法,用来操作字符串。substring() 不接受负的参数。
2023-05-11 16:02:20
74
原创 数组转字符串、字符串转数组那些事儿
Array.from辅助创建从阵列状或迭代的对象的新数组。字符串既可迭代又类似于数组,因此,可以成功地将其转换为字符数组。
2023-05-09 16:34:10
170
原创 数组查找是否存在某个值、对象查找某个属性、字符串中是否包含某个字符或字符串(整理篇)
如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。使用jquery的inArray方法,该方法返回元素在数组中的下标,如果不存在与数组中,那么返回-1。1.Obj.hasOwnProperty('name') 是都包含name属性。fromIndex:从该索引处开始查找 searchElement。返回数组中满足条件的第一个元素的索引(下标), 如果没有找到,返回-1。some找到符合条件的项后返回布尔值。2.in关键字 是否有某个属性。
2023-05-09 15:44:03
539
原创 Vue使用keep-alive后,el-tooltip悬浮内容在切换页面时不自动消失
【代码】Vue使用keep-alive后,el-tooltip悬浮内容在切换页面时不自动消失。
2023-05-09 09:17:17
211
原创 对象的合并及数组合并整理
2.array.concat()方法进行合并,这个方法不是添加到现有数组,而是创建并返回一个新数组。4.Apply方法:这个方法是将数组各项添加到另一个数组当中,是一种改变原数组的方法。jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注:第一级是深拷贝,第二级开始都是浅拷贝。由上面的代码可以看出,效果与法一相同。注:第一级是深拷贝,第二级开始都是浅拷贝。注:第一级是深拷贝,第二级开始都是浅拷贝。3.array.push()方法进行合并。4.jquery中的extend()
2023-05-09 09:14:41
1124
原创 Vue-baidu-map覆盖物动态增加(多边形、标记点)
页面增加标记及多边形等覆盖物,标记可拖拽调整,同时也可通过关键词搜索获取获取经纬度,调整标记点位置,获取推荐几个地址,问题地址下拉选择其中一个地址等。
2023-04-22 15:34:54
2072
原创 百度离线地图覆盖物动态增加(多边形、标记点)
ps:因为地图外层加了el-scrollbar,会干扰地图的缩放,所以自己写了个方法缩放。红色编辑点:点击地图新增出来或者根据数据赋值过来,可拖拽移动。
2023-04-22 15:19:51
889
原创 基于elementUI滚动条el-scrollbar内容滚动
需求:表单填写信息过长,提交按钮在顶部需要一直在可视区,公司信息也固定显示在底部不被遮盖,于是要求只要中间内容部分,填写信息滚动条滚动内容。注:主内容区域加id="pageContent"计算滚动区域高度:calcHeight.js。不写这个,横向滚动条显示会有问题。
2023-04-22 14:31:26
1046
原创 基于ElementUI的el-table滚动条处理
日常项目中,我们列表数据过多时,需要table内数据滚动,筛选条件在顶部,分页在窗口底部显示,无论数据怎么滚动,这两部分都在窗口可视区,便于操作。于是,自己封装了一个表单及分页组件。数据滚动同时,表单头部不被遮挡且可随时操作分页,右侧行操作按钮固定于没行的右侧不受影响;窗口大小调整,滚动条变动。注意,在主内容区加id="pageContent"计算table高度方法。
2023-04-22 11:38:12
6831
原创 photo-sphere-viewer 全景图Vr 720全景查看(原生js)
photo-sphere-viewer 全景图Vr 720全景查看(原生js)
2023-02-13 16:57:44
1037
原创 css实用技巧篇
css使用技巧1、在父级标签加上类.clear-fix(推荐使用).clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfloat{zoom:1}或者.clear-fix{*overflow:hidden
2023-02-02 14:03:11
65
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人