... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

作者：大漠Flexbox布局已是目前最为流行的Web布局方式之一，它给Web开发者在完成页面或组件的UI布局带来了极大的灵活性和便利性。但也是因为它有极大的灵活性，里面隐藏了一些不为人知的细节，如果不

今天的文章很有意思，讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道，到今天（2020/03/06），CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于上述的超长打点省略方案之下，会有一些变化的需求。譬如，我们有如下结构： 对于上述超出的情况，我们希望对于超…

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 我们可以使用展开操作符复制数组，不过要注意的是这是一个浅拷贝。 这样我们就可以复制一个基本的数组，注意，它不适用于多级数组或带有日期或函数的数组。 我们还可以通过…

前两天测试小姐姐突然找到我，说我的表单校验是不是有问题，为什么一个格式很标准的身份证号校验总是提示校验失败呢？能改一下校验吗,不能然每次都要使用她的真实身份证号来测试了... 好吧，最后给她推荐了一个身份证号码生成网站解决了她的困扰。当然，也顺便给我的同事们分享了一波我使用的校…

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧，你可能还不知道哦？ JS 字符串允许简单…

webpack文档给出的解释中有个关键词就是ES2015，大多数情况下，我们开发的npm包为了更好的浏览器兼容性，会用babel将es6转译成es5或者更低的版本，从而丢失了tree-shaking的能力。 打包工具优先通过module和sideEffects指定的路径来引入该…

目前按需加载有两种方式实现。 babel-plugin-import是ant-design团队出的一个babel插件，主要用于模块的按需加载。其原理就是将直接引入的方式通过babel转化成按需引入的方式。如果css也需要按需加载，也会注入css引用代码。 babel-plugi…

通过静态检查工具来规范自己项目的代码，让团队所有成员保持一致的编码风格，这样大家可以专注于核心特性的开发，提升整体开发效率。 以下将对DevUI组件库使用的各种lint工具进行介绍，并说明如何在代码提交阶段进行统一格式检查与修正。 通过阅读这篇指南，希望你也可以使用这些Lint…