日期转时间戳 var date = '2016/05/09'; date = [date, '00:00:00'].join(' ') date = Math.round(new Date(date).valueOf() / 1000);//以上是我觉得兼容性比较强的时间戳转日期new Date().toLocaleString() ...继续阅读 (123)

结合上几篇博文,今天学习下，如果来优化一下我们的状态指示器。前面几篇文章，在renderLoadingView方法中，直接使用了一个View，然后加了一个简单的字符串进行提示，看起来还是简陋的很。修改之后，这个方法的代码如下：renderLoadingView:function(){ return ( ); },这个LoadingView方法，是根据官方教程进行改写的，其中有个小提示，里面用到了react-timer-mixin这个库，还是提交安装比较好，不然后面还要安装之后再重新启动。重要的问题就上面这些了，下面把LoadingView整个代码贴到下面:'use strict'; var React = require('react-native'); var { ActivityIndicatorIOS, StyleSheet, View } = React; var TimerMixin = require('react-timer-mixin'); var LoadingView = React.createClass({ mixins:[TimerMixin], getInitialState:function(){ return { animating:true } }, setT ...继续阅读 (113)

上一篇文章中我们了解了一下，简单的添加列表，但是列表添加了，点击列表没有什么反应啊，这不就没啥作用了，这里记录下如何实现点击的效果。React Native中有个组件叫做TouchableHighlight，一看这名字就知道干啥的了，然后我们在这上面加一个touch的事件。这里我把上一节的renderMovie的方法代码列到这里：renderMovie:function(movie){ return ( this._pressRow(movie.id)}> {movie.title} {movie.year} ); },然后我们给这个onPress添加一个指定的事件函数_pressRow:function(rowID: number){ this.props.navigator.push({ title:'详情', component:MovieView }) }这里的组件MovieView,我加在了另外一个文件 ...继续阅读 (242)

教程地址：http://www.golaravel.com/laravel/docs/5.1/quickstart/#validation有兴趣的自己的可以去看下。没事自己，也看了下，这个最近比较火的PHP框架，总体先不做评价，给那些入门后看了这个教程很困惑的人吧，包括我在内。这个教程里面说的Validation，也不知道是哪个版本的，从链接地址上看出来是5.1这个版本的，但是我用的是5.2的版本，应该不是那种不兼容的问题。只是在添加路由的过程中，只给除了如何添加路由但是没有说明白，如何去放置这些路由，由于这个是直接在routes.php中直接添加路由的，可能需要其他一切设置吧，毕竟这里的全局errors不应该就只是一个routes能解决的，我觉得。先说下问题吧，说了这么多。遇到的问题是：Undefined variable: errors 不知道问题的，可以先试下对应链接里面的教程，走一遍就应该知道问题所在了，在提交错误的时候，会出现这个错误，当然还有另外一个错误，估计都是一个问题导致的。解决办法是在stackoverflow找到的，唉，其实这个也是一个国外的框架，先不管看法的人是不是国内的，知道在国内还没有发现有人遇到这个问题，估计遇到的也不是很多。解决问题的连接地址放在这里：http://stackoverflow.com/questions/34420590/laravel ...继续阅读 (114)

React-Native最近看了下他的ListView组件，记录下自己实现的小小功能：一个简单的列表都没啥特别的了，这里添加一个导航。首先使用NavigatorIOS组件，给我们的首页添加一个导航var WalkerfreeProject = React.createClass({ render:function(){ return ( ); } });如果只是就这么几行代码，还是有问题的，需要加一下样式var styles = StyleSheet.create({ container: { flex: 1, } });最后组件注册AppRegistry.registerComponent('WalkerfreeProject', () => WalkerfreeProject);Movies这个就是一个ListView的组件。var React = require('react-native'); var { AppRegistry, Image, ListView, StyleSheet, Text, View, NavigatorIOS, ScrollView, Navigator } = React; var REQUEST_URL = 'https://raw.githubus ...继续阅读 (229)

在nodejs里面通过html的表单上传图片，跟php比较起来还是麻烦一些，特别是在react中使用表单提交含有文件的数据。最近也在做这个操作，找了很多资料，一直都是有个co-busboy这个，其实它也是基于busboy去封装的，不过这个更适合在koa里面使用。以往的表单提交，我们用浏览器去debug的时候，会看到，提交了一个post提交的数据，这个一般只是值的提交，不包括有文件，但是在react中，好像就更加复杂了一些，对于表单提交要单独自己写一个提交的事件去处理，累死submit这样的jquey函数。而且提交成功后，我们用chrome去debug的时候，会发现提交的是一个Request Payload这样的，跟Form Data不一样，而且我们在koa中，用body也是获取不到对应的值的，一切都是繁琐加着繁琐，自己考虑一下，像php这样的，是人家都帮你做好了，用起来很顺手，最终需要解决的就是，如果把提交的data从header中去解析出来，其实busboy做的还是很好的。下面我大概说下我是如何去操作的。web使用的jquery，通过FormData在componentDidMount方法中初始化一下submit。let handleAction = this.props.handleAction; $("#BackgroundForm").submit(function(e){ ...继续阅读 (434)

在React中使用qiniu上传图片，实现方式有很多种，一种是在web端实现上传，一种是在server端实现上传这里我说下我是如何在web端实现上传图片到七牛的七牛的官方已经有了javascript的使用说明我这里就不重复了。使用React首先是要把qiniu提供的js引入，由于我这里是使用的webpack，所以我就直接放在了引入文件中，这样我就可以全局引用了。require('./qiniu.js');在组件中把qiniu的对象引入进来const Qiniu = require('qiniu');然后在componentDidMount这个方法中去初始化//七牛上传大图 let uploader = Qiniu.uploader({ runtimes: 'html5,flash,html4', browse_button: 'pickfiles', uptoken : this.props.uptoken, domain: 'http://7u2r0u.com2.z0.glb.qiniucdn.com/',//这里换成自己的 container: 'app-background-container', max_file_size: '100mb', flash_swf_url: 'https://cdn.bootcss.com/plupload/2.1 ...继续阅读 (410)

最近打开gist.github.com就会出现问题，打不开，记录一个推荐的办法，很有效果192.30.252.141 gist.github.com 185.31.17.184 github.global.ssl.fastly.net 185.31.17.184 github-camo.global.ssl.fastly.net很有效果，不信你也试试 ...继续阅读 (319)

前文：别傻了，还通过源码去安装，很费时间的，而且安装完你还要去考虑本地的gcc版本问题，这里给大家提供一个很简答的方法.第一部分：升级到4.7cd /etc/yum.repos.d wget http://people.centos.org/tru/devtools-1.1/devtools-1.1.repo yum --enablerepo=testing-1.1-devtools-6 install devtoolset-1.1-gcc devtoolset-1.1-gcc-c++这个将安装的文件放在了/opt/centos/devtoolset-1.1如果想要编辑器去处理的话，这样操作export CC=/opt/centos/devtoolset-1.1/root/usr/bin/gcc export CPP=/opt/centos/devtoolset-1.1/root/usr/bin/cpp export CXX=/opt/centos/devtoolset-1.1/root/usr/bin/c++如果你想要gcc替换本地的，当然不是真的去替换，只要把他放在我们的/usrlocal/bin下面就好了，不必去管系统自带的【/usr/bin】。ln -s /opt/rh/devtoolset-1.1/root/usr/bin/* /usr/local/bin/ has ...继续阅读 (237)

使用react的时候，总有一些变量是html的字符串，但是我们却想要实现innerHtml的类似方法，直接用html进行渲染。这里react提供了一个dangerouslySetInnerHTML方法，可以实现此赋值操作。具体详情可以自己去google一个下，关键字：'react dangerouslySetInnerHTML'.下面是我为记录的一个示例，可以作为一个简单的demo了。const Login = React.createClass({ getInitialState: function () { return { 'error_state': false, 'error_message': '' } }, handleClick:function(){ let error_message = ''; error_message += '错误信息一'; error_message += '错误信息二'; error_message += '错误信息三'; this.setState({ 'error_state': true, 'error_message': error_message }); }, render:function(){ ...继续阅读 (144)

首先安装验证码插件这里推荐使用ccap，这个插件是我在寻找过程中，觉得能跟koa搭配比较好的一个插件，其他的要不就是需要express，要不就是需要安装其他一系列比较大的类库。npm install ccap --save如何使用？const ccap = require('ccap')(); home.get('/home', (ctx, next) => { return next().then(() => { ctx.body = ctx.session.captcha; }); }); home.get('/captcha', (ctx, next) => { return next().then(() => { let ary = ccap.get(); let txt = ary[0]; let buf = ary[1]; ctx.body = buf; ctx.type = 'image/png'; ctx.session.captcha = txt; }); });可以了，就是这么简单的。 ...继续阅读 (206)

使用插件google的prettify和jquery的format 完成了一套很完美的代码高亮显示，还能自动格式化。先说jquery.format的接入【我这里开发是用的webpack】在引入文件中使用reqiure方法，把jquery.format加入到js代码中。require('./jquery.format.js');jquery.format.js 这个文件我放在了与引入文件同级的目录下就可以样就可以了。在说引入prettify到react中，这个当然是在html页面中进行的了，所以在html中引入 就这样就可以了。然后把我们需要的高亮代码的css也加入进来吧pre .str, code .str { color: #65B042; } /* string - green */ pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */ pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */ pre .typ, code .typ { color: #89bdff; } /* type - light blue */ pre .lit, code .lit { color: #3387CC; } ...继续阅读 (67)

以下支持的Nodejs版本是 >=4.2.1在express中我们都知道，我们可以在文件中定义一个方法，如下，然后可以在router中调用这个方法进行相应的处理。但是我们不想一直去写一些回调的方法，希望对于异步的处理能像写顺序编程那样一直按照逻辑顺序去执行，co就帮了我们一个大忙，试试如下这种方式吧。【前提是要安装下co】module.exports.addBackground = function (req, res, next) { let title = req.body.title || ''; let theme = req.body.theme || ''; let theorder = req.body.theorder || 0; let big_url = req.body.big_url || ''; let thumb_url = req.body.thumb_url || ''; let mtime = parseInt(new Date().valueOf() / 1000); if (!title || !theme || !big_url || !thumb_url) { throw new Error('Arguments is Error.'); } co(function *() { let _ ...继续阅读 (117)

做web网站开发一般都会分为三个环节:开发阶段【开发模式】、调试阶段【调试模式】、部署阶段【部署模式】在Node的环境中：开发阶段我们希望能够即使响应我们的开发速度，node启动的方式大家都知道 node app.js ,如果中间有修改的话，就不能即使响应了，需要我们自己再去重新启动。所以我们的开发阶段最好是安装一下supervisor安装npm install --save-dev supervisor启动supervisor app.js or supervisor www/bin【此种方法启动，需要作为一个全局去安装supervisor】我的实践是把package.json里的start"scripts": { "d": "node-debug app.js", "start": "./node_modules/.bin/supervisor app.js" }然后npm start调试阶段，我们肯定是希望监测每个请求的响应结果，一旦出现问题可以直接更加友好的展示给我们：推荐node-inspector安装npm install --save node-inspector启动node-inspector app.js or node-debug www/bin【此种方法启动，需要作为一个全局去安装supervisor】我的实践是把package.json里的d里"sc ...继续阅读 (175)

本文主要是引入官方的使用，如果此时间较晚，可到官方查看较新使用说明：React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。注意为了性能考虑，只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别：React.createClass({ propTypes: { // 可以声明 prop 为指定的 JS 基本类型。默认 // 情况下，这些 prop 都是可传可不传的。 optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber: React.PropTypes.number, optionalObject: React.PropTypes.object, optionalString: React.PropTypes.string, // 所有可以被渲染的对象：数字， // 字符串，DOM 元素或包含这些类型的数组。 optionalNode: React.PropTypes ...继续阅读 (69)

来个示例，网上找了很久了，没发现同时添加多个字段的例子，我英文比较差，只能靠猜了，结果还真成了。ALTER TABLE `record` ADD COLUMN `rate_name` varchar(16) NOT NULL COMMENT '货币k值' AFTER `money`, ADD COLUMN `rate_money` decimal(16,4) NOT NULL COMMENT '货币汇率' AFTER `rate_name`,LOCK=SHARED; ALTER TABLE `record_list` ADD COLUMN `rate_name` varchar(16) NOT NULL COMMENT '货币K值' AFTER `mtime`, ADD COLUMN `rate_list` varchar(32) NOT NULL COMMENT '货币ID组合' AFTER `rate_name`, ADD COLUMN `list_rate_budget` decimal(16,4) NOT NULL COMMENT '预算汇率金额' AFTER `rate_list`, ADD COLUMN `date_start` bigint(20) NOT NULL COMMENT '起始日' AFTER `list_rate_budget`,L ...继续阅读 (74)

IntelliJ IDEA开源社区 提供了如下通用激活方法：注册时选择License server然后输入框填写：http://idea.lanyus.com/然后点击 OK，就搞定了。JetBrains注册码计算： idea.lanyus.com/ ...继续阅读 (383)

经过几天的努力终于实现了一个完美的作品，webpack可以与gulp完美结合的进行打包静态文件，并将静态文件上传到七牛云存储，当然也可以传到你想传的云存储了，这里只分享一个七牛的云存储方案。关于如何使用webpack打包静态代码，这个可以参考我之前的一些文章和方案，不行的话可以进群交流。这里只分享一下gulp这边的操作，然后给一个例子实现如何一条命令打包静态文件并更新cdn文件的方法。先展示一下gulpfile.js文件const gulp = require('gulp'); const uglify = require('gulp-uglify'); const concat = require('gulp-concat'); const shrink = require('gulp-cssshrink'); const webpack = require('gulp-webpack'); const qn = require('gulp-qn'); // MD5戳 const rev = require('gulp-rev-qn'); const revCollector = require('gulp-rev-collector'); const runSequence = require('run-sequence'); const config = require('. ...继续阅读 (580)

前提是远程仓库已经存在某个分支，本地并没有对应的分支【这是情景描述前提】对应的标题操作很简单，方法如下：git fetch origin remote_branch:local_branch ...继续阅读 (183)

koa2.0.0 的路由和视图渲染完之后的一个问题就是，如何高效的开发前端代码。因为我之前的前端代码是用webpack进行打包，然后打包过程中，使用babel实现了，ES6语法的转换，这行我就不能太干脆的丢弃webpack，然后里面使用了react+react-router+reflux,整个开发体系还是比较可以的。为了整合之前的代码，需要将之前的connect框架改为koa2.0.0，毕竟koa的实现方式还有与express，connect等这样的框架，实现方式不太一样，所以，稍微还有有点小困难，不过我这里记录下，也就不困难了。从webpack-dev-server说起，我们使用webpack-dev-server是为了能够时时监控我们的代码改变，然后用它自己的socket-io去刷新我们的页面，实现了代码修改即页面重载，当然只是在开发环境。webpack-dev-server并没有多大的改变，只是将原来的一个proxy的操作去掉了，然后整合到koa的启动文件里面了。const webpack = require('webpack'); const WebpackDevServer = require('webpack-dev-server'); const config = require('./webpack.config.development'); const debug ...继续阅读 (755)

对于koa2.0.0的表单提交如何处理，也是费了我很久的时间，在多次尝试与研究之下，可以这样来处理：proxy.post('/admin/:path', (ctx, next) => { const url = ctx.config.hostDomain + '/admin/' +ctx.params.path; const options = { timeout: ctx.config.httpTimeout, method: ctx.request.method, headers: ctx.request.headers, data: ctx.request.body }; return next().then(() => { const request = urllib.request(url, options); return request.then( (data) => { ctx.body = data.data.toString() }); }).catch((err) => { console.log(err); }); });我这里只是做了一个接口的调用，其实最重要的是在获得request后如何去进行对应的promise的操作和获取结果，这里其实很简单的： re ...继续阅读 (541)

针对koa2.0.0的测试版本，在使用的过程中遇到了很多的问题，这篇文章讲解一下如何进行操作html的调用和静态文件的调用因为koa2.0.0版本的升级，很多的中间件都没有跟随着一起调整，所以有些中间件就出现了很多问题，这里说的就是针对试图文件的调用渲染和静态文件的调用视图文件的调用使用的是如下的中间件：koa-swig安装koa-swig:cnpm install koa-swig --save配置如下：app.context.render = co.wrap(render({ root: path.join(__dirname, 'dest'), autoescape: true, cache: 'memory', // disable, set to false ext: 'html' }));路由中调用的方式如下：router.get('/home', (ctx, next) => { return next().then(() => { ctx.render('index.html'); }); });这里到这里就解决了视图调用的问题，访问的时候如果页面中调用的是本地的js或者css的话，会包404的错误，就是找不到对应的路由，OK，下面记录下。这里调用得了两个中间件:koa-convert,koa-staticconst convert ...继续阅读 (565)

薪资水平查询，不同地区的薪资水平查询地址:http://beijing.baicai.com/salary-IOS%E5%BC%80%E5%8F%91%E5%B7%A5%E7%A8%8B%E5%B8%88/下面我来分析一下这个地址如何使用【对于程序员】http://{address}.baicai.com/salary-{position}/address:对应地区的拼音【shanghai,beijing】position:对应职位【IOS工程师，Android工程师】就这些自己去对应查吧，我就不提供接口了 ...继续阅读 (68)

为啥npm安装的时候devDependencies这里面的代码也安装了，琢磨了好久，也搜索了很久，终于找到了答案，哈哈。其实觉得npm还是蛮智能的，只是自己比较低能了，没看npm的源码，测试结果是让我觉得，npm会根据NODE_ENV的环境变量值，来判断你当前的环境是开发环境和生产环境，然后根据环境来安装对应的依赖包。解决方式就是：export NODE_ENV=production npm install --save这样就会很快的将dependencies里面的包安装了，就会自动忽略掉devDependencies里面的依赖包了，就这么简单。 ...继续阅读 (122)

最近koajs更新了一个很重要的版本，就是2.0.0,虽然这个版本是一个还在开发中的版本，但是已经可以下载使用了，当然，我用来下，唉，遗憾的是，虽然koa更新了，但是对应的中间插件并没有更新，这个是为什么呢，其他中间件的人不积极呗，只能试用了下，最重要的一个就是，Router这个中间件，既然也没有更新，不兼容最新版本的koa，好吧，还有在issue中发现了两点，已经有人根据koa-router，自己写了一个koa-66,使用完还不错，下面正式记录一下：安装koa@2.0.0-alpha.2cnpm install koa@2.0.0-alpha.2 --save安装koa-66cnpm install koa-66 --save安装完了看个示例吧,app.js代码如下'use strict'; const Koa = require('koa'); const app = new Koa(); const co = require('co'); const Router = require('koa-66'); // const router = new Router(); const mountRouter = new Router(); const Controller = require('./router'); app.use((ctx, next) => { cons ...继续阅读 (275)

这个可以通过colgroup来控制单元格的宽度，如果只定义部分宽度，其他的单元格会自适应的调整。实例代码如下 用户名称 登录方式 联系方式 内容 客户端 备注 最后记账时间 操作 ...继续阅读 (88)

为了加强Linux的安全，修改linux的root的登录名会给系统带来额外的保护操作只需要三步就可以搞定第一步：修改 /etc/passwdvi /etc/passwd按i键进入编辑状态修改第1行第1个root为新的用户名按esc键退出编辑状态，并输入:wq!保存并退出第二步：修改 /etc/shadowvi /etc/shadow按i键进入编辑状态修改第1行第1个root为新的用户名按esc键退出编辑状态，并输入:wq!强制保存并退出第三步: 修改 /etc/sudoers运行vi /etc/sudoers找到root ALL=(ALL) ALL在下面添加一行：新用户名 ALL=(ALL) ALL:wq!保存退出为了保险起见自己可以另开一个console窗口试试 ...继续阅读 (87)

为了在两台服务器之间转移数据库，这里只需要三个步骤第一步：执行Mysql的 Dumpmysqldump -u root -p --opt [database name] > [database name].sql第二步：copy数据库文件到另外一台服务器这里使用SCP命令，而且SCP有如下的使用语法scp [database name].sql [username]@[servername]:path/to/database/这里简单举一个例子，如下：scp newdatabase.sql user@example.com:~/第三步：导入数据库mysql -u root -p newdatabase ...继续阅读 (75)

一、对于静态页（就是通过meta标签来设置）： 或者通过pragma no-cache来设置，pragma出现在http-equiv属性中，使用content属性的no-cache值表示是否缓存网页(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览)。二、对于ASP页面：三、对于JSP页面：四、对于PHP页面强调说明：对于动态页面，缓存的代码必须放在任何HTML标签输出之前，否则将会出错。 ...继续阅读 (82)

使用node的express或connect作为server来启动项目的如何去设置webpack-dev-server这里举例子说明【为这里使用的是connect，express同理】，三个文件development.js //启动文件 webpack.config.development.js //开发模式的配置文件 webpack.dev.server.js //webpack-dev-server 启动的辅助文件先来看development.js文件'use strict'; var http = require('http'); var connect = require('connect'); var urllib = require('urllib'); var staticServe = require('serve-static'); var finalhandler = require('finalhandler'); var debug = require('debug')('proxy'); var args = require("tinyclap")(); // 启动参数parser var proxy = require('proxy-middleware'); var path = require('path'); var url = require( ...继续阅读 (566)