- 博客(42)
- 收藏
- 关注
RSS订阅
原创 photo-sphere-viewer 全景图Vr 720全景查看（vue篇）
photo-sphere-viewer 全景图Vr 720全景查看
2023-02-13 16:16:35
7387
12
原创 ArcoDesin+Vue3快速构建页面组件
根据日常开发，封装表单组件，以及table组件快速构建页面。bl-filter-form组件。组件：bl-form-item。
2023-08-04 11:23:39
390
原创 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
474
翻译 promise
Promise 构造函数是 JavaScript 中用于创建 Promise 对象的内置构造函数。Promise 构造函数接受一个函数作为参数，该函数是同步的并且会被立即执行，所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject，分别表示 Promise 成功和失败的状态。起始函数执行成功时，它应该调用 resolve 函数并传递成功的结果。当起始函数执行失败时，它应该调用 reject 函数并传递失败的原因。
2023-06-02 14:48:59
70
原创 前端面试题汇总(理论篇五)---布局篇
具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。async 函数中可能会有 await 表达式，await表达式 会使 async 函数暂停执行，直到表达式中的Promise解析完成后继续执行 async 中 await 后面的代码并返回解决结果。BFC是指浏览器中创建了一个独立的渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。- watch与watchEffect。
2023-05-18 10:06:32
74
原创 前端面试题汇总(理论篇四)---日常开发
0.1+0.2！=0.3 及小数乘以100如0.44*100失去精度的问题;new Array(10).fill("测试数据");
2023-05-18 10:06:02
54
原创 前端面试题汇总(理论篇二) --vue
MVVM核心思想，是关注model的变化，让MVVM框架利用自己的机制自动更新DOM，也就是所谓的数据-视图分离，数据不会影响视图。Vue在更新Dom时是异步执行的，在修改数据后，视图不会立即更新，而是在等同一时间就循环中的所有变化完成后，再统一对视图进行更新。所以我们在修改完数据，立即在方法中获取DOM，获取的仍是未修改的DOM。中使⽤了 ES6 的 ProxyAPI 对数据代理，通过 reactive() 函数给每⼀个对象都包⼀层 Proxy，通过 Proxy 监听属性的变化，从⽽ 实现对数据的监控。
2023-05-18 10:04:15
127
原创 前端面试题汇总（理论篇一）--页面加载及请求、网络
JavaScript的单线程，与它的用途有关。当一个变量向另一个变量赋值引用类型的值时，同样也会将栈内存中的值复制一份放到新变量分配的空间中，但是引用类型保存在栈内存中的变量是一个地址，这个地址指向的是堆内存中的对象，所以这个变量其实复制了一个地址，两个地址指向同一个对象，改变其中任何一个变量都会互相影响。执行JS的时候，遇见同步任务，直接推入调用栈中执行，遇到异步任务，该任务挂起，等异步任务有返回之后推入到任务队列中，等调用栈中所有任务执行完成，将任务队列一个个推入并执行，重复这一系列的行为叫事件循环。
2023-05-18 10:03:42
354
原创 数据量太大，加载时长优化(更新中)
当需要添加多个DOM元素时，可以先把DOM添加到这个虚拟节点中。然后再统一将虚拟节点添加到页面，这会减少页面渲染DOM的次数。2.在隐藏或者不可见的元素中，requestAnimationFrame将不会重绘/重排。1.把每一帧中的所有DOM操作集中起来，在一次的重排/重绘中完成。用来创建一个虚拟的节点对象，节点对象不属于文档树。
2023-05-17 14:26:40
78
原创 webscoket生命周期及心跳机制
客户端每隔一段时间向服务端发送一个特有的心跳消息，每次服务端收到消息后只需将消息返回，此时，若二者还保持连接，则客户端就会收到消息，若没收到，则说明连接断开，此时，客户端就要主动重连，完成一个周期。：若某时间段内客户端发送了消息，而服务端未返回，则认定为断线；这个时候会触发到websocket中的onclose事件，需要重新连接服务。
2023-05-16 20:24:18
309
转载 首屏加载时间过长？首屏白屏问题解决？打包文件体积过大优化？
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
983
原创 简单说说区分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
61
原创 数组转字符串、字符串转数组那些事儿
Array.from辅助创建从阵列状或迭代的对象的新数组。字符串既可迭代又类似于数组，因此，可以成功地将其转换为字符数组。
2023-05-09 16:34:10
146
原创 数组查找是否存在某个值、对象查找某个属性、字符串中是否包含某个字符或字符串（整理篇）
如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。使用jquery的inArray方法，该方法返回元素在数组中的下标，如果不存在与数组中，那么返回－１。1.Obj.hasOwnProperty('name') 是都包含name属性。fromIndex:从该索引处开始查找 searchElement。返回数组中满足条件的第一个元素的索引（下标）, 如果没有找到，返回-1。some找到符合条件的项后返回布尔值。2.in关键字 是否有某个属性。
2023-05-09 15:44:03
467
原创 Vue使用keep-alive后，el-tooltip悬浮内容在切换页面时不自动消失
【代码】Vue使用keep-alive后，el-tooltip悬浮内容在切换页面时不自动消失。
2023-05-09 09:17:17
190
原创 对象的合并及数组合并整理
2.array.concat()方法进行合并，这个方法不是添加到现有数组，而是创建并返回一个新数组。4.Apply方法：这个方法是将数组各项添加到另一个数组当中，是一种改变原数组的方法。jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注：第一级是深拷贝，第二级开始都是浅拷贝。由上面的代码可以看出，效果与法一相同。注：第一级是深拷贝，第二级开始都是浅拷贝。注：第一级是深拷贝，第二级开始都是浅拷贝。3.array.push()方法进行合并。4.jquery中的extend()
2023-05-09 09:14:41
1045
原创 Vue-baidu-map覆盖物动态增加（多边形、标记点）
页面增加标记及多边形等覆盖物，标记可拖拽调整，同时也可通过关键词搜索获取获取经纬度，调整标记点位置，获取推荐几个地址，问题地址下拉选择其中一个地址等。
2023-04-22 15:34:54
1819
原创 百度离线地图覆盖物动态增加（多边形、标记点）
ps:因为地图外层加了el-scrollbar，会干扰地图的缩放，所以自己写了个方法缩放。红色编辑点：点击地图新增出来或者根据数据赋值过来，可拖拽移动。
2023-04-22 15:19:51
765
原创 基于elementUI滚动条el-scrollbar内容滚动
需求：表单填写信息过长，提交按钮在顶部需要一直在可视区，公司信息也固定显示在底部不被遮盖，于是要求只要中间内容部分，填写信息滚动条滚动内容。注：主内容区域加id="pageContent"计算滚动区域高度：calcHeight.js。不写这个，横向滚动条显示会有问题。
2023-04-22 14:31:26
925
原创 基于ElementUI的el-table滚动条处理
日常项目中，我们列表数据过多时，需要table内数据滚动，筛选条件在顶部，分页在窗口底部显示，无论数据怎么滚动，这两部分都在窗口可视区，便于操作。于是，自己封装了一个表单及分页组件。数据滚动同时，表单头部不被遮挡且可随时操作分页，右侧行操作按钮固定于没行的右侧不受影响；窗口大小调整，滚动条变动。注意，在主内容区加id="pageContent"计算table高度方法。
2023-04-22 11:38:12
6028
原创 photo-sphere-viewer 全景图Vr 720全景查看（原生js）
photo-sphere-viewer 全景图Vr 720全景查看（原生js）
2023-02-13 16:57:44
876
原创 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
58
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人