01 2024 档案

记录--你的网站如何接入QQ，微信登录
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 主要实现步骤 对接第三方平台，获取第三方平台的用户信息。 利用该用户信息，完成本应用的注册。 qq登录接入 接入前的配置 qq互联 登录后，点击头像，进行开发者信息填写，等待审核。 邮箱验证后，等待审核。 审核通过后，然后就可以创建应用了 阅读全文
posted @ 2024-01-31 18:25 林恒 阅读(177) 评论(0) 推荐(1) 编辑
记录--Uni-app接入腾讯人脸核身
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 人脸核身功能有多种接入方式，其中包含微信H5、微信小程序、APP、独立H5、PC端、API接入6种方式。 ​ 我们的产品是使用uni-app来开发，所以第一时间考虑使用H5方式接入，但是通过与官方技术人员对接后得知，uni-app是有原生 阅读全文
posted @ 2024-01-30 18:08 林恒 阅读(220) 评论(0) 推荐(1) 编辑
记录--被中文输入法坑死了
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 PM：在PC端做一个@功能吧，就是那种...。 我：你不用解释🤔我知道那个功能，监听keydown事件，然后e.keycode 50，那可太简单了。 那可太简单了，可太简单了，太简单了，简单了，单了，了......(掉进坑里的回声) 坑 阅读全文
posted @ 2024-01-29 18:33 林恒 阅读(119) 评论(0) 推荐(1) 编辑
记录--左右菜单联动
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 对于左右菜单联动的需求是很常见的在小程序里，主要表现为： 点击左侧的菜单栏，右侧会切换到对应的内容区域 滑动右侧的内容，左侧会自动切换到对应的菜单项 主要利用的是 scroll-view标签，以及相关的一些API，可参考：uniapp.d 阅读全文
posted @ 2024-01-27 17:42 林恒 阅读(365) 评论(0) 推荐(0) 编辑
记录--h5端调用手机摄像头实现扫一扫功能
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近有遇到一个需求，在h5浏览器中实现扫码功能，其本质便是打开手机摄像头定时拍照，特此做一个记录。主要技术栈采用的是vue2，使用的开发工具是hbuilderX。 经过测试发现部分浏览器并不支持打开摄像头，测试了果子，华子和米， 阅读全文
posted @ 2024-01-26 17:46 林恒 阅读(1449) 评论(0) 推荐(1) 编辑
记录--H5 实现拍照选景框效果
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 在实际项目中，遇到了需要唤起手机摄像头拍照的需求，最开始是通过<input type="file" hidden accept="image/*" capture="camera" />的方式，可以直接唤起手机相机，但是用户拍照的方 阅读全文
posted @ 2024-01-25 18:36 林恒 阅读(391) 评论(0) 推荐(0) 编辑
记录--你敢信？比 setTimeout 还快 80 倍的定时器
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 起因 很多人都知道，setTimeout是有最小延迟时间的，根据MDN 文档 setTimeout：实际延时比设定值更久的原因：最小延迟时间中所说： 在浏览器中，setTimeout()/setInterval() 的每调用一次定时器的最 阅读全文
posted @ 2024-01-24 18:26 林恒 阅读(147) 评论(0) 推荐(1) 编辑
记录--Vue中的$attrs你真的会用吗？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 先来看一个业务需求： 项目经常会遇到产品经理要求你做某组件一样的功能，还要在它的基础上增加东西。如何只用少量代码高效的二次封装组件呢？ 例如我要做一个element-ui的input组件进行封装，以下是封装要求： 对el-input组件增 阅读全文
posted @ 2024-01-23 20:13 林恒 阅读(442) 评论(0) 推荐(0) 编辑
记录--npm, npx, cnpm, yarn, pnpm梭哈
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 依赖管理解决了在软件开发过程中管理和协调各种依赖项的问题，简化了开发流程，提高了项目的可靠性、可维护性和可重复性。它们帮助开发人员更高效地管理项目的依赖关系，减少了潜在的错误和冲突，并提供了更好的开发体验。 常用的依赖管理 在 JavaS 阅读全文
posted @ 2024-01-22 17:56 林恒 阅读(115) 评论(0) 推荐(0) 编辑
记录--移动端 H5 Tab 如何滚动居中
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 移动端 H5 Tab 如何滚动居中 Tab 在 PC 端、移动端应用都上很常见，不过 Tab 在移动端 比 PC 端更复杂。为什么呢？移动端设备屏幕较窄，一般仅能展示 4 ~ 7 个 Item。考虑到用户体验，UI 往往要求程序员实现一个 阅读全文
posted @ 2024-01-20 18:17 林恒 阅读(190) 评论(0) 推荐(0) 编辑
记录--前端实现翻转图像
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 翻转图像是在视觉上比较两个不同图像的常用方法。单击其中一个将翻转它，并显示另一个图像。 布局 布局结构如下： <div class="flipping-images"> <div class="flipping-images__inner 阅读全文
posted @ 2024-01-19 18:35 林恒 阅读(127) 评论(0) 推荐(0) 编辑
记录--Object.assign 这算是深拷贝吗
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在JavaScript中，Object.assign() 是一个用于合并对象属性的常见方法。然而，对于许多开发者来说，关于它是否执行深拷贝的认识可能存在一些混淆。先说答案Object.assign() 不属于深拷贝，我们接着往下看。 Ob 阅读全文
posted @ 2024-01-18 16:46 林恒 阅读(178) 评论(0) 推荐(0) 编辑
记录--为什么 export 导出一个字面量会报错，而使用 export default 就不会报错？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 其实总的来说就是 export 导出的是变量的句柄（或者说符号绑定、近似于 C 语言里面的指针，C++里面的变量别名），而 export default 导出的是变量的值。 需要注意的是：模块里面的内容只能在模块内部修改，模块外部只 阅读全文
posted @ 2024-01-17 18:33 林恒 阅读(94) 评论(0) 推荐(0) 编辑
记录--终于搞懂了网盘网页是怎么唤醒本地应用了
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 写在前面 用百度网盘举例，可以通过页面打开本机的百度网盘软件，很多软件的网站页面都有这个功能。这个事情一直令我比较好奇，这次终于有空抽时间来研究研究了，本篇讲的是Windows的，mac的原理与之类似，Mac文章已发布：(Mac版)终于搞 阅读全文
posted @ 2024-01-16 18:47 林恒 阅读(237) 评论(0) 推荐(2) 编辑
记录--探究 width:100%与width:auto区别
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 width:100%与width:auto区别 一、 width属性介绍 width 属性用于设置元素的宽度。width 默认设置内容区域的宽度，但如果 box-sizing 属性被设置为 border-box，就转而设置边框区域的宽度。 阅读全文
posted @ 2024-01-15 20:33 林恒 阅读(45) 评论(1) 推荐(0) 编辑
记录--不做码农而做 DJ 😎
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 😎Coding 一定很累吧，快来跟我一起 Djing ！！！😎 我的思路是通过监听键盘按下事件，在用户按下对应键时，找到相应的按键元素和音频元素，通过添加和移除 CSS 类实现按键效果，并播放关联的音频文件。同时，通过事件监听器确保在 阅读全文
posted @ 2024-01-12 18:14 林恒 阅读(69) 评论(0) 推荐(0) 编辑
记录--vue3函数式弹窗
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 阅读全文
posted @ 2024-01-11 19:00 林恒 阅读(225) 评论(0) 推荐(0) 编辑
记录--“浏览器切换到其他页面或最小化时，倒计时不准确“问题解析
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 我最近修复了一个倒计时延迟的bug，情况是用户10:00设置了10分钟倒计时，10:06查看时发现倒计时还有8分钟，倒计时出不准确、延迟的情况。 倒计时大概逻辑如下: const leftTime = 600; //单位为秒 con 阅读全文
posted @ 2024-01-10 18:25 林恒 阅读(374) 评论(0) 推荐(2) 编辑
记录--H5 视频兼容性处理总结
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 概述 最近在负责公司官网的开发，在 H5 播放视频时，遇到很多兼容问题，所以总结下在 H5 播放时，遇到的兼容性问题，并封装一个 Video 的组件，便于在 H5 使用。 测试 先来测试一下在不同的浏览器，video 有什么兼容性的问题， 阅读全文
posted @ 2024-01-09 19:05 林恒 阅读(272) 评论(0) 推荐(0) 编辑
记录--按钮防连点终极解决方案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 引言 在日常前端开发中，我们经常会面对一个让人头疼的问题：按钮被用户点击了两次以上，导致出现重复提交表单或者发送重复的请求。这个问题常见而且恼人。为了解决这个问题，我们需要一个又简单又实用的方法，可以在不搞乱原有代码的情况下，有效地防止按 阅读全文
posted @ 2024-01-08 18:33 林恒 阅读(462) 评论(0) 推荐(1) 编辑
记录--页面使用 scale 缩放实践
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. 阅读全文
posted @ 2024-01-06 18:35 林恒 阅读(128) 评论(0) 推荐(0) 编辑
记录--前端无感知刷新token & 超时自动退出
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的，是一次性的，请求之间没有任何关系，服务端无法知道请求者的身份，所以需要鉴权，来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例： 阅读全文
posted @ 2024-01-05 18:05 林恒 阅读(435) 评论(0) 推荐(1) 编辑
记录--如何防止网站信息泄露（复制/水印/控制台）
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 中午休息的时候，闲逛公司内网，看到一个url，就想复制一下url，看看url对应的内容是啥，习惯性使用ctrl+c，然后ctrl+v，最后得到是 禁止复制，哦，原来是禁用了复制。这能难倒一个前端开发吗？当然不能。于是打开了控制台 阅读全文
posted @ 2024-01-04 18:28 林恒 阅读(192) 评论(0) 推荐(3) 编辑
记录--普通的文本输入框无法实现文字高亮？试试这个highlightInput吧！
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 前几天在需求评审的时候，产品问我能不能把输入框也做成富文本那样，在输入一些敏感词、禁用词的时候，给它标红。我听完心里一颤，心想：好家伙，又来给我整活。本着能砍就砍的求生法则，我和产品说：输入框输入的文字都会被转成字符串，这没办法去标 阅读全文
posted @ 2024-01-03 17:48 林恒 阅读(177) 评论(0) 推荐(0) 编辑
记录--通过Promise实现分批处理接口请求
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 如何通过 Promise 实现百条接口请求？ 实际项目中遇到需要批量发起上百条接口请求怎么办？ 最新案例代码在此！点击看看 前言 不知你项目中有没有遇到过这样的情况，反正我的实际工作项目中真的遇到了这种玩意，一个接口获取一份列表，列表中的 阅读全文
posted @ 2024-01-02 18:14 林恒 阅读(213) 评论(0) 推荐(1) 编辑