<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[True_Rain]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/True_Rain</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; True_Rain]]></copyright><item><title><![CDATA[五个 JavaScript 小技巧]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/111997993</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/111997993</guid><author>True_Rain</author><pubDate>Wed, 30 Dec 2020 20:42:41 +0800</pubDate><description><![CDATA[在这篇文章中，我将介绍一些我在编程时尝试使用的小技巧。这些技巧是我最近在工作中总结的，以及多年来从同事那里偷来的一些小技巧。
一下小技巧没没有特定的顺序。
1. 提早退出（Early exits）
function transformData(rawData) {
  // 无效用例
  if (!rawData) {
    return [];
  }

  // 检查个别个案
  if (rawData.length == 1) {
    return [];
  }

  // 实际执行函数
 .]]></description><category></category></item><item><title><![CDATA[NPM包分析工具推荐]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/111661886</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/111661886</guid><author>True_Rain</author><pubDate>Fri, 25 Dec 2020 10:10:51 +0800</pubDate><description><![CDATA[1. uiwjs / npm-unpkg

一个在线工具，可以查看 JS 软件包里面包含哪些文件，每个文件的源码。

协议：MIT License
GitHub地址：https://github.com/uiwjs/npm-unpkg
网站地址：https://uiwjs.github.io/npm-unpkg/

example：vue@2.6.12

可以清晰的查看包文件目录及源码文件，解决了在node_modules中找半天找不到包，文件目录拖很长的问题。
2. pastelsky / bundle.]]></description><category></category></item><item><title><![CDATA[学习笔记-浏览器内多个标签页之间的通讯]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/109689092</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/109689092</guid><author>True_Rain</author><pubDate>Sat, 14 Nov 2020 12:16:38 +0800</pubDate><description><![CDATA[Redux vuex 这个是单页面应用里跨页面状态管理 多页应用 跨页面数据传递

本题主要考察多页应用中各个页签之间数据交互的技术手段。
实现多页通讯主要有利用

浏览器数据存储方式：浏览器数据存储的方式主要用本地存储方式解决，即调用localStorage、Cookie等本地存储方式。
服务器方式：主要使用websocket技术使多页签都监听服务器推送事件来获得其他页签发送的数据。

浏览器存储：
第一种：localStorage：
在一个标签页里面使用localStorage.setItem(ke..]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第42周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/109485412</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/109485412</guid><author>True_Rain</author><pubDate>Wed, 04 Nov 2020 10:26:35 +0800</pubDate><description><![CDATA[1.  mengshukeji/Luckysheet
项目地址：https://github.com/mengshukeji/Luckysheet
⭐:4,449 | forks:350 | 1,727 stars this week
Luckysheet是一个类似excel的在线电子表格，功能强大，配置简单，完全开源。
2.  lxk0301/scripts
项目地址：https://github.com/lxk0301/scripts
⭐:812 | forks:808 | 172 stars thi.]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第41周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/109430854</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/109430854</guid><author>True_Rain</author><pubDate>Sun, 01 Nov 2020 17:07:41 +0800</pubDate><description><![CDATA[1.  Asabeneh/30-Days-Of-React
项目地址：https://github.com/Asabeneh/30-Days-Of-React
⭐:2,363 | forks:576 | 658 stars this week
30天的React挑战是React的分步学习指南。 这一挑战需要中等水平的HTML，CSS和JavaScript知识。 建议您在开始使用React之前先熟练使用JavaScript。 如果您对JavaScript不满意，请查看30Days Of JavaScript.]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第40周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/109254960</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/109254960</guid><author>True_Rain</author><pubDate>Sat, 24 Oct 2020 10:06:24 +0800</pubDate><description><![CDATA[1.  TheAlgorithms/Javascript
项目地址：https://github.com/TheAlgorithms/Javascript
⭐:6,178 | forks:1,231 | 1,054 stars this week
使用Javascript实现的所有算法的存储库（仅用于教育目的）
2.  GitSquared/edex-ui
项目地址：https://github.com/GitSquared/edex-ui
⭐:16,683 | forks:1,012 | 617 sta.]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第39周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108922600</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108922600</guid><author>True_Rain</author><pubDate>Sun, 04 Oct 2020 20:59:13 +0800</pubDate><description><![CDATA[2020年9月21日-2020年9月28日

1.  jhipster/generator-jhipster
项目地址：https://github.com/jhipster/generator-jhipster
⭐:17,357 | forks:3,435 | 71 stars this week
JHipster是一个开发平台，可以快速生成，开发和部署现代Web应用程序和微服务架构。
2.  CleverProgrammers/react-challenge-amazon-clone
项目地址：ht..]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第38周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108735444</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108735444</guid><author>True_Rain</author><pubDate>Tue, 22 Sep 2020 16:36:17 +0800</pubDate><description><![CDATA[2020年9月14日-2020年9月21日

1.  jhipster/generator-jhipster
项目地址：https://github.com/jhipster/generator-jhipster
⭐:17,307 | forks:3,417 | 219 stars this week
JHipster是一个开发平台，可以快速生成，开发和部署现代Web应用程序和微服务架构。
2.  CleverProgrammers/react-challenge-amazon-clone
项目地址：h..]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第37周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108576498</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108576498</guid><author>True_Rain</author><pubDate>Mon, 14 Sep 2020 11:41:24 +0800</pubDate><description><![CDATA[2020年9月7日-2020年9月14日

1.  vasanthv/talk
项目地址：https://github.com/vasanthv/talk
⭐:1,128 | forks:89 | 714 stars this week
网络上的群组视频通话。 不需要注册。 不需要下载。
2.  30-seconds/30-seconds-of-code
项目地址：https://github.com/30-seconds/30-seconds-of-code
⭐:61,620 | forks:6,587.]]></description><category></category></item><item><title><![CDATA[异步编程面试题解析]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108511417</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108511417</guid><author>True_Rain</author><pubDate>Thu, 10 Sep 2020 11:52:44 +0800</pubDate><description><![CDATA[1、字节跳动面试题
async function async1() {
  console.log("async1 start");
  await async2();
  console.log("async1 end");
}
async function async2() {
  console.log("async2");
}
console.log("script start");
setTimeout(function () {
  console.log("setTimeout");
}, .]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第36周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108490571</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108490571</guid><author>True_Rain</author><pubDate>Wed, 09 Sep 2020 15:24:05 +0800</pubDate><description><![CDATA[1.  oldboyxx/jira_clone
项目地址：https://github.com/oldboyxx/jira_clone
⭐:5,976 | forks:642 | 174 stars this week
使用 React / Babel 和 Node / TypeScript（API）构建的简化的 Jira。
2.  flybywiresim/a32nx
项目地址：https://github.com/flybywiresim/a32nx
⭐:1,086 | forks:130 | 364.]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第35周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108328774</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108328774</guid><author>True_Rain</author><pubDate>Mon, 31 Aug 2020 20:27:13 +0800</pubDate><description><![CDATA[2020年8月24日 - 2020年8月31日

1.  RocketChat/Rocket.Chat
项目地址：https://github.com/RocketChat/Rocket.Chat
⭐:28,119 | forks:6,094 | 298 stars this week
团队沟通的终极免费开源解决方案。
2.  tobspr/shapez.io
项目地址：https://github.com/tobspr/shapez.io
⭐:1,900 | forks:419 | 205 stars .]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第34周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108196657</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108196657</guid><author>True_Rain</author><pubDate>Mon, 24 Aug 2020 11:55:39 +0800</pubDate><description><![CDATA[1.  maratonadev-la/desafio-1-2020
项目地址：https://github.com/maratonadev-la/desafio-1-2020
⭐:107 | forks:170 | 69 stars this week
Alestra是唯一一家拥有20多年数字转换领导者和10多年企业创新解决方案经验的数字创新提供商。 通过其产品组合，它可以与全球领先的技术制造商结盟，为组织提供托管网络解决方案，协作，网络安全，云和系统集成。
2.  maratonadev-br/desaf]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第34周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/108059171</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/108059171</guid><author>True_Rain</author><pubDate>Mon, 17 Aug 2020 16:46:49 +0800</pubDate><description><![CDATA[2020年8月10日-2020年8月17日

1.  tailwindlabs/heroicons
项目地址：https://github.com/tailwindlabs/heroicons
⭐:8,300 | forks:438 | 2,043 stars this week
MIT许可的高质量SVG图标，可用于UI开发。
2.  facebook/docusaurus
项目地址：https://github.com/facebook/docusaurus
⭐:18,609 | forks:2,09..]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第33周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/107922680</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/107922680</guid><author>True_Rain</author><pubDate>Mon, 10 Aug 2020 21:35:20 +0800</pubDate><description><![CDATA[2020年8月3日 - 2020年8月10日

1.  facebook/react-native
项目地址：https://github.com/facebook/react-native
⭐:89,325 | forks:19,796 | 293 stars this week
使用 React 构建手机应用程序的框架。
2.  goldbergyoni/nodebestpractices
项目地址：https://github.com/goldbergyoni/nodebestpractices
..]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第31周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/107615721</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/107615721</guid><author>True_Rain</author><pubDate>Mon, 27 Jul 2020 16:56:09 +0800</pubDate><description><![CDATA[2020年7月20日 - 2020年7月27日

1.  anuraghazra/github-readme-stats
项目地址：https://github.com/anuraghazra/github-readme-stats
⭐:3066 | forks:342 | 1436 stars this week
⚡ 为您的 GitHub 自述文件动态生成的统计信息
2.  FortAwesome/Font-Awesome
项目地址：https://github.com/FortAwesome/Fon..]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第30周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/107474188</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/107474188</guid><author>True_Rain</author><pubDate>Mon, 20 Jul 2020 21:23:16 +0800</pubDate><description><![CDATA[1.  manikandanraji/youtubeclone-frontend
项目地址：https://github.com/manikandanraji/youtubeclone-frontend
stars:926 | forks:108 | 526 stars this week
利用 React + Redux 实现 Youtube 前端页面
2.  qianguyihao/Web
项目地址：https://github.com/qianguyihao/Web
stars:11566 | fo.]]></description><category></category></item><item><title><![CDATA[图片优化如何让网站减重60%]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/107429950</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/107429950</guid><author>True_Rain</author><pubDate>Sat, 18 Jul 2020 15:38:08 +0800</pubDate><description><![CDATA[文章作者：Ayo
原文链接：https://freshman.tech/image-optimisation/

图片是web上提供的最基本的内容类型之一。他们说一张图片值一千个字，但如果你不小心的话，它也可以值几兆大小。
因此，尽管Web图像需要清晰明快，但也必须以可管理的大小进行展示，以使加载时间保持较小，数据使用率保持在可接受的水平。
在我的网站上，我注意到我的主页页面重量超过1.1 MB，图片占了其中的88%。我也意识到我所提供的图片比它们需要的尺寸要大(就分辨率而言)。显然，还有很大的优化空间。.]]></description><category></category></item><item><title><![CDATA[[GitHub] JavaScript 趋势榜项目(第29周)]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/107324035</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/107324035</guid><author>True_Rain</author><pubDate>Mon, 13 Jul 2020 20:00:41 +0800</pubDate><description><![CDATA[2020年7月6日-2020年7月13日

1.  vuejs/vue
项目地址：https://github.com/vuejs/vue
stars:167834 | forks:25552 | 730 stars this week
Vue.js是一个渐进的，可逐步采用的JavaScript框架，用于在Web上构建应用。
2.  GitSquared/edex-ui
项目地址：https://github.com/GitSquared/edex-ui
stars:14910 | forks:905 ..]]></description><category></category></item><item><title><![CDATA[Git commit 多行信息提交]]></title><link>https://blog.youkuaiyun.com/True_Rain/article/details/107283306</link><guid>https://blog.youkuaiyun.com/True_Rain/article/details/107283306</guid><author>True_Rain</author><pubDate>Sat, 11 Jul 2020 12:51:23 +0800</pubDate><description><![CDATA[git commit可接受多个消息标志(-m)来允许多行提交

原文地址：https://www.stefanjudis.com/today-i-learned/git-commit-accepts-several-message-flags-m-to-allow-multiline-commits/
原文作者：Stephan Schneider

在命令行上使用git时，您可能已经使用了消息标志（-m）。 它允许开发人员在调用git commit时内联定义提交消息。
git commit -m "my .]]></description><category></category></item></channel></rss>