react

ES6, React, Redux, Webpack写的一个爬 GitHub 的网页

find-github-star 开发历程: 项目地址 find-github-star 0x01. 这是一个什么玩意儿? github上有太多太多的牛人, 这个东西可以帮助你通过给定的一个github的用户, 然后通过他关注的人, 找出他关注的人里的被关注数最高的几个. 然后不断的循环, 从而通过关系链找到github上最受欢迎的大神~ 这个东西还只是一个小东西, 如果你有兴趣, 可以fork这个小的不能再小的项目... 项目截图 0x02. 为什么要做这个东西? 一来是自己确实想做着玩一玩, 还有就是这个项目用到了react + redux. 想进一步的熟悉redux这个玩意儿。 0x03. 开工开工~ 搭建环境 用到的工具:webpack. 直接上配置 var webpack = require('webpack'); var

javascript

JavaScript 函数式真正的浅析

0x00 入门的导语(废话) 最近两年你要说函数式编程不火的话, 那是不可能的, 是人都知道函数式编程很火.为什么函数式编程会火呢, 在于它的思想, 很强大, 很强势!尤其是前端的redux更是在reducer上完全使用纯函数, 函数式的好处渐渐被发掘出来, 笔者最近看了一些函数式方面的东东, 现在发出来给大家学习学习, 顺便我也学习学习怎么写文章... :P 常用的函数式库: ramda 设计很棒的一个库 lodash 比较常用的一个库 underscore 应该也不错的一个库 0x01 纯函数 定义: 相同输入一定得到相同输出且运行过程中不修改,不读取外部环境的变量的函数 说出来肯定不好理解, 还是要看看代码. 就好像你不看国足比赛永远不知道国足为什么会输给月薪几百块的叙利亚. // Array.slice

posts

通俗的方式理解RxJS

通俗的方式理解Rx.js 序言 今早看民工叔的文章的时候, 发现对Rxjs所知甚少, 于是去官方看了下教程, 整理出一些东西, 写成此文。 Rxjs据说会在2017年流行起来, 因为其处理异步逻辑,数据流, 事件非常擅长。 但是其学习曲线相比Promise, EventEmitter陡峭了不少。 而且民工叔也说:"由于RxJS的抽象程度很高,所以,可以用很简短代码表达很复杂的含义,这对开发人员的要求也会比较高,需要有比较强的归纳能力。" 本文就Rx.js的几个核心概念做出阐述。 尽可能以通俗易懂的方式解释这些概念。要是本文有误或不完善的地方,欢迎指出。 Observable到底是什么 先上代码: let foo = Rx.Observable.

web

HTTP验证大法(Basic Auth,Session, JWT, Oauth, Openid)

成为一个"认证”老司机 本文翻译自Auth-Boss。 如果有翻译的不恰当或不对的地方, 欢迎指出。 成为一个认证老司机, 了解网络上不同的身份认证方法。 本文档的目的是记录和编目Web上的身份验证方法。 认证指的是创建一个系统的过程,用户可以通过该系统“登录”在线服务,并授予对受保护资源的访问权限。 以下引用可能更好地总结我想要解释的内容: 客户端认证涉及向Web上的服务器证明客户端(或用户)的身份。[1] Who 我是一个自学成才的开发人员,热爱开源技术,学习,指导和知识共享。 Why 我写这篇指南,因为关于验证这方面的信息很难直接找到。我决定戴上我的“研究帽“,做一些跑腿的工作。 How 我写作风格简洁,

javascript

React的10种有效的设计模式

设计React的10种模式 本文翻译自10 React mini-patterns。这篇文章由mrcode翻译, 如果哪里翻译的不恰当或有错误的地方,欢迎指出。 同时也希望大家关注我的博客。 关注我的账号。 在过去的几年里,我已经做了许多看起来挺不错的React项目。 在这个神奇的旅程中,一些模式出现过很多次,我发现我一次又一次地重复着这些模式。 什么是模式? 这些模式是我想在学习React第一天就知道的事情。 所以如果今天是你第一天学习React,你是如此的幸运。 或者你并不幸运。只有一种方法可以决定你是否是幸运的... 这是一个长长的列表,所以你可以跳过无聊的一些模式, 比如:3,6,8,10。 1. Sending data down and up

web

以通俗的方式理解关键渲染路径

以通俗的方式理解关键渲染路径 我在看了 google 的 Critical Rendering Path (中文)后, 想把 CRP(Critical Rendering Path) 用通俗易懂的方式描述出来。 官方文档当然是描述最为详尽且可靠的。 文章里的有些图片是直接引用自官方文档。 如果存在侵权, 立刻删除。 1. 什么是 CRP ? 游览器从开始请求 HTML 文档, 到首次渲染到屏幕上(首屏), 背后需要做很多的事情, 这一连串事情就是 CRP 。 开发 app 的时候很多优化都是和缩短

web

窥探 Script 标签(步入现代 Web 开发的魔法世界)

窥探 Script 标签 0x01 什么是 script 标签? script 标签允许你包含一些动态脚本或数据块到文档中,script 标签是非闭合的,你也可以将动态脚本或数据块当做 script 的文本节点。就是内联脚本。 一般我们最常用的就是写一些 JavaScript 脚本在 script 标签里,但是 script 也可以用来存储一些数据,比如当你设置 type="text/react" 的 script 时就可以在里面放 react

basic

通俗的方式理解动态类型,静态类型;强类型,弱类型

0 x 01 引言 今天和一个朋友讨论 C++ 是强类型还是弱类型的时候,他告诉我 C++ 是强类型的,他和我说因为 C++ 在写的时候需要 int,float 等等关键字去定义变量,因此 C++ 是强类型的,我告诉他 C++ 是弱类型的他竟然还嘲笑我不懂基础。 我又尝试去问了另外一个同学 Python 是强类型还是弱类型的时候,得到的竟然是弱类型,就因为定义变量没有 int,float! 然后我想找一些网上的资料试图告诉他们他们是错的(我是对的),结果发现网上的资料大多为了严谨结果把简单的问题(其实并不简单)