当前端收到一张设计稿的时候，他们需要考虑非常多的问题。 而第一个摆在面前的问题就是 - 切图。作为连接设计师和前端的重要“纽带”，如果切图不准确，很容易导致最终的产品呈现与设计稿大相径庭。 随之而来的

说到 icon，很多前端开发只能想到 iconfont，或者组件库中提供的那些图标，当然这对于绝大多数开发场景是够用的。 但要知道，iconfont 的方案其实是在 2016 年公开，到现在也已经有

大家好，我是HoMeTown，好的工具，可以帮助我们大幅提高编程效率，今天给大家分享一下我平时收集到的一些网页工具，目录已经分好了。

背景 本文分析要点 辅助线生成逻辑 辅助线显示优化 辅助线吸附逻辑 效果展示 一.辅助线生成原理 首先我们要知道，辅助线就是为了方便对齐某个元素而生成的参考线，看上图 通常我们会对一个元素的 左、中、

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

【下篇】 你的图片加载，一点都不酷炫！不信You Look Look... 【上篇】你的图片加载，一点都不酷炫！不信You Look Look... 我看对上篇文章有兴趣的同学不少，就把上篇文章中的功

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库