react innerHtml 赋值操作

使用react的时候,总有一些变量是html的字符串,但是我们却想要实现innerHtml的类似方法,直接用html进行渲染。这里react提供了一个dangerouslySetInnerHTML方法,可以实现此赋值操作。具体详情可以自己去google一个下,关键字:'reactdangerouslySetInnerHTML'.下面是我为记录的一个示例,可以作为一个简单的demo了。constLogin=React.createClass({getInitialState:function(){return{'error_state':false,'error_message':''}},handleClick:function(){&nbs...

koa-2 实现验证码验证

首先安装验证码插件这里推荐使用ccap,这个插件是我在寻找过程中,觉得能跟koa搭配比较好的一个插件,其他的要不就是需要express,要不就是需要安装其他一系列比较大的类库。npminstallccap--save如何使用?constccap=require('ccap')();home.get('/home',(ctx,next)=>{returnnext().then(()=>{ctx.body=ctx.session.captcha;});});home.get('/captcha',(ctx,next)=>{returnnext().then(()=>{letary=ccap.get();lettxt=ar...

React 实现代码高亮

使用插件google的prettify和jquery的format完成了一套很完美的代码高亮显示,还能自动格式化。先说jquery.format的接入【我这里开发是用的webpack】在引入文件中使用reqiure方法,把jquery.format加入到js代码中。require('./jquery.format.js');jquery.format.js这个文件我放在了与引入文件同级的目录下就可以样就可以了。在说引入prettify到react中,这个当然是在html页面中进行的了,所以在html中引入<scriptsrc="https://cdn.bootcss.com/prettify/r298/prettify.min.js?skin=sunburst"></script><scriptsrc="https://cdn.bootcss.com/prettify/r298/lang-sql.min.js?skin=sunburst"></script>就这样就可以了。然后把我们需要的高亮代...

在express中使用co

以下支持的Nodejs版本是>=4.2.1在express中我们都知道,我们可以在文件中定义一个方法,如下,然后可以在router中调用这个方法进行相应的处理。但是我们不想一直去写一些回调的方法,希望对于异步的处理能像写顺序编程那样一直按照逻辑顺序去执行,co就帮了我们一个大忙,试试如下这种方式吧。【前提是要安装下co】module.exports.addBackground=function(req,res,next){lettitle=req.body.title||'';lettheme=req.body.theme||'';lettheorder=req.body.theorder||0;letbig_url=req.b...

Node开发部署环节整理

做web网站开发一般都会分为三个环节:开发阶段【开发模式】、调试阶段【调试模式】、部署阶段【部署模式】在Node的环境中:开发阶段我们希望能够即使响应我们的开发速度,node启动的方式大家都知道nodeapp.js,如果中间有修改的话,就不能即使响应了,需要我们自己再去重新启动。所以我们的开发阶段最好是安装一下supervisor安装npminstall--save-devsupervisor启动supervisorapp.jsorsupervisorwww/bin【此种方法启动,需要作为一个全局去安装supervisor】我的实践是把package.json里的start"scripts":{"d":"node-debugapp.js","start":&...

React Prop 验证

本文主要是引入官方的使用,如果此时间较晚,可到官方查看较新使用说明:React.PropTypes提供很多验证器(validator)来验证传入数据的有效性。当向props传入无效数据时,JavaScript控制台会抛出警告。注意为了性能考虑,只在开发环境验证propTypes。下面用例子来说明不同验证器的区别:React.createClass({propTypes:{//可以声明prop为指定的JS基本类型。默认//情况下,这些prop都是可传可不传的。optionalArray:React.PropTypes.array,optionalBool:React.PropTypes.bool,&nbs...

ALTER TABLE ... LOCK ... 的使用

来个示例,网上找了很久了,没发现同时添加多个字段的例子,我英文比较差,只能靠猜了,结果还真成了。ALTERTABLE`record`ADDCOLUMN`rate_name`varchar(16)NOTNULLCOMMENT'货币k值'AFTER`money`,ADDCOLUMN`rate_money`decimal(16,4)NOTNULLCOMMENT'货币汇率'AFTER`rate_name`,LOCK=SHARED;ALTERTABLE`record_list`ADDCOLUMN`rate_name`varchar(16)NOTNULLCOMMENT'货币K值'AFTER`mtime`,ADDCOLUMN`rate_list`varchar(32)NOTNULLCOMMENT'货币ID组合'AFTER`rate_name`,...

快速激活最新JetBrains公司系列产品

IntelliJIDEA开源社区提供了如下通用激活方法:注册时选择Licenseserver然后输入框填写:http://idea.lanyus.com/然后点击OK,就搞定了。JetBrains注册码计算:idea.lanyus.com/===================截至目前为止,上面的方式已经无效了===========可以进入http://idea.lanyus.com/自己去找方案我这里把我使用的过程需要注意的点说下IntelliJIDEALicenseServer使用方法首先下载指定版本的IntelliJIDEALicenseServer,解压文件夹,进入文件夹,跟自己的系统的情况指定指定的文件,对于linux或者unix系统,最好到终端去执行。如果是win的话就请随意吧。可以指定端口指定用户的哟。╰─➤./IntelliJIDEALicenseServer_darwin_amd64-p ...

webpack+gulp 实现 静态文件打包并自动上传到七牛完美示例

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

koa2.0.0 webpack 结合 动态调试代码

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去刷新我们的页面,实现...