zednugget

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加 Scott 微信 codingdreamer 进大会周边技术群，前端页面搭建专场，2021-2-27，线上直播。 本文写于 2019 年，原链接 404 了，内容经过更新后，发布同步于此，针对成长与晋升，早早聊做过两期更深…

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…

这个限制在开发中也确实会时常影响到我们的开发体验，比如函数组件中出现 if 语句提前 return 了，后面又出现 Hook 调用的话，React 官方推的 eslint 规则也会给出警告。 其实是个挺常见的用法，很多时候满足某个条件了我们就不希望组件继续渲染下去。但由于这个限…

CSS 变量又称为 CSS 自定义属性，它包含的值可以在整个文档中重复使用。由自定义属性标记设定值（比如： --main-color: black;），由 var() 函数来获取值（比如： color: var(--main-color);） 为什么选择两根连词线（--）表示？…

还记不记得，为了在页面上实现优雅的滚动效果（gallery, slide 等等）需要借助 JS 的那些日子？送走 JS，投入 CSS Scroll Snap 怀抱吧。 很久以前，当时 CSS 还处于第一阶段，我们就介绍过 CSS Scroll Snap，它可以让滚动的元素紧贴容…

本文主要分享的就是这些开发者工具怎么与页面进行消息通信的。 这个开发者工具源码：https://github.com/HuJiaoHJ/ec-devtools，这个工具是一个支持canvas库 ( easycanvas ) 的chrome调试工具，能对canvas的元素的样式、…