杜若在掘金

大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常，异常就是预料之外的事件，往往影响了程序的正确运行。例如下面几种场景： 这些情况都是极其影响用户体…

在本文中我们会看到React如何处理state的更新。以及如何构建effects list。我们会详细介绍render（渲染）阶段以及commit（提交）阶段发生的事情。 更新state属性。 调用render方法并比较子节点。 更新React元素的props。 更新元素的te…

文章篇幅较长， 建议花整块时间阅读分析。 另外由于篇幅过长， 本文分三篇文章产出， 便于大家理解与阅读。 在 instance.js 文件中， 调用了 initMixin()方法。然后我们找到 init.js 中， 对 initMixin 函数的定义， 中间有这么一段代码： 所…

大家都知道，想学好编程、丰富简历、提升求职竞争力，一定要多敲代码做项目。 那这篇文章就教大家如何高效找到优秀编程项目。 有很多获取项目的途径，比如书上习题、网络课程、线下培训等，但最好的找项目的地方一定是 GitHub，程序届人尽皆知的代码开源托管平台。 在这里，你可以找到各种…

所谓 css in js, 就是在 js 中写css. React是以组件组合的形式组织的。所以在嵌套关系上,就会有四种不同的可能性: 我们就常以 发布/订阅模式来举例子, 这里我们用 node.js Events模块来实现。 我们在处理事件的过程中需要注意, componen…

在平常业务开发中产品和UI经常会把文字较多或者一些订单信息设置成卡片然后以折叠的形式展现，目的是为了让首屏的可视空间加大。 实现思路：主要是控制盒子的高度配合溢出隐藏以及添加过渡效果，便可实现折叠面板。 动态高度主要是设置在最外层的盒子，中间两块一个是标题以显示的形式展现，另一…