Lei Xia

Sr. Software Engineer | Solution Architect

抒写代码,尽享生活,筑就未来。

订阅 · 赞赏

avatar

ReactRouter不在组件中进行导航

2016年5月17日 · 10 字 · 1 分钟

项目使用了Flux+React Router架构,有一些需要操作路由的地方是放在Action层的,比如登录之类,但是Action层不是React组件,需要操作路由的话有点麻烦。 当然最终还是有一个办法的,利用window.location.href=,但是既然用了react,再用这种导航模式未免不妥。 查看react router源码发现,hashHistory,browseHistory中有push方法,经过测试之后可行。

安装nodejs的shell脚本

2016年5月14日 · 20 字 · 1 分钟

脚本定义 #!/bin/bash export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node git clone https://github.

JS提取字符串中文英文数字

2016年5月10日 · 34 字 · 1 分钟

最近在做导出excel的时候,发现导出成功,文件大小也正常,但是Office 2013打不开,检查数据库发现,导出数据中有非中文字符导致Excel异常。 我们知道JS是支持unicode字符集的,符合导出规则的字符应该是"中文"、“英文”、“数字”。 正则表达式 /([\u4e00-\u9fa5\w]*)/ig 提取字符串 /** * 获得可打印字符 * @param str 需要提取的字符串 */ function getPrintableChars(str) { const matches = str.

angularjs显示html文本

2016年3月29日 · 48 字 · 1 分钟

Angularjs中输出变量使用花括号或者ng-bind,但是如果变量中有html代码的话,angularjs为了xss安全,默认是不解析html,直接原样显示html代码。 如果需要显示解析后的html代码,需要使用angular-sanitize模块。 angular-sanitize一般会附带在angularjs中,如果没有附带,请前往官网下载对应版本的angular-sanitize模块。 模块代码 var demo = angular.

React Flux ES6记事本应用

2016年3月24日 · 781 字 · 4 分钟

项目地址 react-notepad-es6 React出来有很久了,与angularjs最大的不同在于React只是一个处理UI层面的库,可以认为是“V”,而angularjs则是一整套解决方案。 随着前端开发的组件化思想越来越浓烈,angularjs很多场合已经显得力不从心了。而这时候,核心为“模块化、组件化”的React可以派上永用场。真正用来开发项目的话,React肯定是不足的,缺少C和M模块。 Facebook官方推荐的Flux可以认为是一个简单的解决方案,Flux没什么特别含义,就是一个facebook随便找的一个词而已。至于什么是Flux,本文不做解释,本文以Flux来开发一个记事本应用。

android选择图片返回统一图片地址

2016年3月2日 · 224 字 · 2 分钟

android从选择图片有两种方法,但是返回值确不同,本文将指导大家如何统一这两种方式的返回值。 //关键代码 @Event(R.id.btnPhoto) private void onBtnPhotoClicked(View view) { Intent intent = new Intent(Intent.

百度推送收到消息时带参数启动activity

2016年2月19日 · 39 字 · 1 分钟

一般来说,在BPushReceiver的onNotificationClicked或者onMessage方法收到推送消息后会去启动一个activity。此时整个应用有以下几种状态: 应用进程不存在 应用进程存在,但是不在前台 应用进程存在,在前台 在BPushReceiver的onNotificationClicked或者onMessage方法中使用Intent来启动activity:

MAMP下使用pecl安装PHP扩展

2016年2月16日 · 101 字 · 1 分钟

之前写过一篇在Mac下搭建PHP开发环境的文章,[Mac搭建PHP开发环境]({% post_url 2016-02-16-mac-php-env %}),但是此种方式搭建的PHP有弊端,由于默认不带PHP源码,所以在使用pecl安装扩展时会报错。 测试安装扩展 sudo pecl install mongo 运行起来后会报形如“php.

mongodb更新指定条件的子文档

2016年1月4日 · 76 字 · 1 分钟

文档内容 { "_id": ObjectId("5689db252d162c9881532986"), "openid": "xialei", "channels": [ { "channel_id": "c1" }, { "channel_id": "c2" }, { "channel_id": "c2" }, { "channel_id": "c2" } ] } 需求 把该文档的channels中channel_id为c2的删除,但是主记录要保留。 这时候就不能用remove方法了,该方法会删除整条文档,查询官方文档发现有个findAndModify方法。