LeoEatle的博客 | LeoEatle's Blog

redux state change but react not render

今天遇到一个问题是Redux的state中有个数组明明已经改变了，但是Redux-react并没有触发虚拟DOM的重新render，这个问题我查了一下，我是犯了一个常见的Redux使用错误，问题出在Reducer在Reducer中，我用的是下面的方式返回新的statelet newState = statenewState.push(newItem)return newState 然而事实......

Posted by Leo Eatle on 2018-06-26

Modify ssh config to login with different rsa key

And use proxy to connect different git server

ssh configTo config ssh, we can touch a config file in ~/.ssh . Then we can config it like this:Host github.com HostName github.com PreferredAuthentications publickey IdentityFile ~/.ssh/i......

Posted by Leo Eatle on 2017-12-06

Use flow type in React project

本文着重记录Flow在React项目中的应用，但是flow的应用范围可以不止React ComponentsPropTypes对于原来的React，有提供PropTypes用于在运行时检查你传入的props类型，如果用了flow，那么就不需要引入PropTypes了，只需要像下面这样写import * as React from 'react';type Props = { fo......

Posted by Leo Eatle on 2017-12-01

Test travis ci

This post is only for testing travis-ciOne thing worth mentioning is that in .travis.yml. When git push <repo> <src>:<des>, the src should be master if you set master as the watch......

Posted by Leo Eatle on 2017-11-30

Mobx学习笔记

最近在尝试用Mobx管理状态，以下是学习笔记Mobx-reactobserver通过@observer可以将一个React组件改为可响应的，加上这个装饰器，React组件就可以跟踪observer的变量并进行自动render 或者你也可以通过<Observer>将组件中的一部分包裹起来，让只有这部分变成可相应的区域。 onError全局的error handler可以在组件类中加......

Posted by Leo Eatle on 2017-11-30

编写Webpack插件笔记

为了给Steamer写插件

Webpack最强大的地方就在于它的插件体系，可以在构建的时候对代码做各种操作。根据阶段性的构建回调函数，开发者就可以在构建过程中插入自己的操作。编写插件相比编写加载器要难，因为你需要理解webpack一些低层次的钩子，并做好阅读源码的准备。创建一个插件一个webpack的插件包括一个命名的js函数定义这个函数prototype的apply方法编写响应webpack事件钩子函数操......

Posted by Leo Eatle on 2017-09-08

Hybird的关键：WebView相关(1)

混杂开发的app现在越来越多，虽然我并不太喜欢这种方式（我是认为真正的web都是在Browser上才能发挥威力的），但是不可否认的是，至少在国内越来越多的app使用混杂开发来提高开发速度和迭代效率，包括很多大厂，也包括了我现在正在做的移动端web开发。要能够充分磨合好移动端原生代码和现在越来越复杂和强大的js代码，必须得了解清楚js运行的平台，也就是各平台的Webview。关于此类文章已经......

Posted by Leo Eatle on 2017-06-22

CSS的新属性：clip-path和mask

本文为原文CSS Shapes, clipping and masking – and how to use them翻译 Firefox 54版本的release引入了一个新特性，那就是支持了CSS属性：clip-path。 clip-path是一个允许我们剪切元素的部分内容的一个属性，现在在Firefox还只能使用SVG去剪裁一个元素。但是如果是使用Firefox54版本的话，你就......

Posted by Leo Eatle on 2017-06-21

【鹅厂打工日记】iOS的UIWebView和Javascript的交互

也可以说是JSBridge的使用

最近的需求需要和iOS和Android配合开发移动端的app，这里需要使得js能够调用一些客户端原生的api，虽然公司已经有封装好的库可以使用，但是了解原理还是必不可少的，毕竟兴趣所致。 iOS有个 ...

Posted by Leo Eatle on 2017-06-16

[pwn]Windows逆向神器:OD&IDA

最近对信息安全产生了一定兴趣，对pwn和misc和相关比赛都有所了解，要玩转信息安全，从Windows的逆向工程入手是比较简单的，不仅因为Windows上有比较成熟的逆向工具，而且Windows上需要使用众多API，只要API被调用，整个程序就很容易被人看透。OD(OllyDbg)是擅长做动态分析的软件，这里有它的介绍OD教程，IDA是做静态分析的王者 ...

Posted by Leo Eatle on 2017-06-01

LeoEatle's World