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

记录---JS 的蝴蝶效应 —— 事件流

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言在 JavaScript 的世界里，事件流就像一只永不停歇的蝴蝶，每一个动作、每一个点击、每一个滚动，都会触发一连串的蝴蝶效应。作为一名开发者，掌握事件流的艺术，不仅能让你的网页更加生动、更加交互，也能让用户体验到前所未有的舒适。那么，事阅读全文

posted @ 2025-01-09 19:02 林恒阅读(20) 评论(0) 推荐(0) 编辑

记录---跨域问题？同源策略大全

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言：跨域与同源策略跨域：通常出现在Web开发中，特别是在涉及到Ajax请求或Fetch API调用时，当一个网页尝试从不同的源加载资源时，就会遇到跨域问题。这里所说的“不同的源”，是指请求资源的源（由协议、域名和端口号组成）与提供资源的源不阅读全文

posted @ 2024-12-18 17:04 林恒阅读(67) 评论(0) 推荐(0) 编辑

记录---docker安装及配置jenkins全流程

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 一、安装jenkins 1. 拉取jenkins镜像 docker pull jenkins/jenkins:lts 2. 创建在宿主机创建jenkins目录 mkdir -p ~/jenkins_home sudo chown 1000:10 阅读全文

posted @ 2024-12-09 19:53 林恒阅读(114) 评论(0) 推荐(0) 编辑

获取剪切板的图片 -> File -> Base64 -> Blob -> url -> Image，以及它们之间的各种相互转换

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 一、获取剪切板的图片（拿到 File 对象） js粘贴事件paste简单解析及遇到的坑 - 云+社区 - 腾讯云 (tencent.com) document.addEventListener('paste', function(event) 阅读全文

posted @ 2024-12-03 19:22 林恒阅读(108) 评论(0) 推荐(0) 编辑

简单比较 http https http2，我们要如何把http升级为https

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 http 超文本传输协议（HTTP）是用于传输诸如HTML的超媒体文档的应用层协议。它被设计用于Web浏览器和Web服务器之间的通信，但它也可以用于其他目的。 HTTP遵循经典的客户端-服务端模型，客户端打开一个连接以发出请求，然后等待它收阅读全文

posted @ 2024-09-06 19:26 林恒阅读(75) 评论(0) 推荐(0) 编辑

记录--别想调试我的前端页面代码

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 这里我们不介绍禁止右键菜单, 禁止F12快捷键和代码混淆方案。无限debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时候就会执行由于程序被 debugger 阻阅读全文

posted @ 2024-07-31 14:55 林恒阅读(124) 评论(0) 推荐(0) 编辑

图片预加载和懒加载

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 图片预加载和图片懒加载是网页优化的两种常见技术，它们可以提升用户体验并改善网页性能。图片预加载（Image Preloading）：图片预加载是指在页面加载时提前加载图片，使其缓存在浏览器中，当用户需要查看这些图片时，可以立即显示，而不需要阅读全文

posted @ 2024-07-30 18:05 林恒阅读(143) 评论(0) 推荐(0) 编辑

解决小程序web-view两个恶心问题

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 1.web-view覆盖层问题问题由来 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。所以这得多恶心。。。不仅铺满，还覆盖了普通的标签，调z-index都无解。解决办法 web-view内部使用阅读全文

posted @ 2024-07-24 17:18 林恒阅读(881) 评论(0) 推荐(0) 编辑

JavaScript中==和===的区别

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言 JavaScript 中的相等运算符无疑是新手开发者最容易混淆的知识点之一。 ==和这两个运算符的细微差别往往会在代码中造成一些令人困惑的行为在本文中,我们将深入探讨这两个相等运算符的工作原理,比较它们的特点和局限性让我们开始吧! 阅读全文

posted @ 2024-07-19 16:53 林恒阅读(127) 评论(0) 推荐(0) 编辑

bundletool工具使用(Android aab包安装)

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 apk再见了，Android全新App安装格式aab https://github.com/google/bundletool https://github.com/google/bundletool/releases https://deve 阅读全文

posted @ 2024-07-16 17:40 林恒阅读(532) 评论(0) 推荐(0) 编辑

前端预览图片的两种方式：转Base64预览或转本地blob的URL预览，并再重新转回去

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 预览图片一般情况下，预览图片功能，是后端返回一个图片地址资源（字符串）给前端，如：ashuai.work/static/img/… 前端再把这个值丢到img图片的src属性中去即可之所以有这个图片地址资源，也是因为之前有上传图片的操作，后端阅读全文

posted @ 2024-07-11 18:03 林恒阅读(656) 评论(0) 推荐(0) 编辑

前端如何取消接口调用

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 1. xmlHttpRequest是如何取消请求的？实例化的XMLHttpRequest对象上也有abort方法 const xhr = new XMLHttpRequest(); xhr.addEventListener('load', f 阅读全文

posted @ 2024-07-10 18:18 林恒阅读(117) 评论(0) 推荐(1) 编辑

你可以终止 forEach 吗？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 理解 forEach JavaScript 的forEach方法是一种流行的数组迭代工具。它为每个数组元素执行一次提供的函数。但是，与传统的for 和 while循环不同，forEach它被设计为对每个元素执行该函数，没有内置机制来提前停止或中阅读全文

posted @ 2024-07-08 19:24 林恒阅读(111) 评论(0) 推荐(0) 编辑

7 种方案解决移动端1px边框的问题

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 7 种方案解决移动端1px边框的问题造成边框变粗的原因 css中的1px并不等于移动设备的1px，这是由不同手机由不同像素密度，在window对象中有一个devicePixelRatio属性，他可以反应css中像素与设备的像素比 device 阅读全文

posted @ 2024-07-05 17:31 林恒阅读(233) 评论(0) 推荐(0) 编辑

为什么 [] == ![] 为 true?

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言面试官问我，[] == ![] 的结果是啥，我：蒙一个true；面试官：你是对的；我：内心非常高兴；面试官：解释一下为什么；我：一定要冷静，要不就说不会吧；这个时候，面试官笑了，同学，感觉你很慌的一批啊！不必慌张，我们慢慢来！在阅读全文

posted @ 2024-07-02 17:47 林恒阅读(105) 评论(0) 推荐(0) 编辑

sessionStorage 能在多个标签页之间共享数据吗？

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 最近，我的一个朋友在面试中被一个关于 sessionStorage 的问题难住了。我们来聊聊这个话题。 sessionStorage 能在多个标签页之间共享数据吗？在回答这个问题之前我们先来聊聊另一个存储API localstorage loc 阅读全文

posted @ 2024-06-27 18:02 林恒阅读(260) 评论(0) 推荐(0) 编辑

记录--前端如何截屏

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前端常用的截图保存的方法利用 Blob 对象和 URL.createObjectURL：可以将截图数据转换为 Blob 对象，然后使用 URL.createObjectURL 方法生成一个临时的 URL，将这个 URL 赋值给 <a> 标签的阅读全文

posted @ 2024-06-19 18:53 林恒阅读(186) 评论(0) 推荐(1) 编辑

记录--createObjectURL这个API真好用，我举几个场景你们就懂了

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言随着我用 URL.createObjectURL 这个 API 越来越多次，越发感觉真的是一个很好用的方法，列举一下我在项目中用到它的场景吧~ 图片预览以前我们想要预览图片，只能是上传图片到后端后，获取到url然后赋予给img标签，才能阅读全文

posted @ 2024-06-18 18:35 林恒阅读(120) 评论(1) 推荐(0) 编辑

一行代码实现鼠标横向滚动💪

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在项目中我们可能会遇到当鼠标在某个区域内，我们希望滚动鼠标里面的内容可以横向滚动；比如我们一些常见的后台状态栏：那这种该怎么写？请看栗子代码如下： <template> <div> <div class="top"> <div class 阅读全文

posted @ 2024-06-17 19:22 林恒阅读(91) 评论(0) 推荐(0) 编辑

记录--60行JS速通购物车小球斜抛动画

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言技术文章，尤其是前端技术文章具有时效性。如文中提到的部分内容出现break change或出现内容错误（文字错误/错误的理论描述），为尽可能避免对后面的读者造成困扰，如果可以的话，希望在文章的评论区或代码仓库issues中予以指正，十分阅读全文

posted @ 2024-06-15 17:08 林恒阅读(9) 评论(0) 推荐(0) 编辑

林恒

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

公告