记录微信 JS-SDK的使用
问题背景 有个开发的小需求：在一个门店列表页，根据门店的经纬度计算门店与用户的距离，并根据距离排序。 在H5浏览器中，我们可以直接使用navigator.geolocation.getCurrentPosition （需要https）获取用户坐标，…
半梦半醒丶
关于微信小程序使用qrcode生成二维码
在开发过程中，我们经常使用 qrcode.js 来生成二维码。然而，在微信小程序中直接使用 qrcode.js 生成二维码可能会遇到一些问题。这是因为 qrcode.js 的大部分方法依赖于原生的 JavaScript canvas，而微信小程序的 c…
JS事件循环
浏览器有哪些进程 浏览器最主要的进程有： 1、浏览器进程 主要负责界面显示、用户交互、子进程管理等。浏览器进程内部会启动多个线程处理不同的任务。 2、网络进程 负责加载网络资源。网络进程内部会启动多个线…
记录uniapp微信小程序获取子组件的DOM信息
前置信息 最近在使用uniapp写微信小程序时，有一个需求，需要监听一个子组件的DOM信息，包括距离屏幕顶部的距离和DOM自身的宽高信息等。 众所周知，在微信小程序中是无法像普通浏览器一样直接获取DOM的。为了解决这…
记录前端input框输入内容常见验证规则及处理
前端表单数据验证是很常见的需求，下面记录一些常见的表单相关校验方法： 1.关于H5 input 框拉取纯数字键盘问题 在原生的input输入框中可以通过type="number"限定输入内容为数字，但这种类型无法使用maxleng…
如何使用节流和防抖提升网站性能
当需要优化 JavaScript 代码的性能时，防抖和节流是两种非常有用的技术。 对于节流来说，可以设置一个固定的时间间隔，只有在时间间隔内没有触发事件时才会执行回调函数；对于防抖来说，则可以延迟一段时间后再执行…
JavaScript数据处理之深拷贝
浅拷贝： JavaScript的数据类型分为基本类型和引用类型，引用类型数据在传递时是通过地址传递的。在直接将一个引用类型数据用“=”赋值给一个变量时，其实是将该引用类型数据的地址赋值给了这个变量。例如： …
前端JS扁平化数据处理转换成Tree树形结构
前言 存储结构： 存储结构可以分为扁平化和层次性结构两种。 树形层次性结构： 层次性的结构：块存储和文件存储 ，文件夹套文件夹 层次性结构优点：看起来结构清晰 层次性结构缺点：如果目录层级太多太…
内联(行内)元素vertical-align引起幽灵空白节点问题
幽灵空白节点由来 说到空白节点最经典的例子就是图片撑开父盒子，但图片底部还会有一部分空白，如下图： 这是什么原因产生的呢？在这里就要引出这篇文章的主题：vertical-align。 在一个块级元素中创建一个…
