07 2024 档案

记录--别想调试我的前端页面代码
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 这里我们不介绍禁止右键菜单, 禁止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) 编辑
axios中的那些天才代码！看完我实力大涨！
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 axios的两种调用方式 经常调接口的同学一定非常熟悉aixos下面的两种使用方式： axios(config) // 配置式请求 axios({ method: 'post', url: '/user/12345', }); axios.po 阅读全文
posted @ 2024-07-29 17:30 林恒 阅读(215) 评论(0) 推荐(0) 编辑
记录--终于搞懂了！原来vue3中template使用ref无需.value是因为这个
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref变量的值，比如：<button @click="msg = 'Hello Vue3'"> 阅读全文
posted @ 2024-07-27 17:15 林恒 阅读(193) 评论(0) 推荐(0) 编辑
限时10分钟，你会怎么实现这段async/await代码？
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 本文用于记录在React课程中学习时，课程中留下的一个关于async/await原理的思考题（默认读者熟悉Promise） 思考题 这个思考题就是：请将以下async/await代码，换一种方式实现，保证异步等待功能和输出顺序： functio 阅读全文
posted @ 2024-07-26 17:53 林恒 阅读(79) 评论(0) 推荐(0) 编辑
分享一个看起来很酷的图片上传组件
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 可能有人觉得，这个组件很简单，没什么技术含量，其实确实也啥技术含量。但是，我是想借这个组件，来表达一种封装的思想在里面，希望可以帮助到一些朋友。 简单的描述下这个组件的功能： 用户可以点击下面颜色比较绚丽的上传按钮，选择本地图片进行上传，也可以 阅读全文
posted @ 2024-07-25 17:23 林恒 阅读(167) 评论(0) 推荐(0) 编辑
解决小程序web-view两个恶心问题
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 1.web-view覆盖层问题 问题由来 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。 所以这得多恶心。。。不仅铺满，还覆盖了普通的标签，调z-index都无解。 解决办法 web-view内部使用 阅读全文
posted @ 2024-07-24 17:18 林恒 阅读(880) 评论(0) 推荐(0) 编辑
记录--进度条真的是匀速的，不信你看
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 引言 众所周知，进度条是程序员大大模拟的程序运行进度，一般会在某些数值卡住不动，引起99%悬案。但是背后的原理你真的清楚吗，其实进度条真的是匀速运动的！ 先来看看效果 接下来开始实现 创建一个矩形，然后折叠起来，完成！ 创建一个容器，用于宽度限 阅读全文
posted @ 2024-07-22 18:13 林恒 阅读(81) 评论(0) 推荐(1) 编辑
JavaScript中==和===的区别
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 JavaScript 中的相等运算符无疑是新手开发者最容易混淆的知识点之一。 ==和 这两个运算符的细微差别往往会在代码中造成一些令人困惑的行为 在本文中,我们将深入探讨这两个相等运算符的工作原理,比较它们的特点和局限性 让我们开始吧! 阅读全文
posted @ 2024-07-19 16:53 林恒 阅读(127) 评论(0) 推荐(0) 编辑
记录--如何修改第三方npm包？
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 有这样一种场景：如果你在开发过程中，发现某个npm包有Bug，应该怎么办？ 第一选择当然是向原作者提issue，或者Fork该仓库代码，修改以后，提交合并请求。 但这种情况有个严重的问题，就是耗时，如果遇到严格的作者，或者不活跃的作者，时间线可 阅读全文
posted @ 2024-07-18 17:17 林恒 阅读(253) 评论(0) 推荐(0) 编辑
记录--uniapp兼容微信小程序和支付宝小程序遇到的坑
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 1、支付宝不支持v-show 改为v-if。 2、v-html App端和H5端支持 v-html ，微信小程序会被转为 rich-text，其他端不支持 v-html。 解决方法：去插件市场找一个支持跨端的富文本组件。 3、导航栏处有背景色延 阅读全文
posted @ 2024-07-17 17:59 林恒 阅读(414) 评论(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) 编辑
从0到1打造一个 WebRTC 应用
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断，在此背景下，微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 Web 端在线问诊中重要的一环-医患之间的视频问诊正是应用了接下来讲 阅读全文
posted @ 2024-07-15 17:47 林恒 阅读(127) 评论(0) 推荐(0) 编辑
记录---实现抖音 “视频无限滑动“效果
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 在家没事的时候刷抖音玩，抖音首页的视频怎么刷也刷不完，经常不知不觉的一刷就到半夜了😅不禁感叹道 ＂垃圾抖音，费我时间，毁我青春😅＂ 最终效果 在线预览：dy.ttentau.top/ Github地址：github.com/zyron 阅读全文
posted @ 2024-07-13 16:57 林恒 阅读(148) 评论(0) 推荐(1) 编辑
记录---IOS审核打包被驳回—Guideline 4.3
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 单独写一篇4.3主要是因为搞它心力交瘁，篇幅过长，记录一下解决过程。 拒绝原因 Guideline 4.3(a) - Design - Spam We noticed your app shares a similar binary, meta 阅读全文
posted @ 2024-07-12 18:22 林恒 阅读(642) 评论(0) 推荐(1) 编辑
前端预览图片的两种方式：转Base64预览或转本地blob的URL预览，并再重新转回去
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 预览图片 一般情况下，预览图片功能，是后端返回一个图片地址资源（字符串）给前端，如：ashuai.work/static/img/… 前端再把这个值丢到img图片的src属性中去即可 之所以有这个图片地址资源，也是因为之前有上传图片的操作，后端 阅读全文
posted @ 2024-07-11 18:03 林恒 阅读(654) 评论(0) 推荐(0) 编辑
前端如何取消接口调用
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 1. xmlHttpRequest是如何取消请求的？ 实例化的XMLHttpRequest对象上也有abort方法 const xhr = new XMLHttpRequest(); xhr.addEventListener('load', f 阅读全文
posted @ 2024-07-10 18:18 林恒 阅读(117) 评论(0) 推荐(1) 编辑
如何快速实现一个无缝轮播效果
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 需求简介 轮播图是我们前端开发中的一个常见需求，在项目开发中，我们可以使用element、ant等UI库实现。某些场景，为了一个简单的功能安装一个库是没必要的，我们最好的选择就是手搓。 我们来看一个需求 上述需求核心就是实现一个无缝轮播的切换效 阅读全文
posted @ 2024-07-09 17:17 林恒 阅读(104) 评论(0) 推荐(0) 编辑
你可以终止 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) 编辑
记录--淘宝、京东复制好友链接弹出商品详情是如何实现的
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言： 最近接到了一个需求很有意思，类似于我们经常在逛购物平台中，选择一个物品分享给好友，然后好友复制这段文本打开相对应的平台以后，就可以弹出链接上的物品。实现过程也比较有意思，特来分享一下实现思路🎁。 一. 效果预览 当我在别的界面复制了内 阅读全文
posted @ 2024-07-04 18:14 林恒 阅读(131) 评论(0) 推荐(0) 编辑
前端如何优雅的添加水印及去除水印
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在最近接手的一个项目中，需要对整个页面加上一个水印，还需要动态修改增加背景色功能。由于使用的第三方库不支持背景色功能，故记录一下。文末会附上如何利用技术手段去除水印 第三方库：watermark-plus 主要使用步骤 npm i waterm 阅读全文
posted @ 2024-07-03 17:19 林恒 阅读(256) 评论(0) 推荐(0) 编辑
为什么 [] == ![] 为 true?
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 面试官问我，[] == ![] 的结果是啥，我：蒙一个true； 面试官：你是对的；我：内心非常高兴； 面试官：解释一下为什么； 我：一定要冷静，要不就说不会吧；这个时候，面试官笑了，同学，感觉你很慌的一批啊！ 不必慌张，我们慢慢来！ 在 阅读全文
posted @ 2024-07-02 17:47 林恒 阅读(105) 评论(0) 推荐(0) 编辑
前端如何用密文跟后端互通？原来那么简单！
摘要：🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 后端：密码得走密文哇！ 我：base64？md5？ 后端:这次不行哇，新来的测试不好糊弄呢！必须要国密sm2加密捏 我: 好吧，看我的。 我这边使用的是sm-crypto，当然也有很多优秀的库如：forge,我在业务上搭配jszip做过上传zi 阅读全文
posted @ 2024-07-01 18:25 林恒 阅读(143) 评论(0) 推荐(0) 编辑