juanfu

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…

JSX本质是什么..... 这里打印出来的Event对象是 React 封装过的SyntheticEvent，可以看__proto__.constructor。React 标准化了事件对象，因此在不同的浏览器中都会有相同的属性。 React 中事件绑定跟 Vue 中完全不同，V…

RAIL是一个以用户为中心的性能模型，它把用户的体验拆分成几个关键点（例如，tap，scroll，load），并且帮你定义好了每一个的性能指标。 用户的输入到响应的时间不超过100ms，给用户的感受是瞬间就完成了。 事件处理函数在50ms内完成，考虑到idle task的情况，…

首先，JavaScript是一个单线程的脚本语言。 所以就是说在一行代码执行的过程中，必然不会存在同时执行的另一行代码，就像使用alert()以后进行疯狂console.log，如果没有关闭弹框，控制台是不会显示出一条log信息的。 亦或者有些代码执行了大量计算，比方说在前端暴…

环境变量 （environment variables）这个概念，在前端工程化盛行之时，便悄悄的进入了前端的视野。前端远古时代没有工程化的概念，开发环境、测试环境、生成环境全靠大家手动配置。而现如今 webpack 、 snowpack 、 rollup 等打包工具大行其道，我…

redux是javaScript状态容器，提供可预测化的状态管理。 Redux除了和react一起使用，还支持其他界面库。它体积小精悍（只有2KB，包括依赖） 首先component中已经导入store、action。组件通过store.dispatch(action)发送一个…

本文属于 CSS 绘图技巧其中一篇。之前有过一篇：在 CSS 中使用三角函数绘制曲线图形及展示动画 想写一篇关于 CSS 创造艺术的文章已久，本文主要介绍如何借助 CSS-doodle ，利用 CSS 快速创造美妙的 CSS 图形。 本文的所有技巧都会围绕这个布局展开，属于一类…

很多时候我们都不用特别的关心服务器时间的问题，比如后台管理系统，如果服务器时间出错顶多会在页面获取错误的时间而已，影响不大。但有些程序对时间非常敏感，不能出一丁点错误，今天要讲的是去年发生在自己身边的事：由于时间同步问题引发了部门级故障，造成非常严重的后果。因为事件发生还不到一…

“黑铁时代”读者群里有个小伙伴感慨说，“Hutool 这款开源类库太厉害了，基本上该有该的工具类，它里面都有。”讲真的，我平常工作中也经常用 Hutool，它确实可以帮助我们简化每一行代码，使 Java 拥有函数式语言般的优雅，让 Java 语言变得“甜甜的”。 但是呢，群里还…