showmaker

顾名思义。。计数, 可以用来统计某个函数的执行次数，也可以传入一个参数，并且根据传入的参数分组统计调用的次数 断言，用来进行条件判断。当表达式为 false 时，则显示错误...

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（N...

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可...

推荐使用rollup打包sdk 一、开发SDK需要考虑到的 产物： 要考虑你的sdk给别人使用到的场景用途，推荐产出esm模块 + umd。es便于webpack的tree...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

pc端的web项目迁移适配移动端相关改造落地经验。例如：适配在不同的ipad大小上保持字体大小适配问题；雪碧图问题；iframe适配问题；最优方案推荐等等...

单张的打印、下载都比较简单，所以稍微记录下批量的坑，以及优化方案（注意：打印和下载都由前端生成并完成，如果是后端生成的那就没必要写这篇文章了，直接调用接口下载就可以）。 1...

一、Tree Shaking的原理 基于es6(esm)模块，只能在使用exprt、export default、import进行导入导出的文件上生效。删除无用代码主要有两...

之前被问什么是工程化，有点迷糊，后虚心请教：“工程化就像建房子一样，比如要先有基地，要怎么建，都有一个标准、规划性的东西......比如现在eslint编码规范要求或者是开...

本文利用了一个Tag组件的例子，例举了差的组件使用方式和好的组件对比。通过解耦的方法+映射，生产出对应易于组件维护和复用，代码逻辑更清楚...

现有如下业务场景： 姓名必填，电话非必填 电话号码输入完成，失焦后需后端检验 点击提交，如有输入电话号码，需等待电话号码校验完成后，提交表单 解救方案一 解救方案二 Pro...

前言：之前看过好几篇react源码解读的文章，说实话个人理解能力不高，看过一次也就忘了，奈何自己去看源码又不知道从哪里下手，庞大的底层运行逻辑即使看了你能确定它是这么运行的...

之前开发过一些大屏、地图数据可视化项目，途中经历了许多麻烦，比如想要的地图json数据不知道哪里找，数据验证调试工具的麻烦等，经过几个项目的沉淀整理了一下可视化地图开发中非...

教会你最简单的nginx部署前端项目 很久没有搞nginx了，大概快一年了。趁着今天空闲搞一下，顺便记录一下。防止以后忘记。...

本文介绍了我们平常编写jsx代码到react渲染为真实dom的大致过程，并且简单实现了react的渲染简易版本，加深对react渲染的理解。...

一 前言 今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用 的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学...

前言：本文介绍了顶层API的使用，大多数情况，我们都是对市面上的封装的组件拿来即用，所以几乎用不到任何顶层API来写通用型的业务代码。但是往往都是这些顶层API的支持得以我...

uni-app开发微信小程序遇到过的坑（你也必定会遇到），记录一些官方文档没有的踩坑点。用几分钟换来几小时的效率，纯粹小程序新手实战指引，开发中需要注意的点（都是经验）开发...

js三座大三，这是第二座山，今天来和大家一起翻山越岭。阅读前请记住这句话js里万物皆对象。 js原型、原型链一镜到底开始： 一、知道什么是原型和原型链 首先请想下你平常写代...