失眠的男青年

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

针对上期打卡需求开发，这期需要以列表的形式展现打卡记录，但是微信小程序并没有表格组件，可能是官方考虑到,在前端开发中，表格一直都是最复杂的组件之一就没有实现吧。没有现成的组件可以使用，针对这个问题，目前有两种解决方案： 第一期打卡采用的原生开发的，老板期望第二期需求也能用原生，…

本文旨在 chrome 入门开发，如果需要深入开发，可以去 chrome 官网进行学习。 本文将会列举一些常用的概念说明，包含 5种js 类型对比、 6个核心、消息通信和一些动态化注入、打包发布等。 本文讲的 chrome 插件真正的叫法应该是 chrome 扩展(Chrome…

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…

表达式进一步转换成0==0，结果为true。 虽然过程复杂，记住判断的思路即可，非对象之间，先类型转换再比大小，对象比较则调用获取原始值方法再进一步比较。 接下来是判断2种特殊类型Set和Map，由于这2种类型的拷贝方式不同，进一步通过if分支对其判断，遍历里边所存放的值，Se…

现在稍微大型的站点都会采用H5/PC端 并行，通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说，就很难实现。 通过CSS媒体查询实现响应式布局，是主流方式。 但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体…

本篇将结合自身使用 ES6 Promise的情况，总结下Promise在我们项目开发中的常见的应用场景，当然，Promise 也许不是唯一选项，但是我们作为一个合格的前端开发人员，我们有必要了解它。 参数：一个可迭代对象，如Array。 如果传递的iterable为空，则是已经…

redux作为前端状体管理中最亮眼的那个仔，非常有必要弄清楚他的原理。本文将从源码结合实践一起来重新认识redux。纯干货分享！！！ 我们经常看到这段代码，本文将从以createStore作为入口顺藤摸瓜带你认识整个框架。下面源码是v3.7.2版本的代码。 首先来看create…