博客精选
博客

floating-ui(升级版popper.js)解读

junjianlin 2023-01-10

简介floating-ui是一个用于创建浮动元素的轻量库,如常见UI组件库的弹窗组件tooltips、popover、下拉列表等,均可基于floating-ui去实现。floating-ui是由pop...
博客

前端人需要了解的色彩表示方法

vitoliu 2022-12-30

在前端开发中,色彩信息非常重要,它可以影响用户视觉,来表达数据的大小、操作的优先级等等。按照惯例,我们先来看几个需求:任意图片上的文案清晰(亮度高的颜色,显示深色文字,亮度低的颜色上,显示浅色文字)生...
博客

借助 Microsoft Edge 分离的元素面板分析内存泄漏问题

jielu 2022-11-14

Microsoft Edge 分离元素面板 工具简介这是基于 chromium 内核的 Edge 浏览器,为开发者提供的一个用来分析网页 DOM 内存泄漏的工具,目前 Chrome 上还没有类似的工具...
博客

使用 Chrome Devtools 分析内存问题

jielu 2022-07-11

使用 Chrome Devtools 分析内存问题网页的内存限制对于 Chrome 浏览器,每个 Tab 页能使用的内存大小是有限制的。限制大小根据 Chrome 版本,Chrome位数(32/64)...
技术文档

总结系列 - Vue3特性日记

linalu 2022-06-29

一、Composition API先举个 Vue 2 中的简单例子,一个累加器,并且还有一个计算属性显示累加器乘以 2 的结果。<div id="app"> <h1 @click="add">{{...
博客

教你设计一个vue3 响应系统(一)

yinanchen 2022-06-29

本文意在介绍vue3响应式的设计思路,没有过多对源码进行解读,主要从另一个角度来认识vue3的响应式的设计与实现,对于没有看过vue3源码的同学可以初步认识vue3的响应式原理,有利于对源码观看和解读...
博客

初探vite 插件

yulu 2022-06-15

什么是vite插件Vite 是由原生 ES Module驱动的新型 Web 前端构建工具;Vite插件 其实就是在vite的基础上扩展vite的能力,进而能实现我们在构建阶段需要处理的一些定制化的需...
博客

浅谈vue3的编译优化

solomonguo 2022-05-30

编译优化:编译器将模版编译为渲染函数的过程中,尽可能地提取关键信息,并以此指导生成最优代码的过程。优化的方向:尽可能地区分动态内容和静态内容,并针对不同的内容采用不同的优化策略1.动态节点收集与补丁标...
技术文档

揭秘 async await语法糖

yinanchen 2022-05-30

一、JS异步解决方案回调函数地狱Promisegenrator函数 ----async awaitstream流模式----Rxjs二、有什么用?怎么用?async await 其实是用同步的方式解决...
博客

什么是BFC?

yinanchen 2022-03-13

正常文档流 Normal flow在普通流中,盒子会依次放置。在块格式化上下文中,盒子在垂直方向依次排列;而在行内格式化上下文中,盒子则水平排列。当CSS的** position 属性为 static...