Linsenx

当我们讨论到前端应用的权限控制时，不是在讨论如何去控制权限，而是在讨论如何将用户权限反映到页面元素的显隐上。如果用户没有权限访问请求，不仅会造成请求资源的浪费，还会降低用户体验。前端的权限控制就是为了解决这类问题。 RBAC 是目前普遍使用的一种权限模型。本文会讨论如何基于 R…

继承模式作为JavaScript学习的重点，也是面试中必不可少的考点，但是继承模式时常会把我们绕晕。本文将通过我自己的理解，并用代码结合图片的形式来讲解JavaScript中几种继承模式的区别。 JavaScript通过原型链实现继承，故在讲解继承模式之前，先简单的讲解构造函数…

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…

传统网页的呈现是基于像素单位的，所以图片不能和 SVG 一样进行任意尺寸缩放后还保持边缘平整。也就是说，放大像素逻辑的图片，必然导致可视质量下降（信息失真）。所以我们往往会使用技术手段去规避失真，如： 这篇文章将会简单的提及以上几点，并介绍一种通过 CSS Background…

衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…

HashMap是由数组和链表组成的数据结构，数组里存放的单元叫做Node，每一个Node包含一个key-value键值对。 当调用put函数插入数据时，会根据key的hash值找到数组中对应的index，并把他放入数组中。若该数组的index上已经有数据（key值不相同），则会…

在学习Android开发的过程中，想必许多小伙伴一开始都有过在子线程中修改UI导致报错的经历。现在我们明白了Android中规定UI的更新操作必须在主线程中完成，这主要由于是Android的UI控件是线程不安全的。相反的，一些耗时I/O操作如：读取文件、访问网络等，必须在子线程…

本文主要讲解了下我平时在工作开发中遇到的关于 Hooks 的一些缺点和问题，并尝试配合 Mobx 解决这些问题的经历。我觉得两者的配合可以极大的降低开发过程中有可能出现的问题以及极大的提高开发体验，而且学习成本也是非常的低。如果你对 Hooks 以及 Mobx 有兴趣，想知道更…

一般要加阴影，就会想到要用 css 的 box-shadow 吧，实际上还有好几种表现方式。暂且不说网页，在逐年变化的设计潮流里，怎么处理阴影也是很重要的一个课题。 就比如说早些时间流行的长投影，以及今年开始流行的 Neumorphism（拟态）什么的。其独特的影子表现手法，也…