这是我第16篇简书。 整体思路： 性能优化是什么? 从用户角度来看，什么才是好的页面？一个是页面加载的很快，另一个是页面使用起来很流畅。 那么对应到前端开发的角度，性能优化可以对应分为两个方向：页面加载时间跟页面运行效率。 从浏览器打开到页 ...

JS事件 最近跟同事一起面试，发现同时每次必问JS事件相关的内容，自己就做了下梳理，对其事件相关的内容做了下总结。 事件模型： 顾名思义就是事件的一个流转规则，说到事件模型就跟各个浏览器之间的差异就有关系了，目前浏览器没有统一事件模型，大 ...

Unsplash Hook 是什么？Hook 是 React 16.8 的新增特性，它可以让你在不编写 class 的情况下“钩入” React 的特性，例如，useState 是允许你在 React 函数组件中添加 state 的 Ho ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

通过手写一个简易的DOM节点查询功能的Jquery实例，了解Jquery内部实现原理及理解Class与继承。 页面DOM节点如下 第一段文字 1 第一段文字 2 第一段文字 3 定义jquery对 ...

概述 IPTV机顶盒开发有很多的坑，爬不完的坑，当然其他开发也是一样……哈哈哈。今天我来说一下IPTV-B/S模式开发中调试的坑。如果你开发过机顶盒项目（以下都特指B/S模式）[没开发过的肯定也不会看这篇文章]，那你肯定经历过这种时候……写 ...

扩展性是衡量代码质量最重要的标准之一，代码的扩展性好了，出bug的几率就小很多。在经典的设计模式中，大部分设计模式都是为了解决代码的扩展性而存在的，主要遵从的原则就是开闭原则，所以理解开闭原则并能灵活应用很重要。 如何理解开闭原则 英文全称 ...

image FWidgets 用心提供精致的组件，助您构建精美的应用。 嘿，开发者，快停止构建 Old GUI！ image 如果你有注意到的话，你会发现，我们需要更多的精美的 New GUI！ 为帮助开发者能够舒适的构建出拥有精美 GU ...

image.png useState 使用状态 const [n, setN] = React.useState(0) const [user, setUser] = React.useState({name: 'Jack', age: ...

1. 何为事务？ 根据维基百科的解释: 提供独立可靠的恢复机制，保证出错时数据的一致性，不同事务之间互相独立。 事务一般在 数据库 中使用的比较多，能保证出错的时候进行rollbakc恢复。但是，React中的事务并不提供类似数据库的回滚能 ...