02 2023 档案

记录--如何优雅地校验后端接口数据
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近新接手了一批项目，还没来得及接新需求，一大堆bug就接踵而至，仔细一看，应该返回数组的字段返回了 null，或者没有返回，甚至返回了字符串 "null"？？？ 这我能忍？我立刻截图发到群里，用红框加大加粗重点标出。后端同学也积极 阅读全文
posted @ 2023-02-28 17:51 林恒 阅读(138) 评论(0) 推荐(0) 编辑
记录--关于无感刷新Token，我是这样子做的
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 什么是JWT JWT是全称是JSON WEB TOKEN，是一个开放标准，用于将各方数据信息作为JSON格式进行对象传递，可以对数据进行可选的数字加密，可使用RSA或ECDSA进行公钥/私钥签名。 使用场景 JWT最常见的使用场景就是缓存 阅读全文
posted @ 2023-02-27 17:32 林恒 阅读(198) 评论(0) 推荐(0) 编辑
uni-app:获取当前经纬度解决方案+如何布置全局组件
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一.布置全局组件 在我们开发的过程中，会碰到一个现象，就是在页面里面引入组件，总算要写import，components才能引用，这里给大家分享我们的一个解决方案 1.首先要建立一个components文件夹，用来放我们的所有组件 2.然 阅读全文
posted @ 2023-02-24 17:54 林恒 阅读(535) 评论(0) 推荐(0) 编辑
记录--前端项目中运行 npm run xxx 的时候发生了什么？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 npm 是 node 捆绑的依赖管理器，常用程度可想而知。那么你每天都在 npm/yarn run 的命令到底是如何运行项目的呢？ 前端项目中运行 npm run xxx 的时候发生了什么？大家都知道目前的 node 是捆绑 npm 的。 阅读全文
posted @ 2023-02-23 18:03 林恒 阅读(180) 评论(0) 推荐(0) 编辑
记录--uni-app实现京东canvas拍照识图功能
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近公司出了一个新的功能模块(如下图)，大提上可以描述为实现拍照完上传图片，拖动四方框拍照完成上传功能，大体样子如下图。但是我找遍了 dcloud 插件市场，找到的插件都是移动背景图片来实现裁剪的，跟京东的功能是相反的，没办法只能自己来实 阅读全文
posted @ 2023-02-21 18:13 林恒 阅读(280) 评论(0) 推荐(0) 编辑
记录--什么时候会阻塞HTML文档渲染过程？
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 HTML页面加载过程会发生什么？因为浏览器网络拉取资源是多线程的，但是dom树的操作都是在一个线程中的，所以网页资源的解析、js加载、dom树渲染都是一个线程执行，所以就会线程任务就会相互抢占，先来先执行。而当浏览器加载html文件时，会 阅读全文
posted @ 2023-02-20 17:42 林恒 阅读(167) 评论(0) 推荐(0) 编辑
记录--滚动视差动画和解决方法
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最简单的代码，最极致的享受，主打的就是一个炫酷～ 滚动视差 滚动视差效果（Parallax Scrolling）是指让多层背景以不同的速度位移，形成立体的运动效果的视觉体验，在前端强交互的时代，更应该多考虑这种用户体验较好的动效～ 实现方 阅读全文
posted @ 2023-02-17 17:18 林恒 阅读(145) 评论(0) 推荐(0) 编辑
记录--TS类型写不好？一起来训练提升吧！
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前期准备 本篇文章的编写目的是为了提升TS类型的书写质量，高质量的类型可以提高项目的可维护性并避免一些潜在的漏洞; 在学习本篇之前需要有一定的TS基础知识，在此基础上可以更好的完成各种类型的挑战，编写出属于自己的类型工具； 这里推荐我之前 阅读全文
posted @ 2023-02-16 17:33 林恒 阅读(142) 评论(0) 推荐(0) 编辑
记录--『uni-app、小程序』蓝牙连接、读写数据全过程
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本文简介 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发，以手机app的方式运行（微信小程序同样可行）。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ，和微信小程序提供的 阅读全文
posted @ 2023-02-15 17:39 林恒 阅读(2175) 评论(1) 推荐(0) 编辑
记录--前端实现登录拼图验证
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 不知各位朋友现在在web端进行登录的时候有没有注意一个变化，以前登录的时候是直接账号密码通过就可以直接登录，再后来图形验证码，数字结果运算验证，到现在的拼图验证。这一系列的转变都是为了防止机器操作，但对于我们来说，有亿点麻烦，但也没 阅读全文
posted @ 2023-02-14 17:49 林恒 阅读(168) 评论(0) 推荐(0) 编辑
记录--数组去重的五种方法
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 您或许会疑惑，网上那么多去重方法，这篇文章还有什么意义？ 别着急，这篇文章只节选了简单的，好玩的，古老的，有实际讲解意义的去重方法,除了去重的实现以外，我还将和您分享这其中的其他细节和拓展。 您或许不理解，为什么只有五种？ 当然，我 阅读全文
posted @ 2023-02-13 17:50 林恒 阅读(180) 评论(0) 推荐(0) 编辑
记录--千万别让 console.log 上生产！用 Performance 和 Memory 告诉你为什么
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工具分析下就知道了。 我们准备这样一段代 阅读全文
posted @ 2023-02-10 17:05 林恒 阅读(191) 评论(0) 推荐(0) 编辑
记录--Cesium+Vue实战教程——地图导航
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 项目效果 我们今天要实现的是一个路径规划的功能，有两个输入框。输入起点终点，然后查询，得到规划的路径，效果如下： 我们会用到以下库： Axios：用于发送请求，请求高德地图的地理编码API Jquery：也用于发送请求 Cesium：地图 阅读全文
posted @ 2023-02-09 17:43 林恒 阅读(937) 评论(0) 推荐(0) 编辑
记录--【vue3】写hook三天，治好了我的组件封装强迫症。
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。 这种习惯在独立开发时无所谓，毕竟没人 阅读全文
posted @ 2023-02-08 16:55 林恒 阅读(558) 评论(0) 推荐(0) 编辑
记录--实时音视频功能简析(live-pusher与live-player)
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用须知 2017年下半年，微信6.5.21版本支持在线音视频功能。开发者可以通过两个音视频组件 和 实现实时地在线直播、视频通话、语音通话等功能。 上述功能需要用到两个小程序媒体组件中的两个： live-pusher 与 live-pl 阅读全文
posted @ 2023-02-07 17:13 林恒 阅读(562) 评论(0) 推荐(0) 编辑
记录--使用Lunchbox 在 vue3 中创建一个 3D 地球
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 什么是 Lunchbox.js Lunchbox.js 是 Three.js 的 Vue 3 自定义渲染器。 你可以把它想象成 Vue 的 react-three-fiber。 该库通过组件提供对原始 Three.js 对象和类的访问，例 阅读全文
posted @ 2023-02-06 17:41 林恒 阅读(173) 评论(0) 推荐(0) 编辑
记录--uni-app App端半屏连续扫码
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本文用一个简单的 demo 讲解 App端 半屏连续扫码 的实现方式，包括（条形码、二维码等各种各样的码）。 我会从实现思路讲起，如果你比较急可以直接跳到 动手实现 章节获取代码。 开发和运行环境 开发工具：HBuilderX 前端框架： 阅读全文
posted @ 2023-02-03 16:32 林恒 阅读(997) 评论(0) 推荐(0) 编辑
记录--跨域的五种最常见解决方案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 什么是跨域？ 跨域不是问题，是一种安全机制。浏览器有一种策略名为同源策略，同源策略规定了部分请求不能被浏览器所接受。 值得一提的是：同源策略导致的跨域是浏览器单方面拒绝响应数据，服务器端是处理完毕并做出了响应的。 什么是同源策略 一个ur 阅读全文
posted @ 2023-02-02 17:27 林恒 阅读(298) 评论(0) 推荐(0) 编辑
记录--原生 canvas 如何实现大屏?
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 可视化大屏该如何做？有可能一天完成吗？废话不多说，直接看效果，线上 Demo 地址 lxfu1.github.io/large-scree…。 看完这篇文章（这个项目），你将收获： 全局状态真的很简单，你只需 5 分钟就能上手 如何 阅读全文
posted @ 2023-02-01 17:05 林恒 阅读(170) 评论(0) 推荐(0) 编辑