06 2023 档案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 界面无滚动条 滚动条的优化也有很多种，比如随便再网上搜索美化浏览器滚动条样式，就会出现些用css去美化滚动条的方案。 那种更好呢？ 没有更好只有更合适 像默认的滚动条的话，他能让你方便摁着往下滑动（他比较宽）特别省劲，不用担心美化过后变细
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 风格设置 加载地图 使用AMapLoader.load加载地图，从 控制台 申请一个属于自己的key import AMapLoader from '@amap/amap-jsapi-loader'; ... const AMap = a
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 hree.js 是一个基于 WebGL 的 JavaScript 3D 库，用于创建和渲染 3D 图形场景。 一、 图像渲染过程 1、webGL webGL: WebGL 是一种基于 JavaScript API 的图形库，它允许在浏览器
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言: 近期我在项目中就接到了一个完成轮播图组件的需求。最开始我也像大家一样，直接选择使用了知名的开源项目 "Swiper"，但是后来发现它在移动端项目中某些测试环境下会白屏一段时间。无论如何调试都不能修复这个问题，于是就自己上手写了个轮
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前段时间在看面经的时候,发现很多份面经中都被问到了 强缓存 和 协商缓存。因此我觉得有必要写一篇文章来好好聊聊这两者。 强缓存和协商缓存 浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本文介绍了一种新的HTML元素搜索方法，并提供了一个实用的工具来帮助开发者快速找到所需的元素。这对于那些需要处理大量HTML元素的开发者来说是非常有用的。文章还通过提供一些常见元素的用法示例，帮助开发者更好地理解和应用这些元素。在众多元素
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端实现文件预览功能 需求：实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍：支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述，内容都是一样的，主打一个随用随取，按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在使用vue项目编写的时候，不可避免的会碰到需要时js api来调用组件进行显示的情况 例如饿了么element ui 的 Notification 通知、Message 消息提示等组件 虽然已经提供了，但是由于api的限制，我们只
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 npm包：sta-datepicker 效果图 需求 普通的时间选择器要么只能单选，要么只能选范围，不可以随意选择若干个时间，同时大多数现成的时间选择器选择结束会收起来，很不方便。现在需求如下 1、可以自己控制展开收起 2、可以选择不连续
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 xlsx导出是比较前后端开发过程中都比较常见的一个功能。但传统的二维表格可能很难能满足我们对业务的需求，因为当数据的维度和层次比较多时,二维表格很难以清晰和压缩的方式展现所有的信息，所以我们也就经常能碰到多级表头开发了。 demo
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用ElementPlus的Table啥都好，就是没有可编辑表格！！！😭 既然UI库不支持，那我们实现一个可编辑表格是很难的事么？😒难么？😢不难么？... 个人觉得如果是业务固定的可编辑表格，使用ElementPlus实现都不难。但
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用背景： 1.因为svg图标在任何设备下都可以高清显示，不会模糊。而icon会在显卡比较低的电脑上有显示模糊的情况 2.svg图标在页面render时 速度会比icon稍微快一点 3.实现小程序换肤功能 ；方案见：www.yuque.c
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言：我们知道同源策略可以隔离各个站点之间的 DOM 交互、页面数据和网络通信，虽然严格的同源策略会带来更多的安全，但是也束缚了 Web。这就需要在安全和自由之间找到一个平衡点，所以我们默认页面中可以引用任意第三方资源，然后又引入 CSP
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue 3 稳定已经有一段时间了。许多代码库正在生产中使用它，其他人最终也必须进行迁移。我有机会与它一起工作，并记录了我的错误，这可能是你想避免的。 1.使用响应式助手声明基本类型 数据声明曾经很简单，但现在有多个辅助工具可用。现在的一般
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 为了保证的可读性，本文采用意译而非直译。 在 JS 面试中，经常会看到一些简单而又沙雕的题目，这些题目包含一些陷阱，但这些在我们规范的编码下或者业务中基本不会出现。 有些面试官就是这样，不专注于制定代码的标准和规范上，却用不规范的代码去检
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 步骤条是一种用于引导用户按照特定流程完成任务的导航条，在各种分步表单交互场景中广泛应用。先来看一下几个主流前端 UI 框架中步骤条组件的样子： ElementPlus AntDesign OpenTiny iView 我们可以发现，步骤条
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 🛰🛰 我们在无论是在查阅别人的代码，还是在实际项目开发的过程中，肯定都会使用导入导出的功能，有时候我们会搞混这几种方式到底有什么区别，今天我们就来细致的区分一下： 导入导出方式⚔️⚔️ 我们都知道最常见的几种导出方式无非是exp
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1️⃣ set对象：数组快速去重 常规情况下，我们想要筛选唯一值，一般会想到遍历数组然后逐个对比，或者使用成熟的库比如lodash之类的。 不过，ES6带来了一个新玩意儿！它引入了一个全新的对象类型：Set！而且，如果结合上...展开运算
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 所谓数据可视化，我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比，走向。对于数据可视化，很多互联网公司是很看重这一块的，包括大厂；就比如阿里的淘宝，双十一的时候往往就需要将消费者的一些数据通过图的形式展现出来。接下来我们就来
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 发现一个很有创意的小工具网站，如封面图所示功能很简单，就是将一个URL地址转换为都是 ooooooooo 的样子，通过转换后的地址访问可以转换回到原始地址，简单流程如下图所示。转换的逻辑有点像短链平台一样，只不过这个是将你的URL地址变的
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 面试官：“HTTPS的加密过程你知道么？” 我：“那肯定知道啊。” 面试官：“那你知道什么情况下 HTTPS 不安全么” 我：“这....” 越面觉得自己越菜，继续努力学习！！！ 什麽是中间人攻击？ 中间人攻击（MITM）在密码学和计算机
阅读全文