二进制数的负数是取该二进制数的补码,然后+1。 二进制数,最高位为0表示正数,最高位为1表示负数。(最高位分不同情况存储不一样) ~按位非操作其实就是取补码的过程,也就是上述求该值负数的逆过程,所以可以简单的理解为该值取负值后减1。 不存在返回-1,~-1 = 0 ,大于-1的…

react帧动画实现效果展示， 技术实现：加入animation动画类，加入IntersectionObserver监听，监听dom元素的进入，加入class类。

1. class 组件中 2. stateless（无状态组件）

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…

并不会列举所有的设计模式，比如java里的建造者模式，我自己没有实际场景用过，所以体会不深，我们就略过。 单一职责原则很简单，一个方法 一个类只负责一个职责，各个职责的程序改动，不影响其它程序。 但实际写代码的过程中，创建对象的复杂度比上面的代码高很多。接下来介绍一种常见的创建…

每天更新一个知识点，完善知识体系，开发自己的产品，建立气氛友好的技术圈子，不趁热度、不趁流量，保持自己的节奏，坚持做自己热爱感兴趣的东西，养成一个用最少语言说清楚事情的习惯，知识层面不限于前端知识。

页面滚动侦听器，就是在页面顶部，随着用户纵向滚动页面，实时反应滚动进度的元素。 实现起来也不难，核心思想是：页面滚动距离（window.pageYOffset）除以可以滚动的有效高度得到的百分比，就是滚动进度了。 progress-indicator 就是侦听元素了，初始宽度是…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

其实好久之前就想写一些东西了，从大二开始就'入坑'了前端，这样算来都有4年多了。话说刚入前端时，还是一个切图仔，什么是切图仔呢？就是在那个前后端未分离，jquery还是1.x，php还是最受欢迎语言的时代，你只需要将设计图还原成静态页面，然后在适当的位置留下替换符，就可以交给后…