<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[沉淀]]></title><description><![CDATA[每一个不曾编码的日子,都是对生命的辜负。]]></description><link>https://blog.youkuaiyun.com/code_for_free</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; code_for_free]]></copyright><item><title><![CDATA[【告别】从优快云迁移到掘金]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/89322773</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/89322773</guid><author>code_for_free</author><pubDate>Mon, 15 Apr 2019 22:41:35 +0800</pubDate><description><![CDATA[优快云是我的第一个博客平台，但由于广告严重影响阅读体验，个人决定转战掘金平台，感谢优快云这些年免费serve我的博客。

Sheldon Law - 掘金博客链接

欢迎继续交流。

...]]></description><category></category></item><item><title><![CDATA[version-control: node下的版本管理模块（svn & git）]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/88929160</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/88929160</guid><author>code_for_free</author><pubDate>Sun, 31 Mar 2019 15:07:18 +0800</pubDate><description><![CDATA[最近在开发一个构建工具，需要操作版本管理系统，实现代码提交（如：svn add, svn commit…），GitHub上有类似的库，但存在两个问题：

长久没人维护，使用人数较少；
只支持git或svn；

基于我需要兼容git和svn，于是自己简单实现一个版本管理模块：version-control，下面将简单记录一下设计中的一些考虑和遇到的一些问题。

由于开发时间有限和本人使用场景较为简单...]]></description><category></category></item><item><title><![CDATA[简单A/BTest验证图片懒加载效果]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/83866968</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/83866968</guid><author>code_for_free</author><pubDate>Thu, 08 Nov 2018 19:53:05 +0800</pubDate><description><![CDATA[视频等youku审核完后更新&amp;amp;amp;amp;amp;lt;iframe height=498 width=510 src=&amp;amp;amp;amp;quot;http://player.youku.com/player.php/sid/XMjc4ODUzNzE0NA==/v.swf&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;
文章结构

文章基本思路：“目的 =&amp;amp;amp;amp;amp;gt; 方案 =&amp;amp]]></description><category></category></item><item><title><![CDATA[学会学习]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/80703248</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/80703248</guid><author>code_for_free</author><pubDate>Fri, 15 Jun 2018 11:34:26 +0800</pubDate><description><![CDATA[学会学习


  《学习之道》读后感。在这里简单分享书本的大体内容和结合自身学习经历与大家共同探讨“如何学习”这个话题。


《学习之道》

作者芭芭拉•奥克利（Barbara Oakley）是美国奥克兰大学的工程学教授，她所开设的“Learning How to Learn”课程是在线网络教育平台Coursera上最受欢迎的课程之一。 但她从小对数理深恶痛绝，高中数理课程一直不及格，在工作变动下...]]></description><category></category></item><item><title><![CDATA[Vue.js组件开发从1到100]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/79015369</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/79015369</guid><author>code_for_free</author><pubDate>Tue, 09 Jan 2018 17:28:39 +0800</pubDate><description><![CDATA[100


  如果说从0到1是解决温饱的过程，那么从1到100就是实现共同富裕的漫漫长路。


认真看过Vue.js官方文档和《Vue.js组件开发从0到1》的同学相信已经能胜任正常的业务开发了，但就像前文中提到的“实现同样一个小功能，可以有千万种写法”，作为一个积极向上的程序猿，我们始终在思考怎样才能写出优雅的代码，也就是更适合当前业务场景的代码。本文希望和大家共同探索学习如何从1到100优雅]]></description><category></category></item><item><title><![CDATA[Vue.js组件开发从0到1]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/78985113</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/78985113</guid><author>code_for_free</author><pubDate>Fri, 05 Jan 2018 20:55:03 +0800</pubDate><description><![CDATA[前言

Vue.js凭借简洁高效易用的特点迅速被前端开源社区接受，并借助weex覆盖移动开发场景，逐步演变成一个完整的生态圈，未来充满想象。而组件化的出现是为了确保代码高内聚低耦合并实现高效复用，从而提升开发效率和降低维护成本。Vue.js提供了组件化解决方案，本篇文章将结合开发实践先从零开始探讨组件的意义以及设计组件需要考虑的问题，再向前迈一步，讲解Vue.js组件的各种开发方式及对比。]]></description><category></category></item><item><title><![CDATA[前端工程：apis接口封装实践]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/54316269</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/54316269</guid><author>code_for_free</author><pubDate>Tue, 10 Jan 2017 18:06:53 +0800</pubDate><description><![CDATA[前言最近在学习Chromium内核blink部分的代码，感触比较深的是Chromium项目的代码组织实现，同样是C++代码，大二时候写的项目真是惨不忍睹，而Chromium的代码（blink部分，据说V8里面用了各种奇技淫巧）却清晰明了。印证了我同事的一句话：
  语言、技术没有高低好坏之分，而写码水平却有高低好坏之别。
“Talk is cheap, show me the code”，写码水平高]]></description><category></category></item><item><title><![CDATA[asm.js：面向未来的开发]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/53674210</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/53674210</guid><author>code_for_free</author><pubDate>Sun, 18 Dec 2016 17:54:51 +0800</pubDate><description><![CDATA[这是一个可深可浅的话题，会先简单介绍一下什么是asm.js，看看它长什么样子，再来聊聊asm.js为什么能带来高性能，会有一些简单的对比，然后再从工程的角度讲讲兼容性，如何打包使用等等。水平有限，肯定讲不透，就当是抛装引玉吧。
What’s asm.js还记得前段时间的“围棋杀手”AlphaGo吧，设想一下，如果两台AlphaGo相遇，会擦出些什么火花？同样的算法，在同样的机器上跑，会是什么样的结果]]></description><category></category></item><item><title><![CDATA[前端开发中Cookie那些事儿]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/53328487</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/53328487</guid><author>code_for_free</author><pubDate>Fri, 25 Nov 2016 00:01:36 +0800</pubDate><description><![CDATA[前端开发中Cookie那些事儿转载声明之前对cookie只有基本的认识，直到今天遇到了cookie作用域的问题（前端写入的cookie在server端无法读取），才认真看了一下，其中看到这篇文章比较浅显易懂又算全面，作为学习资料转发一下，原文链接如下：
  前端开发中Cookie那些事儿 
  作者：愚人码头
原文前段时间做了项目，在前端实现中频繁的操作cookie，记录几点供大家参考！cookie]]></description><category></category></item><item><title><![CDATA[渲染性能：读写style对渲染过程的影响]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/53306975</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/53306975</guid><author>code_for_free</author><pubDate>Wed, 23 Nov 2016 16:24:04 +0800</pubDate><description><![CDATA[读写style对渲染过程的影响一直都说操作DOM性能很差，那么为什么差呢？读写style会给性能造成什么影响？本文作为渲染性能的第一篇（从发布时间来看）其实不太合适，第一篇应该先和大家简单介绍浏览器对于页面的渲染过程，后面会补上，恰好今天写了一些读写style的demo，于是提前写了这篇博客。参考：全部来源于Google最新web的开发者文档：
  浏览器是如何渲染每一帧的 
  如何使用timel]]></description><category></category></item><item><title><![CDATA[ReactJS修炼之路（五）：Immutable.js的使用及setState的一个误区]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52816656</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52816656</guid><author>code_for_free</author><pubDate>Fri, 14 Oct 2016 16:01:33 +0800</pubDate><description><![CDATA[问题这篇博客仅作为学习笔记，没有多少自己的东西，只有一个小误区，记录下来当做备忘。学习资料：
Immutable.js
Immutable 详解及 React 中实践
关于Immutable.js如何整合进React中，推荐阅读官方的文档和上面第二篇博客，下面不会说具体的使用方法，所以阅读到这里这篇博客算是结束了。下面说说我以前在setState中踩的坑，同时也回答了一个问题，为什么需要Immuta]]></description><category></category></item><item><title><![CDATA[前端性能优化：webpack分离 + LocalStorage缓存]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52556896</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52556896</guid><author>code_for_free</author><pubDate>Fri, 16 Sep 2016 18:18:11 +0800</pubDate><description><![CDATA[一，优化背景上一篇关于webpack优化的文章webpack + react 优化：缩小js包体积谈到如何缩小webpack打包后的js代码体积，来减少网络请求数据量，这次尝试将第三方库（React，ajax等）从业务代码中分离出来，并且将分离出来的第三方库缓存在LocalStorage中。该次优化的出发点有下面两点：
  ①每次更改业务代码都会打包成新的bundle.js,前端需要抛弃以前的HTT]]></description><category></category></item><item><title><![CDATA[前端性能优化利器：Chrome Timeline学习及实践]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52503047</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52503047</guid><author>code_for_free</author><pubDate>Sun, 11 Sep 2016 11:29:15 +0800</pubDate><description><![CDATA[TimelineChrome相信是绝大部分前端工程师的基础开发调试环境，正所谓，工欲善其事必先利其器，当然这里说的不是打磨Chrome，说的是怎么用好Chrome。基础介绍在Chrome里打开（鼠标右键选择检查/Mac下CMD+option+i）开发界面，如上图。简单介绍一下各个tab对应的作用：
Element：页面元素的选定，实时修改css样式。
Console：查看程序输出信息。
Source]]></description><category></category></item><item><title><![CDATA[基于svg mask实现的tab切换效果]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52336872</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52336872</guid><author>code_for_free</author><pubDate>Sat, 27 Aug 2016 20:29:09 +0800</pubDate><description><![CDATA[效果第一次看到这个效果是在阿里妈妈MUX的博客：UI动效—细微交互，极致体验，里面搜集的一些微交互都让人眼前一亮，恰好自己最近要做一个按钮组，就参考了里面Sergey Valiukh的一个设计。源码和上两篇博客一样，相对简单，为了节省你的阅读时间，直接上源码：
  上两篇博客： 
  D3.js SVG绘图实践：趋势缩略图 
  D3.js SVG绘图实践：波浪动画
<!DOCTYPE html>]]></description><category></category></item><item><title><![CDATA[D3.js SVG绘图实践：波浪动画]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52268686</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52268686</guid><author>code_for_free</author><pubDate>Sun, 21 Aug 2016 18:32:42 +0800</pubDate><description><![CDATA[效果图TALK IS CHEAP源码就50多行，比较好看懂。<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>svg动画</title>
    <script src="https://d3js.org/d3.v4.min.js"></script>
  </head>
  <body>
    <svg i]]></description><category></category></item><item><title><![CDATA[D3.js SVG绘图实践：趋势缩略图]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52201396</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52201396</guid><author>code_for_free</author><pubDate>Sat, 13 Aug 2016 20:25:42 +0800</pubDate><description><![CDATA[前言写码，看书，思考，这周挺多感触的。因为手上的项目前端用了Angular，所以UI改版的时候考虑了Angular-material，学校的项目前端用了React，所以也想接入ant-design mobile的那套设计规范，这两个都是业界非常不错的UI库，看他们的文档都会让你觉得能使手上的web应用瞬间高大上起来。其实不然，即便是开源，也不是拿来就用那么美好，那晚尝试接入ant-design的轮播]]></description><category></category></item><item><title><![CDATA[ReactJS修炼之路（四）：组件的性能优化及开发思路]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52138901</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52138901</guid><author>code_for_free</author><pubDate>Sat, 06 Aug 2016 22:09:03 +0800</pubDate><description><![CDATA[少年，加油昨天周五，那个喊我“少年”的朋友离职了去新加坡了，我的实习生涯又错过了一位大神，不过短短一个月还是被影响不少，例如入坑happy hacking keybord同时学习各类软件的快捷键，例如开始用sass，例如初次使用 
flexbox…人生何处不相逢，谢谢你的指导，我会更加努力，也祝你更进一步，加油。回看，事情总有千丝万缕的联系，但是往前，都是迷雾，保持迷茫，保持思考，做好现在，是我最大]]></description><category></category></item><item><title><![CDATA[动画学习之Animate.css的使用与解析]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/52075129</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/52075129</guid><author>code_for_free</author><pubDate>Sat, 30 Jul 2016 21:16:35 +0800</pubDate><description><![CDATA[近况近期生活比较单一。    const 提升自己 = true;
    while( 提升自己 ) {
        写码
        ...
        看书
        ...
        思考
        ...
        睡觉
    }既单一也充实，单一使我平静，充实使我保持向上的感觉，希望自己真难做到“持续学习，保持思考，不断进步”。最近看到腾讯ISUX团]]></description><category></category></item><item><title><![CDATA[我为何选择了web前端工程师]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/51646380</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/51646380</guid><author>code_for_free</author><pubDate>Sun, 12 Jun 2016 15:06:01 +0800</pubDate><description><![CDATA[故事我有故事，你有酒吗？不过熬夜的程序员还是喝加多宝吧。真正拥有自己的电脑是大一，高中没学过计算机，凡人一个，并没有什么牛逼的故事，但很有意思。先说说为什么选了计算机这个专业吧，家里人除了对我一个人来北京之外也没有别的意见，所以完全是自己的选择。当年报志愿的时候，看到计算机这个专业，隐隐感觉自己会喜欢，于是就去百度一下这个专业要修的课程，觉得挺好玩的，也没多想，就报了。报志愿的时候是2013年，手边]]></description><category></category></item><item><title><![CDATA[webpack + react 优化：缩小js包体积]]></title><link>https://blog.youkuaiyun.com/code_for_free/article/details/51583737</link><guid>https://blog.youkuaiyun.com/code_for_free/article/details/51583737</guid><author>code_for_free</author><pubDate>Sat, 04 Jun 2016 12:07:47 +0800</pubDate><description><![CDATA[一，前言学校这边的项目刚组建好开发团队，前一段时间都在考虑如何前后端分离，如何多人协作开发的问题，恰好上一周陪女朋友去承德写生，能暂时放下工作和学校的事物，有了更多的思考时间。假期期间学习了webpack，并将前端代码进行了迁移，实现了前后端分离。而最近上线的时候发现打包压缩后的js包达到了477k,首屏渲染时间高达4s，首屏渲染时间超过1.5s都是不能忍的，于是开始尝试研究一下webpack，毕竟]]></description><category></category></item></channel></rss>