摘要：
前言 JS模块化编程是前端小伙伴们必不可少的知识，下面妹子将于自认为比较清晰的方式列举出来。 1 require 特点： 1.运行时加载 2.拷贝到本页面 3.全部引入 1.1 CommonJS Node.js就是用CommonJS思想。在CommonJS中，有一个全局性方法require()，用于 阅读全文
posted @ 2018-12-21 21:22
大天狗子
阅读(1532)
评论(0)
推荐(0)
摘要：
假设我们在react中有如下header组件： 我们在写react组件时结合redux要定义mapStateToProps和mapDispatchToProps两个返回对象的纯函数以便交给connect去包裹使用 具体connect使用查看connect 这里我们就可以用装饰器(Decorator) 阅读全文
posted @ 2018-12-21 21:04
大天狗子
阅读(656)
评论(0)
推荐(0)
摘要：
描述 最近在用es6解leetcode，当问题比较复杂时，有可能修正了新的错误，却影响了前面的流程。要用通用的测试工具，却又有杀鸡用牛刀的感觉，所以就写了个简单易用的leetcode开发测试工具，分享与大家。 工具安装 npm i leetcode_test 使用示例1 (问题010) codes: 阅读全文
posted @ 2018-12-21 21:03
大天狗子
阅读(838)
评论(0)
推荐(0)
摘要：
1、使用jq判断是否用微信浏览器打开页面 2、使用es6判断是否用微信浏览器打开页面 来源：https://segmentfault.com/a/1190000017389162 阅读全文
posted @ 2018-12-21 21:02
大天狗子
阅读(476)
评论(0)
推荐(0)
摘要：
1.数组的解构赋值 我们知道以前我们给一个变量赋值要这样如下： 但是ES6出来之后，我们可以这样： 以上就是从数组中提起值，一一对应赋值，a、b、c分别为1、2、3 aa,bb,cc分别对应1,2,3 d的值为30 e为1, f为[2,3,4,5] x为1，y为undefined，z为[]，如果没有 阅读全文
posted @ 2018-12-21 21:00
大天狗子
阅读(234)
评论(0)
推荐(0)
摘要：
JS 中的 this 对每位前端工程师都不陌生，经常看到对象这里 this 那里 this，那什么是 this？答案就是上下文对象，即被调用函数所处的环境，也就是说，this 在函数内部指向了调用函数的对象。 通俗的讲，就是谁调用了函数。 🐃 情况 1 this 指向 window 谁调用了这个函 阅读全文
posted @ 2018-12-21 20:57
大天狗子
阅读(188)
评论(0)
推荐(0)
摘要：
不定参数 如何实现不定参数 使用过 underscore.js 的人，肯定都使用过以下几个方法： 这些方法都有一个共同点，就是可以传入不定数量的参数，例如，我想删除掉 array 中的 value1，value2 ，可以这样使用 , _.without(array,value1,value2); 那 阅读全文
posted @ 2018-12-21 20:42
大天狗子
阅读(327)
评论(0)
推荐(0)
摘要：
介绍React.memo之前，先了解一下React.Component和React.PureComponent。 React.Component React.Component是基于ES6 class的React组件。 React允许定义一个class或者function作为组件，那么定义一个组件类 阅读全文
posted @ 2018-12-21 20:03
大天狗子
阅读(847)
评论(0)
推荐(0)
摘要：
前言团队在使用react时，不断探索，使用了很多不同的css实现方式，此篇blog总结了，react项目中常见的几种css解决方案：inline style/radium/style component，只列举了团队项目中用过的一下实现方式，还有其他的不过多展开 css的不足样式与状态相关的情况越来 阅读全文
posted @ 2018-12-21 20:01
大天狗子
阅读(861)
评论(0)
推荐(0)
摘要：
父组件： 子组件： github：https://github.com/Rossy11/re... 来源：https://segmentfault.com/a/1190000016992970 阅读全文
posted @ 2018-12-21 19:59
大天狗子
阅读(348)
评论(0)
推荐(0)
摘要：
Redux Saga redux saga 是一个用于管理应用程序副作用（例如异步获取数据，访问浏览器缓存等）的javascript库，它的目标是让副作用管理更容易，执行更高效，测试更简单，处理故障更容易。 redux saga相当于一个放置在action与reducer中的垫片。 之所以称之谓副作 阅读全文
posted @ 2018-12-21 19:58
大天狗子
阅读(1097)
评论(0)
推荐(0)
摘要：
前言 Mobx是什么 安装 npm install mobx save 原则 一个简单的react+mobx的计算实例 小结 写的不详细，如有需要者，请前往官方文档 来源：https://segmentfault.com/a/1190000017026373 阅读全文
posted @ 2018-12-21 16:04
大天狗子
阅读(255)
评论(0)
推荐(0)
摘要：
最新React全家桶实战使用配置指南 这篇文档 是吕小明老师结合以往的项目经验 加上自己本身对react webpack redux理解写下的总结文档，总共耗时一周总结下来的，希望能对读者能够有收获， 我是在这基础多些加工！ 目录 1.版本说明 2.目录结构 3.初始化项目 4.webpack 5. 阅读全文
posted @ 2018-12-21 16:02
大天狗子
阅读(152)
评论(0)
推荐(0)
摘要：
注意：文章很长，只想了解逻辑而不深入的，可以直接跳到总结部分。 初识 首先，从它暴露对外的API开始 现在对它的大概工作范围有了解后，我们可以开始沿着执行顺序分析。 抽丝 Provider 我们使用时，当写完了redux的reducer, action, bindActionCreators, co 阅读全文
posted @ 2018-12-21 16:00
大天狗子
阅读(190)
评论(0)
推荐(0)
摘要：
Context Context提供了除props之外的传参数的方式。 Context是全局跨组件传递数据的。 API React.createContext Provider Consumer Example ThemeContext.js ThemedButton.jsx App.js 在线示例 阅读全文
posted @ 2018-12-21 15:58
大天狗子
阅读(142)
评论(0)
推荐(0)
摘要：
我们在项目中经常使用到下拉加载更多，之前要么是底部写加载按钮，要么是引入插件。今天终于有时间手写一个了，之前感觉挺麻烦，明白原理后，其实很简单... scrollTop：滚动视窗的高度距离window顶部的距离，它会随着往上滚动而不断增加，初始值是0，它是一个变化的值； clientHeight:它 阅读全文
posted @ 2018-12-21 15:56
大天狗子
阅读(3865)
评论(0)
推荐(0)
摘要：
本文是学习了2018年新鲜出炉的React Hooks提案之后，针对异步请求数据写的一个案例。注意，本文假设了：1.你已经初步了解hooks的含义了，如果不了解还请移步官方文档。（其实有过翻译的想法，不过印记中文一直在翻译，就是比较慢啦）2.你使用Redux实现过异步Action（非必需，只是本文不 阅读全文
posted @ 2018-12-21 15:55
大天狗子
阅读(4091)
评论(0)
推荐(0)
摘要：
工作中经常会遇到需要复制 JS 数据的时候，遇到 bug 时实在令人头疼；面试中也经常会被问到如何实现一个数据的深浅拷贝，但是你对其中的原理清晰吗？一起来看一下吧！ 为什么会有深浅拷贝 想要更加透彻的理解为什么 JS 会有深浅拷贝，需要先了解下 JS 的数据类型有哪些，一般分为基本类型（Number 阅读全文
posted @ 2018-12-21 15:39
大天狗子
阅读(157)
评论(0)
推荐(0)
摘要：
在签到统计场景中，可以使用 bitmap 数据类型高效的存储签到数据，但 getbit 命令只能获取某一位值，就无法最优的满足部分业务场景了。 比如我们按年去存储一个用户的签到情况，365 天，只需要 365 / 8 ≈ 46 Byte，1KW 用户量一年也只需要 44 MB 就足够了。 但如果我想 阅读全文
posted @ 2018-12-21 15:37
大天狗子
阅读(3072)
评论(0)
推荐(0)
摘要：
<! TOC > 通俗易懂的设计模式 零、使用 1、安装 2、测试 一、什么是设计模式 二、设计模式的类型 三、设计模式的六大原则 四、UML类图 1、看懂UML类图 2、解释 五、资料 <! /TOC > 前言：花了一些时间再次熟悉了一遍设计模式，主要是参考design p 阅读全文
posted @ 2018-12-21 10:24
大天狗子
阅读(493)
评论(0)
推荐(0)
浙公网安备 33010602011771号