09 2023 档案

记录--js 如何判断对象自身为空？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 如何判断一个对象为空是我们在开发中经常会遇到的问题，今天我们来聊聊几种经常使用的方法，以及在不同的场景下我们如何去使用。 1. JSON.stringify JSON.stringify 方法可以使对象序列化，转为相应的 JSON 阅读全文
posted @ 2023-09-28 18:09 林恒 阅读(12) 评论(0) 推荐(0) 编辑
记录--Vue3 + Fabricjs 定制国庆专属头像
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 生在国旗下，长在春风里！国庆将至，采黎为大家带来 定制头像2.0（国庆头像），让我们用代码的形式为祖国庆生！欢迎大家点赞收藏加关注哦 前言 想看效果或者想定制春节头像的小伙伴请直奔 效果区域； 想一睹定制头像2.0小工具的原理及实现思路请 阅读全文
posted @ 2023-09-27 18:08 林恒 阅读(111) 评论(0) 推荐(0) 编辑
记录--前端实现并发请求限制
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前两天我的新同事告诉我一个困扰着他的问题，就是低代码平台中存在很多模块，这些模块的渲染是由模块自身处理的，简言之就是组件请求了自己的数据，一个两个模块还好，要是一次请求了几十个模块，就会出现请求阻塞的问题，而且模块的请求都特别大。 阅读全文
posted @ 2023-09-26 18:18 林恒 阅读(386) 评论(0) 推荐(0) 编辑
记录--JavaScript 终于原生支持数组分组了！
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要 阅读全文
posted @ 2023-09-25 18:23 林恒 阅读(46) 评论(0) 推荐(0) 编辑
记录--a标签跳转新地址无法访问，但手动输入新地址可以访问
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 问题描述 最近遇到一个有意思的问题，项目中有一个地方，点击需要跳转到一个新的域名地址 笔者使用a标签做跳转，跳是跳过去了，可是跳过去以后，反而打不开了，显示403佛伯乐 蛤？ 大致这样的代码： <a href="http://abcdef 阅读全文
posted @ 2023-09-23 18:04 林恒 阅读(253) 评论(0) 推荐(0) 编辑
记录--使用Canvas绘制一个验证码组件
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用Canvas绘制一个验证码组件 前言 验证码，这一日常伴随我们的要素，是我们在线交互的重要安全保障。你的手机短信里是否被它占据半壁江山，今天我们就来聊聊如何在网页上实现一个简单的验证码组件。大家在登录网站时为了防止被恶意攻击或者多次点 阅读全文
posted @ 2023-09-22 17:41 林恒 阅读(97) 评论(0) 推荐(0) 编辑
一些H5对接微信JSSDK的问题记录
摘要：这里给大家分享我在实际生活中总结出来的一些知识，希望对大家有所帮助 一.SDK引入 这里提供两套引入流程，一套是vue2.0及其他h5项目，一套是vue3.0的引入流程 不懂的也可以看我之前的一篇详细流程 记录--微信调用jssdk全流程详解 1.js引入 直接在你的页面里引入js文件就行 <scr 阅读全文
posted @ 2023-09-21 18:02 林恒 阅读(744) 评论(0) 推荐(0) 编辑
记录--不要再滥用可选链运算符(?.)啦！
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 可选链运算符(?.)，大家都很熟悉了，直接看个例子： const result = obj?.a?.b?.c?.d 很简单例子，上面代码?前面的属性如果是空值（null或undefined），则result值是undefined，反 阅读全文
posted @ 2023-09-20 18:30 林恒 阅读(156) 评论(0) 推荐(0) 编辑
记录--纯前端如何实现录屏并保存视频到本地
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都是怎么实 现的呢？ 那么接下来我们就通过这篇文章来学习一下如何实现 阅读全文
posted @ 2023-09-19 18:23 林恒 阅读(226) 评论(0) 推荐(0) 编辑
记录--JavaScript 令人惊讶的一点：对于空数组every()方法返回true
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JavaScript 语言的内核足够大，导致我们很容易误解它的某些部分是如何工作的。我最近重构了一些使用 every ()方法的代码，并且发现我并不真正理解every()的逻辑。在我看来，我认为回调函数必须被调用并返回 true的时候ev 阅读全文
posted @ 2023-09-18 18:11 林恒 阅读(132) 评论(0) 推荐(0) 编辑
记录--用js如何实现将手机号中间的几位数字变成****
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天，我们要实现一个很常见并且简单的功能：将手机号中间的几位数变成**** 这个功能其实很常见，比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的App卡号.....还有很多有关系到我 阅读全文
posted @ 2023-09-16 17:44 林恒 阅读(132) 评论(0) 推荐(0) 编辑
记录--H5页面对接微信支付踩坑杂记
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 应用背景：vite搭建的vue3项目 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接 外部支付系统：聚合支付、微信小程序支付、微信H5支付 目录 读完本文，你将会对以下几个坑点有所了解： 对接第三方服务商过程踩坑 对接小程 阅读全文
posted @ 2023-09-15 18:49 林恒 阅读(229) 评论(0) 推荐(0) 编辑
记录--如何解决异步请求中的返回值问题
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在 Web 开发中，异步请求是一个常见的操作。然而，在异步请求中正确地获取返回值却可能会变得棘手。本文将介绍如何解决异步请求中的返回值问题，并提供一种解决方案。 一、问题描述 在某个 Web 应用程序中，用户遇到了无法正确获取异步请求返回 阅读全文
posted @ 2023-09-14 18:02 林恒 阅读(167) 评论(0) 推荐(0) 编辑
记录--用 Vue 实现原神官网的角色切换效果
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点。 为了让大家更好的体验，我兼容了 PC 端和移动端，建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下！ 话不多说，原神启动！！ 效果 阅读全文
posted @ 2023-09-13 17:13 林恒 阅读(287) 评论(0) 推荐(0) 编辑
记录--妙用computed拦截v-model，面试管都夸我细
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-model时，不小心就会打破单行数据流的规则， 阅读全文
posted @ 2023-09-12 18:39 林恒 阅读(370) 评论(0) 推荐(1) 编辑
记录--深入理解img的srcset属性
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在Web前端开发中，性能一直是一个关键问题。为了提高页面加载速度和用户体验，开发者们不断寻找新的技术和工具。本文将介绍img元素的srcset属性，这是一个有助于提高性能的重要特性。 什么是srcset属性？ srcset是HTML5中i 阅读全文
posted @ 2023-09-11 18:04 林恒 阅读(44) 评论(0) 推荐(0) 编辑
记录--Vue的缓存组件 | 详解KeepAlive
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 一. keep-alive 的作用 二. keep-alive 的原理 三. keep-alive 的应用 四. keep-alive 的刷新 五. keep-alive 页面缓存思路 一. keep-alive 的作用 首先引用官 阅读全文
posted @ 2023-09-09 18:17 林恒 阅读(139) 评论(0) 推荐(0) 编辑
记录--@click和@click.native有什么区别，如何阻止第三方组件内部的冒泡
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一.@click和@click.native的区别 vue @click.native 原生点击事件： 1，给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符） 2，等同于在 阅读全文
posted @ 2023-09-06 18:11 林恒 阅读(436) 评论(0) 推荐(0) 编辑
记录--CSS 滚动驱动动画 scroll()
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS 滚动驱动动画 scroll() animation-timeline 通过 scroll() 指定可滚动元素与滚动轴来为容器动画提供一个匿名的 scroll progress timeline. 通过元素在顶部和底部(或左边和右边 阅读全文
posted @ 2023-09-05 18:40 林恒 阅读(100) 评论(0) 推荐(0) 编辑
记录--移动端的双击事件好不好用？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 2023年了，我不允许还有人不会自己实现移动端的双击事件。 过来，看这里，不足 50 行的代码实现的双击事件。 听笔者娓娓道来。 dblclick js原生有个dblclick双击事件，但是几乎不支持移动端。 而且，该dblclic 阅读全文
posted @ 2023-09-04 18:18 林恒 阅读(505) 评论(0) 推荐(0) 编辑