Kokule

本文正在参加「金石计划 . 瓜分6万现金大奖」 12 月 10 日，第五届 Vue.js 开发者大会（VueConf 2022）由 Vue.js 官方通过在线直播的方式举办...

保持客户端样式表现一致的关键：css @font-face引入外部字体。 我们看到的网页所使用的字体，通常是操作系统默认支持的字体，比如Windows（10/8.1/8/7...

类似这种，当也页面左侧内容滚动的时候，需要关联激活左侧导航节点；当点击右侧导航节点时，也会将左侧对应的内容滚动到可视区域顶部的场景，并不少见，比如知识类社区，掘金查看文章时...

在单页应用中，比如vue，常常会遇到跳转到下一页的时候，滚动条保留在上一个页面停留的位置，然而这可能不是我们希望的。此时，用户想要的是每跳转到一个新页面，尤其是详情页跳转到...

选择和保留这种封装方式的原因：1.简洁干净，2.实用不麻烦，3.好管理便于维护。封装前后两种方式，在具体接口调用上都是差不多的，主要是在声明和组织接口上有“肉眼可见”的差距...

CSS中的长度单位，分为两种，一种是绝对单位，另一种是相对单位，了解他们的区别，重要的是帮助我们理解它们控制的元素将如何变化，以及帮助我们做设计和布局规划。这些就是认真了解...

了解到的 PDF.js 支持的功能： ①在线检索文档中的内容，并支持高亮显示，匹配大小写，统计匹配项等，在检索功能不错。 ②指定页跳转，上下一页。 ③下载当前预览文件。 ④...

对于很多现在的前后端分离项目，工程化前端项目来说，兼容 Internet Explorer 浏览器，似乎成了伪需求。而仅在Internet Explorer 支持的 Act...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第26天，点击查看活动详情。 思考|babel的价值在于时间差？ 一、前言 本文以“babel的价值在于时...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第27天，点击查看活动详情。 原创|进阶图（一）：主面板开发 前言 本文介绍原创作品，进阶图的开发过程和开...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。 原创|进阶图（二）：关联资料和缩放支持设计 前言 本文接续进阶图（一），在前...

会用的知识技术才算学到的，进阶图的每一步都是作者原创，市面上并没有发现参考库，虽说难度不大，但这其中也涉及到不少的前端知识技术点，最重要的是涉及到的思维组织，逻辑设计，技术...

那么这些方法都是谁？都有啥特性？应该如何使用这些数组方法？我们深入仔细的了解它们，是为了更好的利用他们，在对应的场景选择更合适的操作数组方法，而不是能实现就行，这也许就是优...

shift() 方法从数组中删除第一个元素，并返回该元素的值。splice 把crud 中的增删改都实现了呀，真是个多功能的方法。...

本文主要分为三点，①是 Array.sort() ，②是 Array.reverse()，③是本系列的总结。sort() 方法用原地算法对数组的元素进行排序，并返回数组。默...

关于 **margin collapsing** 翻译为外边距塌陷还是折叠这事，都有人提，我个人更倾向于折叠。折叠挺好理解啊，你有下外边距，我有上外边距，两边一靠近，重合折...

userAgent 是 Navigator 的只读属性，返回当前浏览器的用户代理字符串。即是返回用户当前使用的浏览器的能代表浏览器的字符串标识。...

飘窗，即一个类似小窗子的在网页上移动的矩形元素，通常被用于一些通知类的应用场景，飘窗与横幅相比，更显眼更具有强调感和动画感，在视觉上更有冲击性，在体验上互动性也更强。...

Opera 将repaint 和 reflow 列为导致 JavaScript 缓慢的三个主要因素之一，因此它绝对值得一看，值得一学。...

在交谈 BFC 的时候，谈论产生 BFC 的条件，或 BFC 的特性，比起说什么是 BFC，可能更有意义。tips：CSS2.1 中只有 BFC 和 IFC，CSS3 中才...