前端基础知识合集 - 随笔分类(第5页) - 林恒

记录--前端无感知刷新token & 超时自动退出

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前端无感知刷新token&超时自动退出一、token的作用因为http请求是无状态的，是一次性的，请求之间没有任何关系，服务端无法知道请求者的身份，所以需要鉴权，来验证当前用户是否有访问系统的权限。以oauth2.0授权码模式为例：阅读全文

posted @ 2024-01-05 18:05 林恒阅读(578) 评论(0) 推荐(1)

记录--如何防止网站信息泄露（复制/水印/控制台）

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、前言中午休息的时候，闲逛公司内网，看到一个url，就想复制一下url，看看url对应的内容是啥，习惯性使用ctrl+c，然后ctrl+v，最后得到是禁止复制，哦，原来是禁用了复制。这能难倒一个前端开发吗？当然不能。于是打开了控制台阅读全文

posted @ 2024-01-04 18:28 林恒阅读(252) 评论(0) 推荐(3)

记录--通过Promise实现分批处理接口请求

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助如何通过 Promise 实现百条接口请求？实际项目中遇到需要批量发起上百条接口请求怎么办？最新案例代码在此！点击看看前言不知你项目中有没有遇到过这样的情况，反正我的实际工作项目中真的遇到了这种玩意，一个接口获取一份列表，列表中的阅读全文

posted @ 2024-01-02 18:14 林恒阅读(284) 评论(0) 推荐(1)

记录--HTML问题：如何实现分享URL预览？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析为了提高用户对页面链接分享的体验，需要对分享链接做一些处理。以 Telegram(国外某一通讯软件) 为例，当在 Telegram 上分享已做过处理的链接时，它会自动尝试获取链接的预览信息，包括标题、描述和图片。如此当阅读全文

posted @ 2023-12-28 18:45 林恒阅读(507) 评论(0) 推荐(1)

记录--try...catch知识补全

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助说到try...catch都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的。然而因为了解不够多，我的面试却栽在了一个简单的知识点上：try...catch只能捕捉到同步执行代码块中的错误。题目是：以下代码有错吗？如果阅读全文

posted @ 2023-12-27 18:28 林恒阅读(123) 评论(0) 推荐(0)

记录--聊聊图片预加载

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助聊聊图片预加载关于图片的加载，不同的需求有不同的实现，比如图片过多时候的懒加载，为了保证效果的预加载。如何进行图片的预加载前端实现图片的预加载，其实是利用了浏览器的缓存，我们通过 a 标签来提前加载图片，如下： const img 阅读全文

posted @ 2023-12-25 18:17 林恒阅读(205) 评论(0) 推荐(0)

记录--get请求参数放在body中？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、背景与后端对接口时，看到有一个get请求的接口，它的参数是放在body中的 ******get请求参数可以放在body中？？随即问了后端，后端大哥说在postman上是可以的，还给我看了截图可我传参怎么也调不通！下面就来探究到阅读全文

posted @ 2023-12-20 18:52 林恒阅读(4726) 评论(0) 推荐(1)

记录--一行代码修复100vh bug

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？一、100vh bug 什么是移动视口错误？你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难： .my-page { height: 阅读全文

posted @ 2023-12-19 18:17 林恒阅读(333) 评论(0) 推荐(2)

记录--没有await，如何处理“回调地狱”

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助太长不看不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层利用函数提升。先使用后声明。处理每一个异常编写可以复用的函数，并把他们封装成一个模块什么是“回调地狱”？异步Javascript代码，或者说使用callback的阅读全文

posted @ 2023-12-18 19:06 林恒阅读(130) 评论(0) 推荐(0)

记录--js小练习（弹幕、电梯导航、倒计时、随机点名、购物放大镜）

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 DOM小练习弹幕电梯导航倒计时随机点名购物放大镜 1.弹幕效果预览功能：输入弹幕内容，按下回车显示一条弹幕（弹幕颜色、字体随机生成）思路：设置按钮抬起事件，在事件中判断如果按下的是回车键则将输入框中替换掉敏感词的数据追加到阅读全文

posted @ 2023-12-14 17:52 林恒阅读(183) 评论(0) 推荐(0)

记录--前端中 JS 发起的请求可以暂停吗

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。尽管如此，你可阅读全文

posted @ 2023-12-11 19:57 林恒阅读(253) 评论(0) 推荐(1)

记录--页面加载多个Iframe，白屏时间太长，如何优化？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近接到一个需求，和AI 的对话需要展示图表，而这个图表的功能由另外一个系统提供，打算采用iframe的方式嵌入。当我们和AI对话越来越多，嵌入的图表也会越来越多，此时一次性渲染多个iframe会导致页面白屏时间比较长，体验很差。要解阅读全文

posted @ 2023-12-06 18:26 林恒阅读(1456) 评论(0) 推荐(0)

记录--仿贝壳地图画圈找房功能实现（高德地图）

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助仿贝壳地图画圈找房功能实现（高德地图）前言在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于web pc端开发，所以一般遇到这种圈选，绘制多边形圆形都是直接基于官方阅读全文

posted @ 2023-11-28 18:47 林恒阅读(405) 评论(0) 推荐(1)

记录--求你了，别再说不会JSONP了

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JSONP是一种很远古用来解决跨域问题的技术，当然现在实际工作当中很少用到该技术了，但是很多同学在找工作面试过程中还是经常被问到，本文将带您深入了解JSONP的工作原理、使用场景及安全注意事项，让您轻松掌握JSONP。 JSONP是什么？阅读全文

posted @ 2023-11-25 17:38 林恒阅读(127) 评论(0) 推荐(0)

记录--为什么没有人能讲清楚 BFC？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、你看得懂权威的解释吗？ 1. CSS 规范中对 BFC 的描述 CSS 规范(英文) | 中文翻译浮动，绝对定位的元素，非块盒的块容器（例如inline-blocks，table-cells和table-captions），以及’o 阅读全文

posted @ 2023-11-23 18:31 林恒阅读(111) 评论(0) 推荐(0)

记录--居中为什么要使用 transform？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助引言居中是我们在前端布局中经常会遇到的问题，其中包括水平居中和垂直居中。居中的方法很多，比如说水平居中可以使用text-align: center或者margin: 0 auto等等来实现，垂直居中则需要使用一些其它的特殊的技巧。比如说阅读全文

posted @ 2023-11-22 19:57 林恒阅读(196) 评论(0) 推荐(0)

记录--canvas基础操作

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 以下是一些有关使用Canvas的技巧：绘制基本形状：Canvas可以用于绘制各种基本形状，如矩形、圆形、线条等。使用 fillRect() 方法绘制矩形，使用 arc() 方法绘制圆形，使用 lineTo() 方法绘制线条等。绘阅读全文

posted @ 2023-07-26 17:21 林恒阅读(156) 评论(0) 推荐(0)

记录--跨域的五种最常见解决方案

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助什么是跨域？跨域不是问题，是一种安全机制。浏览器有一种策略名为同源策略，同源策略规定了部分请求不能被浏览器所接受。值得一提的是：同源策略导致的跨域是浏览器单方面拒绝响应数据，服务器端是处理完毕并做出了响应的。什么是同源策略一个ur 阅读全文

posted @ 2023-02-02 17:27 林恒阅读(334) 评论(0) 推荐(0)

记录--手把手教学，实现一个优雅的图片预览

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助在我们开发项目中，经常会遇到预览图片的需求。也就是点击图片，会全屏显示该图片。需求很简单，但是如何让实现更优雅就需要花点心思了。最终效果图基础版本实现方式点击图片，创建蒙层，克隆图片将图片添加定位属性，并添加到蒙层中将蒙层添加阅读全文

posted @ 2023-01-31 17:18 林恒阅读(262) 评论(0) 推荐(0)

记录--“非主流” 的纯前端性能优化

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如 DoubleClick by Google 发现：如果页面加载时间超过 3 秒，53% 的用户会选择终止当前操阅读全文

posted @ 2023-01-13 17:44 林恒阅读(142) 评论(0) 推荐(0)

林恒

随笔分类 - 前端基础知识合集

公告