让Bootstrap的Refresh Icon也spin起来

bootstrap下面有个glyphicon-refresh,但是不会自定动态spin[旋转],下面提供下我的实例.spin{-webkit-transform-origin:50%50%;transform-origin:50%50%;-ms-transform-origin:50%50%;/*IE9*/-webkit-animation:spin.8sinfinitelinear;-moz-animation:spin.8sinfinitelinear;-o-animation:spin.8sinfinitelinear;animation:spin.8sinfinitelinear;}@-webkit-keyframesspin{0%{ ...

Linux命令sed 之 替换

最近做redis的集群配置,想到一个问题,就是配置文件要是我能用命令替换就好了,就不需要每次打开文件去编辑一遍。于是让我发现了sed这个命令,那么今天就记录下如何来替换文件里面的内容。起始就是学习了,记得下次使用就好了。首先新建目录test新建两个文件test/a.txttest/b.txtlltest结果如下-rw-r--r--1durban126staff22B7900:42a.txt-rw-r--r--1durban126staff15B7900:25b.txta.text的内容是wowogowhichgowhichb.text的内容是eoeogowhichgowhich然后我们通过sed命令来做文件内容替换,将wo替换...

redis 3 版本 集群配置

最近项目需要,需要在服务器上做下redis的集群配置。这里说下我自己的经验,应该是redis自3版本以后才支持redis,以前的版本也有集群,但是不是真正意义上的集群,从配置文件上就能够分别出来,3以前的版本是没有cluster的相关配置项的,从3版本以后才开始支持的。这个导致我一直以为3以前的版本也是支持的,折腾了好久,不过2版本可以通过master/slave的方式搭建类似集群的功能。所以,如果你是想使用redis的集群功能,首先还是把自己的redis升级为至少是3版本的吧。我这里记录的是redis3.2.1版本的。整个的配置流程事实上是可以直接使用redis自己提供的create-cluster进行创建,这个工具整个进行管理...

nginx 配置域名301转向

嗯,今晚记录下,由于最近观察google分析工具发现我网站存在www.gowhich.com和gowhich.com同时存在的一些问题,建议将其中的一个做301跳转,这个还是超级简单的啦,不过还是记录一下吧,方便记性不好的。绑定对应的域名当然没有问题了。server{listen80;server_namegowhich.comwww.gowhich.com*.gowhich.com;}上面主要展示了主要的部分,后面还是要根据你自己的需要去配置。server{listen80;server_namegowhich.comwww.gowhich.com*.gowhich.com;if($host!=&...

Reactjs 在 Browser 环境下是如何开发的

以前使用reactjs做前端开发都是webpack打包然后在运行,这样的好处是,你开发的环境是一个纯碎在写nodejs的感觉,而且还能应用很多ES6的新特性,岂不快哉!最近在做后端,也由于使用webpack时间长,一直没有找到很好的办法去解决,自动打包缓慢的问题,还有就是每次开发你都要去根据具体情况写要给跟webpack相关的config文件。于是就试着用Browser的环境进行开发,结果今天尝试下后,果然还是很不错的。首先引入react,我这里使用reflux,然后再引入reflux,再引入babel。<scriptsrc="/js/react.min.js"type="text/javascript"charset="utf-8"></script><scriptsrc="/js/react-dom.m...

Laravel Blade 模版 变量使用

LaravelBlade模版对于我这样的初玩者来说,确实有点挑战。习惯了,django的直接定义函数就能直接使用的方法,在Blade中还是没有找到如何使用,这里简单介绍下我自己查到的使用方法。起始Laravel的Blade是支持php的原生写法的,比如我有个输出的变量,是需要进行逻辑判断在输出的。<?php$heading='/images/default.png';?>@if($user->headimg)@if(strncmp($user->headimg,'http://',strlen('http://'))==0)<?php$heading=$user->headimg;?>@else<?php$headimg="http://7u2r0u.com1.z0.glb.clouddn.com/".$user->headi...

PHP 版本的startsWith 和 endsWith

JS处理字符串的时候,有些地方还是很方便的。但是PHP也不是很逊色,也有对应的解决方案。functionstartsWith($haystack,$needle){returnstrncmp($haystack,$needle,strlen($needle))===0;}functionendsWith($haystack,$needle){return$needle===''||substr_compare($haystack,$needle,-strlen($needle))===0;}不理解strcmp和substr_compare的可以自己去查查文档

mysql 查询分表方法 【满足5.6.27版本】

业务需求,将record表做了分表处理,那么问题就出现了,以前的接口就有问题了。SELECT*FROMrecordWHRERxxxx;这样的SQL语句就不能正常执行了,只好不会再有新的数据进来了,结果不是需要的数据。于是找了一个我认为算是比较笨拙,但是还能用的方法,就是使用union的方式查询。SELECT*FROM(SELECT*FROMrecord_0WHERExxxxunionSELECT*FROMrecord_1WHERExxxxunionSELECT*FROMrecord_2WHERExxxxunionSELECT*FROMrecord_3WHERExxxxuni...

git查看某个文件的修改历史

如何查看一个文件的修改历史记录:第一个步骤就是找到某个文件的修改历史gitlog--pretty=oneline./static/js/detail.js结果会列出下面的结果e4f37d08ce8e9d729a824568f3a23d4eeb21ba30恢复误删的js85e4a01822b690da8b152d780271a12d9a3b8dd9添加反馈详情页面0d3893c8c4f8b124ca50731f02334b70b88ebe5e更新页面第二个步骤就是查看具体的历史修改记录gitshowe4f37d08ce8e9d729a824568f3a23d4eeb21ba30结果会看到如下的修改信息commite4f37d08ce8e9d729a824568f3a23d4eeb21ba30Author:durban<zhangdapeng89@126.com>Date:MonDec2111:26:202015+0800恢复误删的jsdiff--gita/gulpfile.jsb/gulpfile.jsindex6563d1b..da42836100644---a/gulpfile.js+++b/gulpfile.js@@-78,6+78,16...

WebStorm快捷键(Mac版)

WebStorm快捷键(Mac版)⌘——Command⌃——Control⌥——alt⇧——Shift⇪——CapsLockfn——功能键就是fn编辑Command+alt+T用(if..else,try..catch,for,etc.)包住Command+/注释/取消注释的行注释Command+alt+/注释/取消注释与块注释alt+↑向上选取代码块alt+↓向下选取代码块Command+alt+L格式化代码tab,shift+tab调整缩进Control+alt+I快速调整缩进Command+C复制Command+X剪切Command+V粘贴Command+shift+V从剪贴板里选择粘贴Command+D复制代码副本Command+delete删除当前行Control+Shift+J清除缩进变成单行shift+回车快速换行Command+回车换行光标还在原先位置Command+shift+U大小写转换Command+shift+[,Command+shift+]文件选项卡快速切换Command+加号,Command+减...

Android webview中的页面出现的部分Bug及解决方案

写移动页面时给一个图片添加样式如下img{border:.05remsolid#5c0008;border-radius:1rem;}在IOS上正常,部分安卓的手机却不能正常显示(例如vivo手机),查阅了资料后发现在安卓低版本的手机上border-radius这个css属性确实存在该问题以及发现一些其他的问题,特此记下!一、Android2.3自带浏览器不支持%通常我们实现一个圆只需要border-radius:50%就可以了,但是在Android2.3中是不支持百分比的,要兼容的话我们只能使用一个较大值例如border-radius:999px;二、Android及Safari低版本img的圆角问题(就是本文开头提到的问题)当img元素有border时设置border-radius会导致圆角变形(如图)bord...

Nodejs 接口之 解析淘宝客短链

给你一个淘宝客的短链,如果获取他跳转后的地址,这是我最近在做个一个程序,使用node开发总体来说还是挺简答的。大概说下流程第一步:解析出这个短链最终的真实地址我的第一个想法是,是不是需要啥啥接口才可以哇。但是我又想,这也太麻烦了,如果我访问了这个链接是不是就可以得到真实的链接了。好,到网上找到了一个request库,还是有实例哦,简单的不要不要的,赶紧弄了下,果然是有结果的。varr=request(url,function(err,res,body){varuri=res.request.uri.href;console.log(uri);}可以了。地址拿到了,用浏览器打开试试,结果还是有问题,...