12 2023 档案

记录--经常被cue大文件上传，忍不住试一下
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 大文件上传主要步骤： 获取文件对象，切分文件 根据文件切片，计算文件唯一hash值 上传文件切片，服务端保存起来 合并文件切片，前端发送合并请求，服务端将文件切片合并为原始文件 秒传，对于已经存在的分片，可以前端发个请求获取已经上传的文件 阅读全文
posted @ 2023-12-29 18:36 林恒 阅读(120) 评论(0) 推荐(0) 编辑
记录--HTML问题：如何实现分享URL预览？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 为了提高用户对页面链接分享的体验，需要对分享链接做一些处理。 以 Telegram(国外某一通讯软件) 为例，当在 Telegram 上分享已做过处理的链接时，它会自动尝试获取链接的预览信息，包括标题、描述和图片。 如此当 阅读全文
posted @ 2023-12-28 18:45 林恒 阅读(343) 评论(0) 推荐(1) 编辑
记录--try...catch知识补全
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说到try...catch都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的。然而因为了解不够多，我的面试却栽在了一个简单的知识点上：try...catch只能捕捉到同步执行代码块中的错误。 题目是：以下代码有错吗？如果 阅读全文
posted @ 2023-12-27 18:28 林恒 阅读(111) 评论(0) 推荐(0) 编辑
记录--工程化第一步这个package.json要真的搞明白才行
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工程化最开始就是package.json开始的，很多人学了很多年也没搞清楚这个为什么这么神奇，其实有些字段是在特定场景才有效的，那每个属性的适用场景和作用是什么，又牵扯很多知识点，今天先解读一些常见的属性，关注我，后期在遇到特定场景也会再 阅读全文
posted @ 2023-12-26 19:18 林恒 阅读(347) 评论(0) 推荐(1) 编辑
记录--聊聊图片预加载
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 聊聊图片预加载 关于图片的加载，不同的需求有不同的实现，比如图片过多时候的懒加载，为了保证效果的预加载。 如何进行图片的预加载 前端实现图片的预加载，其实是利用了浏览器的缓存，我们通过 a 标签来提前加载图片，如下： const img 阅读全文
posted @ 2023-12-25 18:17 林恒 阅读(138) 评论(0) 推荐(0) 编辑
记录--前端验证码破解
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码 阅读全文
posted @ 2023-12-23 18:25 林恒 阅读(233) 评论(1) 推荐(1) 编辑
记录--Vue3问题：如何实现组件拖拽实时预览功能？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 阅读全文
posted @ 2023-12-22 18:27 林恒 阅读(505) 评论(0) 推荐(1) 编辑
记录--Vue自动生成组件名
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp 阅读全文
posted @ 2023-12-21 19:05 林恒 阅读(172) 评论(0) 推荐(0) 编辑
记录--get请求参数放在body中？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、背景 与后端对接口时，看到有一个get请求的接口，它的参数是放在body中的 ******get请求参数可以放在body中？？ 随即问了后端，后端大哥说在postman上是可以的，还给我看了截图 可我传参怎么也调不通！ 下面就来探究到 阅读全文
posted @ 2023-12-20 18:52 林恒 阅读(3142) 评论(0) 推荐(1) 编辑
记录--一行代码修复100vh bug
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难： .my-page { height: 阅读全文
posted @ 2023-12-19 18:17 林恒 阅读(202) 评论(0) 推荐(2) 编辑
记录--没有await，如何处理“回调地狱”
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 太长不看 不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层 利用函数提升。先使用后声明。 处理每一个异常 编写可以复用的函数，并把他们封装成一个模块 什么是“回调地狱”？ 异步Javascript代码，或者说使用callback的 阅读全文
posted @ 2023-12-18 19:06 林恒 阅读(114) 评论(0) 推荐(0) 编辑
记录--代码刚上线，页面就白屏了
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有。 这是一个很重要的质量指标。 那么我 阅读全文
posted @ 2023-12-15 18:08 林恒 阅读(219) 评论(0) 推荐(1) 编辑
记录--js小练习（弹幕、 电梯导航、 倒计时、 随机点名、 购物放大镜）
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 DOM小练习 弹幕 电梯导航 倒计时 随机点名 购物放大镜 1.弹幕 效果预览 功能：输入弹幕内容，按下回车显示一条弹幕（弹幕颜色、字体随机生成） 思路：设置按钮抬起事件，在事件中判断如果按下的是回车键则将输入框中替换掉敏感词的数据追加到 阅读全文
posted @ 2023-12-14 17:52 林恒 阅读(147) 评论(0) 推荐(0) 编辑
记录--7个Js async/await高级用法
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 7个Js async/await高级用法 JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强 阅读全文
posted @ 2023-12-13 18:21 林恒 阅读(285) 评论(0) 推荐(0) 编辑
记录--Echarts绘制气泡图
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Echarts绘制气泡图 气泡图是一种用于可视化三维数据的图表类型，其中两个变量用于确定数据点在平面上的位置，另一个变量用于确定气泡的大小。Echarts是一款基于JavaScript的数据可视化库，它提供了丰富的图表类型，包括灵活多变的 阅读全文
posted @ 2023-12-12 19:02 林恒 阅读(1473) 评论(0) 推荐(1) 编辑
记录--前端中 JS 发起的请求可以暂停吗
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 阅读全文
posted @ 2023-12-11 19:57 林恒 阅读(200) 评论(0) 推荐(1) 编辑
记录--JS特效：跟随鼠标移动的小飞机
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端网页中，用JS实现鼠标移动时，页面中的小飞机向着鼠标移动。 效果 源码 <!DOCTYPE html> <html> <head> <style> *{ margin: 0; padding: 0; } body{ height: 1 阅读全文
posted @ 2023-12-09 18:07 林恒 阅读(75) 评论(0) 推荐(0) 编辑
记录--优雅解决uniapp微信小程序右上角胶囊菜单覆盖问题
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 大家好，今天聊一下在做uniapp多端适配项目，需要用到自定义导航时，如何解决状态栏塌陷及导航栏安全区域多端适配问题，下文只针对H5、APP、微信小程序三端进行适配，通过封装一个通用高阶组件包裹自定义导航栏内容，主要是通过设置pad 阅读全文
posted @ 2023-12-08 18:04 林恒 阅读(1541) 评论(0) 推荐(0) 编辑
记录--静态网站 H5 跳小程序，以及踩坑
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 我司有智慧功成家APP和对应的小程序，现在已经实现APP分享到微信，微信点击分享链接直接进入小程序。 目前有一个问题就是我们APP在网警那边还没有完全审批下来，已经搞了几个月了，还不知道啥时能上线。微信对于这类分享是有限制的，可以分 阅读全文
posted @ 2023-12-07 18:31 林恒 阅读(212) 评论(0) 推荐(0) 编辑
记录--页面加载多个Iframe，白屏时间太长，如何优化？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近接到一个需求，和AI 的对话需要展示图表，而这个图表的功能由另外一个系统提供，打算采用iframe的方式嵌入。 当我们和AI对话越来越多，嵌入的图表也会越来越多，此时一次性渲染多个iframe会导致页面白屏时间比较长，体验很差。 要解 阅读全文
posted @ 2023-12-06 18:26 林恒 阅读(1094) 评论(0) 推荐(0) 编辑
记录--Vue使用CDN引入，响应式失效？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近心血来潮，想要在本地开发时，也用CDN的方式引入 Vue，想着既然通过CDN引入了，那么在项目中就没必要再 import Vue，然后把项目中引入 Vue 的地方都删掉，结果改完后，界面看似正常运行，但数据变更后，界面没有重新渲 阅读全文
posted @ 2023-12-05 18:10 林恒 阅读(429) 评论(0) 推荐(0) 编辑
记录--前端实习生的这个 bug 被用做了一道基础面试题
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 测试发现了一个问题，简单描述问题就是通过函数删除一个数组中多个元素，传入的参数是一个数组索引。 然后发现实际效果有时删除的不是想要的内容。 具体 Bug 代码实现: const arr = [1,2,3,4,5,6,7]; cons 阅读全文
posted @ 2023-12-04 18:44 林恒 阅读(116) 评论(0) 推荐(0) 编辑
记录--原来前端部署这么简单
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。 环境搭建 首先我们需要进行环境搭建主要就 阅读全文
posted @ 2023-12-01 18:44 林恒 阅读(187) 评论(0) 推荐(1) 编辑