<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>wubaiqing (wubaiqing)</title>
    <link>https://ruby-china.org/wubaiqing</link>
    <description></description>
    <language>en-us</language>
    <item>
      <title>以快报的方式，分享前端技术体系</title>
      <description>&lt;h3 id="项目背景"&gt;项目背景&lt;/h3&gt;
&lt;p&gt;不知道大家有没有跟我一样的情况，总是需要了解一些前沿的技术；其目的可能是为了让技术精进，也有可能是害怕技术落后而掉队；总之需要从各类网站了解一些前沿信息。&lt;/p&gt;

&lt;p&gt;以我举例，我经常在（&lt;a href="https://news.ycombinator.com/" rel="nofollow" target="_blank" title=""&gt;Hacker News&lt;/a&gt;、&lt;a href="https://medium.com/" rel="nofollow" target="_blank" title=""&gt;Medium&lt;/a&gt;、&lt;a href="https://dev.to/" rel="nofollow" target="_blank" title=""&gt;Dev.to&lt;/a&gt;、&lt;a href="https://twitter.com/" rel="nofollow" target="_blank" title=""&gt;Twitter&lt;/a&gt;、&lt;a href="http://www.ruanyifeng.com/blog/" rel="nofollow" target="_blank" title=""&gt;阮一峰&lt;/a&gt;、&lt;a href="https://github.com/" rel="nofollow" target="_blank" title=""&gt;GitHub 关注&lt;/a&gt;、&lt;a href="https://weibo.com/" rel="nofollow" target="_blank" title=""&gt;微博&lt;/a&gt;、&lt;a href="https://www.v2ex.com/" rel="nofollow" target="_blank" title=""&gt;V2EX&lt;/a&gt;、&lt;a href="https://ruby-china.org/" title=""&gt;Ruby China&lt;/a&gt;、&lt;a href="https://github.com/trending" rel="nofollow" target="_blank" title=""&gt;GitHub Trending&lt;/a&gt;、&lt;a href="https://juejin.im/" rel="nofollow" target="_blank" title=""&gt;掘进&lt;/a&gt;、&lt;a href="https://www.oschina.net/" rel="nofollow" target="_blank" title=""&gt;OS China&lt;/a&gt;、&lt;a href="https://devurls.com/" rel="nofollow" target="_blank" title=""&gt;DEVURLS&lt;/a&gt;）等地去学习。通过整理后，把每天值得分享的内容，发布到公司的 QQ 群里，让大家和我同时受益。&lt;/p&gt;

&lt;p&gt;学习加整理这个过程是非常耗时的。所以我希望有一个像阮一峰老师的&lt;a href="http://www.ruanyifeng.com/blog/2018/12/weekly-issue-36.html" rel="nofollow" target="_blank" title=""&gt;每周分享&lt;/a&gt;，或者蚂蚁金服&lt;a href="https://github.com/sorrycc/" rel="nofollow" target="_blank" title=""&gt;陈成&lt;/a&gt;一样的微信群，来快速的学习有价值的东西。&lt;/p&gt;

&lt;p&gt;可能是这个信息源我还没有找到，所以我打算自己来做，于是才有了这个开源项目。  &lt;/p&gt;

&lt;p&gt;这个项目会以前端技术体系为主要分享课题。&lt;br&gt;
内容会以：文章、工具、新闻、视频等几大板块作为主要分类。&lt;br&gt;
如果我的分享对你有所帮助，还请大家给个 ⭐️ 让更多的人知道&lt;a href="https://github.com/wubaiqing/zaobao" rel="nofollow" target="_blank" title=""&gt;它&lt;/a&gt;。  &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;访问地址 : &lt;a href="https://wubaiqing.github.io/zaobao/2019/02/12.html" rel="nofollow" target="_blank"&gt;https://wubaiqing.github.io/zaobao/2019/02/12.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;RSS : &lt;a href="https://wubaiqing.github.io/zaobao/rss.xml" rel="nofollow" target="_blank"&gt;https://wubaiqing.github.io/zaobao/rss.xml&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;GitHub : &lt;a href="https://github.com/wubaiqing/zaobao" rel="nofollow" target="_blank"&gt;https://github.com/wubaiqing/zaobao&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id="阅读效果"&gt;阅读效果&lt;/h3&gt;
&lt;p&gt;&lt;img src="https://raw.githubusercontent.com/wubaiqing/zaobao/master/docs/assets/introduce_1.png" title="" alt="效果1"&gt;&lt;/p&gt;
&lt;h3 id="资源分享，参与奉献"&gt;资源分享，参与奉献&lt;/h3&gt;
&lt;p&gt;项目安装方式极其简单，如果有更好的资源非常欢迎给大家分享出来，你可以选择提交 Issue 或提交 RP。
如何提交 RP，参考 &lt;a href="https://help.github.com/articles/working-with-forks/" rel="nofollow" target="_blank" title=""&gt;GitHub Help&lt;/a&gt; 即可。&lt;/p&gt;
&lt;h3 id="安装"&gt;安装&lt;/h3&gt;
&lt;p&gt;下载源码，请执行下列命令：  &lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# 克隆代码&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;git clone https://github.com/wubaiqing/zaobao.git
&lt;span class="nv"&gt;$ &lt;/span&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;zaobao
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;代码下载完成后，需要安装依赖：&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# 安装依赖&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;yarn 

&lt;span class="c"&gt;# 检查是否符合文档规范&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;yarn lint:md

&lt;span class="c"&gt;# 开始阅读&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;yarn docs:dev 
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;在浏览器中打开 &lt;a href="http://localhost:8080/zaobao/" rel="nofollow" target="_blank"&gt;http://localhost:8080/zaobao/&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="更新"&gt;更新&lt;/h3&gt;
&lt;p&gt;在 &lt;code&gt;zaobao&lt;/code&gt; 文件夹中运行下面的命令就会从 GitHub 仓库拉取最新版本。&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# 拉取代码&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;git pull
&lt;/code&gt;&lt;/pre&gt;</description>
      <author>wubaiqing</author>
      <pubDate>Wed, 26 Dec 2018 13:54:55 +0800</pubDate>
      <link>https://ruby-china.org/topics/37947</link>
      <guid>https://ruby-china.org/topics/37947</guid>
    </item>
    <item>
      <title>中文汉字怎么转换成 Unicode？</title>
      <description>&lt;p&gt;转换前的中文：
&lt;strong&gt;红蜻蜓秋季新款商务正装皮鞋&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;通过在线工具转换 Unicode 编码：
&lt;code&gt;\u7ea2\u873b\u8713\u79cb\u5b63\u65b0\u6b3e\u5546\u52a1\u6b63\u88c5\u76ae\u978b&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;JSON 数据：&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;long_title&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u7ea2&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u873b&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u8713&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u79cb&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u5b63&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u65b0&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u6b3e&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u5546&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u52a1&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u6b63&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u88c5&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u76ae&lt;/span&gt;&lt;span class="se"&gt;\&lt;/span&gt;&lt;span class="s2"&gt;u978b&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;identify&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;520269578538&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;url&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://detail.tmall.com/item.htm?spm=0.0.0.0.IcP2p0&amp;amp;id=520269578538&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;img_url&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;http://7xioz9.com2.z0.glb.qiniucdn.com/20150929221526/ade9b496a7f0f3be85a8910f5b.png&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;price&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;259&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;site&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;红蜻蜓品牌旗舰店&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;site_url&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://reddragonfly.tmall.com/&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;tagid&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;tag&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;男鞋&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;post&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;通过浏览器的方式，访问 http://***/test.json，右键查看源代码 Unicode 的部分自动转换成中文。&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;long_title&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;红蜻蜓秋季新款商务正装皮鞋&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;identify&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;520269578538&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;url&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://detail.tmall.com/item.htm?spm=0.0.0.0.IcP2p0&amp;amp;id=520269578538&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;img_url&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;http://7xioz9.com2.z0.glb.qiniucdn.com/20150929221526/ade9b496a7f0f3be85a8910f5b.png&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;price&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;259&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;site&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;红蜻蜓品牌旗舰店&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;site_url&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://reddragonfly.tmall.com/&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;tagid&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;tag&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;男鞋&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;post&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;请问，怎么才能把 long_title，显示成 Unicode 格式？&lt;/p&gt;</description>
      <author>wubaiqing</author>
      <pubDate>Wed, 30 Sep 2015 17:08:11 +0800</pubDate>
      <link>https://ruby-china.org/topics/27531</link>
      <guid>https://ruby-china.org/topics/27531</guid>
    </item>
  </channel>
</rss>
