<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[csr0312的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/csr0312</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; csr0312]]></copyright><item><title><![CDATA[scrollView]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/52282692</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/52282692</guid><author>csr0312</author><pubDate>Tue, 23 Aug 2016 00:54:27 +0800</pubDate><description><![CDATA[function(w, $) {
    var ScrollView = function(opt) {
        var self = this;
        $.extend(this, opt);
        var start;
        this.$wrap.addClass("am-touchable").bind({
            vtouchstart]]></description><category></category></item><item><title><![CDATA[react-native 问题总结]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/52180270</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/52180270</guid><author>csr0312</author><pubDate>Thu, 11 Aug 2016 10:29:20 +0800</pubDate><description><![CDATA[1、导航Q：在使用Navigator的同时使用ListView或ScrollView，后两者的头部会多出一些空间。A：将automaticallyAdjustContentInsets属性设为{false}.2、子组件Q：报错：Invariant Violation: onlyChild must be passed a children with exactly one childA：一般是Tou]]></description><category></category></item><item><title><![CDATA[前端数据模拟服务器 gulp-connect 和 JSON Server]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/50845350</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/50845350</guid><author>csr0312</author><pubDate>Thu, 10 Mar 2016 11:48:48 +0800</pubDate><description><![CDATA[最近闲着没事，就上github溜达，看到了JSON Server 这个项目。项目主要是给前端人员做个JSON的数据模拟服务器，也就是说你可以用最简单的方式搭建一个基于REST API的JSON服务器，一条命令搞定。这个项目很棒，前面的项目确实也没有用到数据模拟这个东西，都是上传到服务器，然后ajax请求。这个过程很痛苦的，有修改然后上传。 
    遇到什么问题呢？ 
    1、后台重启，页面全部]]></description><category></category></item><item><title><![CDATA[Angular 2 开发环境搭建]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/50607182</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/50607182</guid><author>csr0312</author><pubDate>Fri, 29 Jan 2016 14:44:52 +0800</pubDate><description><![CDATA[目录结构如下文件说明gulp.config.jsmodule.exports = function() {
    var config = {
        allTs: './app/**/*.ts',
        tsOutputPath: './app/'  
    };    return config;
}gulpfile.jsvar gulp = require('gulp')]]></description><category></category></item><item><title><![CDATA[CSS3效果]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/50598552</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/50598552</guid><author>csr0312</author><pubDate>Thu, 28 Jan 2016 09:42:24 +0800</pubDate><description><![CDATA[环绕旋转html<body>
  <div class='bb'></div>
</body>css .bb, .bb::before, .bb::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;]]></description><category></category></item><item><title><![CDATA[Amazing CSS Animation]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/50561392</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/50561392</guid><author>csr0312</author><pubDate>Fri, 22 Jan 2016 13:42:07 +0800</pubDate><description><![CDATA[1.Original Hover Effects 
http://tympanus.net/Tutorials/OriginalHoverEffects/index.html 
2.Parallax effect built with CSS transitions 时差滚动 
http://paulrhayes.com/experiments/parallax/ 
3.OUR SOLAR SYST]]></description><category></category></item><item><title><![CDATA[Vue]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/50560901</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/50560901</guid><author>csr0312</author><pubDate>Fri, 22 Jan 2016 11:48:01 +0800</pubDate><description><![CDATA[组件1、定义组件 
2、注册组件  <script type="text/x-template" id="child-tpl">
     <input v-model="msg"/>
    <button v-on:click="notify">触发</button>
  </script>  <!--start  
  <template id="child-tpl">
    <input]]></description><category></category></item><item><title><![CDATA[Tomcat6、tomcat7 跨域设置]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/49908751</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/49908751</guid><author>csr0312</author><pubDate>Wed, 18 Nov 2015 16:16:06 +0800</pubDate><description><![CDATA[需要下载两个jar文件，cors-filter-1.7.jar，java-property-utils-1.9.jar这两个库文件，http://download.youkuaiyun.com/detail/csr0312/9280097 
放到tomcat lib目录下面，不是项目的lib目录，然后配置项目的web.xml，添加如下内容，注意filter位置，应该放在第一位<!-- 实现跨域 -->]]></description><category></category></item><item><title><![CDATA[移动Web知识总结]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/49642537</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/49642537</guid><author>csr0312</author><pubDate>Wed, 04 Nov 2015 19:54:55 +0800</pubDate><description><![CDATA[效果1： 
 
 
 
Backbone项目分析(function($) {
  $(document).ready(function() {
    var Contact = Backbone.Model.extend({
      defaults: {
        name: '',
        email: ''
      },      validate: function(]]></description><category></category></item><item><title><![CDATA[JavaScript自定事件-原生代码]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/48159677</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/48159677</guid><author>csr0312</author><pubDate>Tue, 01 Sep 2015 16:27:51 +0800</pubDate><description><![CDATA[var Events = function(){
        this._listeners = {};//存储事件类型对象列表 { log:[fn,fn,...],show:[fn,fn,fn....],hide:[fn,fn,fn...]}
    }
    Events.prototype = {
        /**
        * 添加事件监听
        * @param]]></description><category></category></item><item><title><![CDATA[ul li列表排序]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/48155633</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/48155633</guid><author>csr0312</author><pubDate>Tue, 01 Sep 2015 11:18:49 +0800</pubDate><description><![CDATA[有这样的需求，就是对 li 列表进行排序，刚开始觉得木有什么头绪，就想起以前好像Array.prototype.sort.call可以这样做，可以实现对象的排序，比如 
那么对于一个dom列表，怎么做呢。下面有一个JS原生版本的。DOM结构        <ul class="datalist">
            <li class="item">
                <span]]></description><category></category></item><item><title><![CDATA[JavaScript小技巧]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47952167</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47952167</guid><author>csr0312</author><pubDate>Mon, 24 Aug 2015 15:46:43 +0800</pubDate><description><![CDATA[1、在String.prototype.replace方法中使用 /g 和 /i 标识符字符串replace  不会替换所有匹配的子串——而是仅仅替换第一个匹配的内容，所以如果需要匹配全部，需要添加全局标识符 /g 
如: str.replace(/cat/g,'test');如果需要匹配大小写敏感的内容，则需要进行 用 /i标 
识符 str.replace(/cat/i,'test');2、类数]]></description><category></category></item><item><title><![CDATA[DOC命令删除文件和文件夹]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47829485</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47829485</guid><author>csr0312</author><pubDate>Fri, 21 Aug 2015 09:17:57 +0800</pubDate><description><![CDATA[以前木有在DOC命令下，删除过文件和文件夹。其实不简单，主要是几个命令：删除文件 del删除文件比较简单，就是 del文件名即可如 del 文件名  
即可如 del text.html删除文件夹或者目录 rd这个就比较绕，怎么说呢带的参数比较多，首先是rd命令，就是rmdir的意思。原名是：ReMakeDirctory。 
使用方式即： rd [带路径的文件夹名] ，如rd D:\xx.html。]]></description><category></category></item><item><title><![CDATA[Require r.js打包合并JS模块]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47778041</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47778041</guid><author>csr0312</author><pubDate>Wed, 19 Aug 2015 11:25:36 +0800</pubDate><description><![CDATA[前端开发越来越复杂，代码的管理变得越来越重要。模块化开发简直是前端开发的福音啊，如果你还没有接触前端模块开发，可以了解一下两个著名的模块开发框架SeaJS和RequireJS，这个两个都是非常优秀的模块开发框架，只是两者的遵循的规范不一样，SeaJS提倡按需加载，你需要哪个库或者模块，直接 var myLib = require(‘xxx’)；就可以了。而RequireJS则是全部加载完成后才执行。]]></description><category></category></item><item><title><![CDATA[点击click事件在iPad没有响应]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47754897</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47754897</guid><author>csr0312</author><pubDate>Wed, 19 Aug 2015 11:02:26 +0800</pubDate><description><![CDATA[本来在ipad使用tap事件，工作的很好。但是需求改变，要适应PC跟ipad，所以索性直接替换zepto改成jquery。理想不错，但是现实是，在浏览器上click事件工作得很好，切换到模拟器上面，也运行不错，但是切换到真机ipad上面，悲剧了，根本不响应click事件。查看了一遍又输出，还是木有反应。急了，只能求助谷歌了，click no action in pad 第一条出来的就是stackov]]></description><category></category></item><item><title><![CDATA[node-inspector调试node程序]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47130913</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47130913</guid><author>csr0312</author><pubDate>Wed, 29 Jul 2015 17:20:09 +0800</pubDate><description><![CDATA[node-inspector是调试node程序的利器，在没有使用node-inspector之前，调试都是基于黑乎乎的命令行窗口，如果把node的调试搬到浏览器上来，如果你之前使用过chrome进行JS开发，那么调试起来是非常得新应手的。而node-inspector就是帮你做这一件事情 的，可是非常轻松的实现Node的基本调试。那么开始使用node-inspector吧1、安装node-inspe]]></description><category></category></item><item><title><![CDATA[使用istanbul做JavaScript的代码覆盖]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47044259</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47044259</guid><author>csr0312</author><pubDate>Fri, 24 Jul 2015 17:19:45 +0800</pubDate><description><![CDATA[一直写JavaScript代码，可是对于JS的测试还是很少关注的，主要是JS这个渣渣语言，不好弄吧。说道测试，我们一般可能会涉及到单元测试和代码覆盖率，这两种测试有什么不同呢，自己补测试知识吧。
先来说说单元测试。在JavaScript中单元测试用的最多的就是mocha（抹茶），要使用mocha，需要进行安装1、 cnpm install mocha -g接下来就是变成测试用例了。我们新建一个 ma]]></description><category></category></item><item><title><![CDATA[mysql5.6基本配置-启动服务、初始化密码、字符集]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/47026129</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/47026129</guid><author>csr0312</author><pubDate>Thu, 23 Jul 2015 18:00:54 +0800</pubDate><description><![CDATA[mysql升级到5.6之后，直接是以压缩包的形式发布，不用直接安装。相比于5.6以下的版本，方便了不少。但是也是有不少问题需要我们去配置，比如怎么启动服务啊，设置密码，中文乱码等问题。

1、首先是下载压缩包了，可以从官网下，也可以从百度软件下，注意不要点击安装百度卫士的勾勾，你懂的。

2、解压。解压出来的问价整整有1G多，可是主要是调试文件比较多，大可不必理会。



3、启动]]></description><category></category></item><item><title><![CDATA[解决npm下载慢的问题，cnpm加速npm下载速度]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/44920279</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/44920279</guid><author>csr0312</author><pubDate>Tue, 07 Apr 2015 14:53:02 +0800</pubDate><description><![CDATA[Node 越来越流行了，通过npm扩展的插件已经成千上万，只有你想不到，没有做不到的插件。但是我们不是经常造轮子，我们会使用别人的类库了，强大的npm可是前端的好基友，我们经常使用它给我们下好多的插件，可是国内的网络情况大家都知道的，那么解决npm的下载速度问题，那就得饶过通往国外的路，直接接到国内来。哈哈，淘宝真是个无所不能的网站啊。http://npm.taobao.org/ 这个可真是中国版的]]></description><category></category></item><item><title><![CDATA[如何创建 Node.js 项目工程]]></title><link>https://blog.youkuaiyun.com/csr0312/article/details/44257499</link><guid>https://blog.youkuaiyun.com/csr0312/article/details/44257499</guid><author>csr0312</author><pubDate>Sat, 14 Mar 2015 10:48:05 +0800</pubDate><description><![CDATA[如何创建 Node.js 项目工程


安装Node.js ,32/64位Node：http://nodejs.org/dist/v0.10.27/x64/node-v0.10.27-x64.msi安装Npm安装全局变量的Express 
如果提示Express不是内部命令，是因为新版本的express4.0版本中将命令工具分家出来了(项目地址:https://github.com/exp]]></description><category></category></item></channel></rss>