Hi 👋 — welcome to White Meta. This is whitePlay's personal site.
CSS 查缺补漏 1（盒模型，半透明，最大最小宽高，颜色）
【基础】CSS查缺补漏 box sizing 默认值是content box，width/height 只算content区域，padding 和 border 向外叠加。 div { width:
03 LangChain 基础使用与 Python 基础
LangChain目前支持三种类型模型 llms（大语言模型）：技术范畴统称，指大量参数，海量文本训练的Transformer架构模型。核心能力是理解和生成自然语言。 聊天模型：应用范畴的细分，专为对
01 关于提示词工程
Zero shot 零样本学习， 不给例子直接干。 假设模型对某个新东西完全不认识，但可以在在已知训练数据中提取相关特性。经典的例子是让大模型介绍什么是斑马。它的训练过程中可能从来没接触过斑马，但它可
HTML5 查缺补漏（语义化 SEO）
【基础】HTML5查缺补漏 语义话标签 语义化标签主要优势： 丢失样式时能让页面呈现清晰的结构。 有助于SEO，帮助爬虫获取更多有效信息。 提升可访问性，方便其他设备（屏幕阅读器）渲染页面。 便于团队
JS 查缺补漏 1（原型）
【基础】JS查缺补漏1（原型） 先看示例 const person = { arms: 2, legs: 2 } // 通过 Object.create 将 person 设为 father 的原型
JS面试题整理
JS面试题整理 原型继承和类继承的区别？ "原型继承"和 ES6 引入的"类继承"本质上是同一套机制的两种表现形式。 function Animal(name) { this.name =
CSS 查缺补漏 4（层叠上下文）
【基础】css查缺补漏（层叠上下文）
前端面试考点整理
前端面试考点整理 数据结构 & 算法 实现一个双向链表，具备添加节点、删除节点、在特定位置插入节点、查找节点、遍历等功能 如何判断一个单向链表是否是循环链表？ 手写 Promise.allSettle
CSS 查缺补漏 3（包含块 尺寸百分比 定位）
【基础】CSS查缺补漏 定位 五种定位： static：标准文档流。left/right/top/bottom 不生效。 relative：基于标准文档流偏移，通常用来微调位置或给绝对定位提供参考系。
package.json 字段详解
各种dependencies 各种dependencies devDependencies 表示开发工具依赖，通常是构建工具，类型声明，编译器，测试框架等。它们不应该出现在打包产物中。 depende
Core Web Vitals（核心指标）
优化前，要先学会‘体检’，才能知道项目问题出在哪。 体检结果就是Core Web Vitals（核心指标），目前是由三项组成 LCP + INP + CLS。 我们可以按F12，打开performan
CSS 查缺补漏 2（居中 BFC）
【基础】CSS查缺补漏2（居中） 水平居种方式 水平 margin auto margin: 0 auto； 原理：当 margin 值为 auto 时，元素会尝试占据尽可能大的空间。比如， marg
02 LangChain 与 RAG 基本概念
LangChain 这是一个开发大模型相关功能的框架。 核心理念：为各种LLMs实现通用的接口，把LLMs相关组件“链接”在一起。 主要提供六大功能 prompts提示词工程 models调用各类模型
2React调度器
调度器 在把大量VNode递归转换成Dom的时候，如果数据量非常大会导致性能低下，页面卡顿。 调度器用分治思想，把大任务拆分成若干小任务，避免长时间阻塞主线程。 我们可以基于 实现一个简单的调度器。
1React基本概念
虚拟Dom 用JavaScript对象的方式描述dom结构。 可以通过 createElement方法（一般简称h是Hyperscript缩写）创建虚拟dom。 相关考题: Q1: 使用虚拟DOM的好
这书能让你戒烟
这书能让你戒烟 书里绝大多数的文字都是在告诉读者"你不需要吸烟","你和不吸烟者只是一念之差"。 书里说的戒烟法是什么 郑重宣誓，你永远不会再吸烟，永远不会再用任何方式摄入尼古丁，真心决定戒烟。 清楚
长安的荔枝
长安的荔枝 才疏学浅，不会做文章，但又感触颇多，所以翻了翻书评，找了几个与自己感受相近的书评来做"嘴替"。 职场相关 转自微信读书书友@静水流深 共勉： 不管收到什么文件，都要仔细核对。这也是本书故事
解读基金-我的投资观与实践
解读基金 我的投资观与实践 24年10月，在读完大名鼎鼎的《小狗钱钱》之后，我决定开始购买基金。 编辑文章的时候是24年12月，正好持有了两个月。运气尚可，没有亏钱。 Charmin综合征：很多人在买
基于AbortController移除事件监听
基于AbortController移除事件监听 记录一下，今天学到的基于AbortController移除事件监听。 经典方法 把当初绑定事件的回调函数引用传给removeEventListener就
因跨域预检踩的坑
因跨域预检踩的坑 最近写的项目部分接口需要跨域，我是这么做的： 1. 先创建一个新的axios实例，新实例只负责跨域请求。 2. 新的实例复用之前实例的拦截器。 3. 新实例请求失败，错误信息CORS
接口
接口 接口服务 接口服务开发流程大致分为以下几个层级 接受请求 请求数据校验 对应 pipe 鉴权 对应 guard 路由 对应 controller + interceptor 功能逻辑 对应 se
记微信h5打开appStore遇到的坑
记微信h5打开appStore遇到的坑 产品说：为什么别人家的微信h5能跳转到appStore，咱们家的就得用默认浏览器打开？ 结论 微信私聊打开网页，网站内尝试跳转appStore会失败。但微信扫码
svg的处理
svg的处理 有时候从蓝湖等设计工具下载下来的svg切图，里面可能会有一些不必要的内容。一般需要经过简单的处理，不推荐直接拿来就用。 简化属性 比如id，经常可以看到svg里的id是中文的描述。这样的
文件上传检查文件类型
文件上传检查文件类型的坑 在文件上传的时候，前端通过 的 事件回调，拿到file。再通过 获取文件的 。基于 来做文件的类型校验，来实现文件类型相关的功能。 但今天遇到的坑是：测试无论怎么上传都传不上
记浏览器不打印console.log
记浏览器不打印console.log 无效了，控制台里看不到对应输出。 排查过程 1. 第一反应是浏览器的插件可能有问题，先禁用了所有插件。 2. 然后排查是不是webpack的配置项有问题，比如在是
aboutHttp
HTTP发展史 HTTP（Hypertext Transfer Protocol，超文本传输协议）是用于在互联网上传输超文本（如网页）的应用层协议。 最早版本0.9 仅用于简单的文档浏览，功能极其有限
浏览器内置pdf阅读器怎么指定下载文件名
浏览器内置pdf阅读器怎么指定下载文件名 通常在下载附件的时候我们通过 a 标签的 属性来设置文件名。 但如果直接通过 打开 pdf 链接，页面将会被浏览器自带的pdf阅读器接管。 意味着下载功能的文
displayNone和visibilityHidden
display:none 和 visibility:hidden 之间的区别 记得很久之前的一次面试，面试官问我是否知道 （下文简称 dn）和 （下文简称 vh）之间的区别。 最直观的答案当然是：两者