敲代码的树先生

摘要： 【常见方法对比】 方法是否占据空间是否可交互是否触发重绘/回流典型场景 display:none ❌ 不占空间 ❌ 不可交互 回流+重绘 完全移除元素（菜单切换、Tab 切换） visibility:hidden ✅ 占空间 ❌ 不可交互 重绘 保留布局避免抖动 opacity:0 ✅ 占空间 ✅ 阅读全文

摘要： 1️⃣ 什么是 Margin 塌陷 【现象】 两个垂直方向相邻的块级盒子(兄弟或父子)之间的margin 会合并为其中的最大值，而不是两者相加。【影响】 兄弟元素：上下margin合并为其中的最大值 父子元素：如果父元素没有padding 或 border，子元素的 margin-top会 透过 父 阅读全文

摘要： 重绘：重绘是指只改变样式，不改变布局。重绘会导致浏览器重新绘制元素。 哪些会导致重绘：修改元素的背景颜色、字体颜色等等 回流：当前元素的布局属性发生改变，浏览器需要重新计算元素在页面中的布局的过程。 哪些会导致回流：修改元素的宽、高、位置等等 重绘和回流的差异：回流的成本比重绘高得多，因为回流需要重 阅读全文

摘要： 1、转excel需要用到 xlsx 转excel的方法 const XLSX = require("xlsx"); // 将 JSON 转换为适合 Excel 的数据格式（数组） /** * 将 JSON 对象转换为数组格式 * @param {Object} jsonObj - 需要转换的 JSO 阅读全文

摘要： 1、引入 node 的 fs模块：文件系统操作的核心模块，它提供了一系列的方法来读取、写入、创建、删除文件和目录等2、引入 接口请求 axios库 const fs = require("fs"); const axios = require("axios"); 3、读取JSON文件 functio 阅读全文

摘要： JSON字符串格式不是很完美，导致JSON.parse转换失败。JSON.parse()方法对字符串的格式要求极其严格。一点格式错误都不能有，否则就报异常，从而对其它代码造成影响。这个只是记录问题。在项目中使用到JSON.parse 方法 我们一定要下意识的去做try{}catch{} 去捕获这个异 阅读全文

摘要： 核心 是使用 一个 正则 方法即可 满足关键词高亮需求 const getInf = (str, key) => str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%'); 举例：关键词 鞋； 展示词 篮球鞋 getInf('篮 阅读全文

摘要： 主要思路： const query = wx.createSelectorQuery().in(this); 方法获取dom的宽度 来计算 通过使用一个 对比的dom让他 绝对定位于 页面之外 作为是否需要折叠的参照物。 首先 默认为折叠状态，参照物 减去 需要显示的高度 是否大于 一个范围值 。大 阅读全文

摘要： 【注】如果是完整的一个image图片 小程序image 有一个长按保存的属性 show-menu-by-longpress 加上可以直接长按保存（如果有小程序码可直接识别并进入该小程序） 写两个需求例子： 1、接口请求回来的图片地址点击保存按钮，或者长按保存图片 2、需要下载的图片是一张复合图片（背 阅读全文

摘要： 1、首先注册腾讯地图，然后申请一个key 很快的 2、引入腾讯地图的 js （在index.html里引入哦~~） <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=你申请的key"></script> <scrip 阅读全文