整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
者：HelloGitHub-小魚干
這里是 HelloGitHub 的《GitHub 上適合新手的開源項目》系列的最后一篇，系列文章：
Java 篇中老荀說到當今互聯網份額最大的編程語言是 Java，作為后輩我對此話是沒有異議的。但，要說到國內互聯網最火、最熱鬧的編程語言是什么？應該沒人對 JavaScript 當選有異議吧。相對 C++、Java 這些老前輩，JS 可謂門檻之低，連 Python 都自嘆不如。那作為一個新手要學習系統化地學習 JS，應該走哪幾步呢？
[手動狗頭]有更快捷的方法嗎？有！在本篇文章中你將從基礎招式學習，了解 HTML、CSS、JS 等基礎概念之后，實踐一把吃豆人游戲制作，再開啟性能調優之旅，最后闖蕩前端江湖。
出發，前進
HG #vol.036 Web 是一個前端入門的圖文教程，記錄了作者從 0-1 學習前端的過程。作為一個入門的圖文教程，Web 遵循了事無巨細原則，在所有的介紹中詳細講 HTML、CSS、JS 等知識點，簡單的移動端開發、Vue 等框架使用、Node.js 介紹也略有涉獵。值得一提得失，它所有的示例中代碼注釋清楚地標注了使用某個函數時你所需要注意的事項，貼心到不行。
不過，Web 項目在 JS 基礎和進階內容分層方面略有不足，會發現 16 個類目有許多重復內容，以及原先在前端進階分類下的前端幾道題被獨立出來成為一個單獨分類，收錄了大量面試題和網友面經，但瑕不掩瑜，該 Repo 絕對是一個新手入門的實用教程。
由于作者沒有對分類內容及分類下內容做腦圖介紹，所以這里小魚干繪制了它的腦圖/目錄結構，部分相同主題內容進行了折疊。
.
|── 前端工具
| ├──VS Code 的使用
| ├──Git 使用
| ├──Mac 安裝和 iTerm2 配置
| ├──Sublime Text 的使用
| ├──WebStorm 的使用
| ├──Atom 的使用
| ├──GitHub 的使用
| ├──VS Code 的使用累積
| ├──Chrome 瀏覽器
| ├──Emmet in VS Code
| ├──iTerm2 + OhMyZsh + agnoster 搭建
| ├──iconMoon
| └──whistle 網絡抓包
|──HTML
| ├──認識 Web 和 Web 標準
| ├──瀏覽器的介紹
| ├──初識 HTML
| ├──HTML 標簽：排版標簽
| ├──HMTL 標簽：字體標簽和超鏈接
| ├──HTML 標簽：圖片標簽
| ├──HTML 標簽：圖文詳解
| ├──HTML5 詳解
| ├──HTML5 舉例：簡單的視頻播放器
| ├──HTML 詳解（二）
| ├──HTML 詳解（三）
| └──HTML 基礎回顧
|──CSS 基礎
| ├──CSS 屬性：字體屬性和文本屬性
| ├──CSS 屬性：背景屬性
| ├──CSS 樣式表和選擇器
| ├──CSS 選擇器：偽類
| ├──CSS 樣式表的繼承性和層疊性
| ├──CSS 盒模型詳解
| ├──浮動
| ├──CSS 屬性：定位屬性
| ├──CSS 案例講解：博雅互動
| ├──CSS3 選擇器詳解
| ├──CSS3 屬性詳解（一）
| ├──CSS3 屬性詳解：動畫詳解
| ├──CSS3 屬性：Flex 布局圖文詳解
| ├──CSS3 屬性：Web 字體
| ├──SaaS 入門
| ├──瀏覽器的兼容性問題
| └──CSS3 的常見邊框匯總
|──CSS 進階
| ├──準備
| ├──CSS 中的非布局樣式
| ├──CSS 布局
| ├──網頁開發和設計中的字體常識
| ├──如何讓一個元素水平居中
| ├──CSS 開發累積
| ├──CSS 文章推薦
| ├──CSS 的一些小知識
| └──CSS 面試題
|──JS 基礎
| ├──編程語言
| ├──JS 簡介
| ├──變量
| ├──變量的數據類型：基本數據類型和引用數據類型
| ├──基本數據類型
| ├──typeof 和數據類型轉換
| ├──運算符
| ├──流程控制語句
| ├──對象簡介
| ├──基礎包裝類型
| ├──內置對象
| ├──數組
| ├──函數
| ├──作用域和變量提升
| ├──預編譯
| ├──this 指向
| ├──call、apply 和 bind
| ├──高階函數
| ├──閉包
| ├──對象
| ├──深淺拷貝
| ├──原型鏈和原型繼承
| ├──類和構造繼承
| ├──正則表達
| ├──事件
| └──jQuery
|──JS 之 ES6 語法
| ├──ES6 介紹和環境配置
| ├──ES5 中的嚴格模式
| ├──ES5 中的一些擴展
| ├──ES6：變量 let、const 和塊級作用域
| ├──變量的解構賦值
| ├──箭頭函數
| ├──剩余參數和擴展運算符
| ├──字符串、數據和對象的擴展
| ├──內置對象擴展：Set 數據解構
| ├──Promise 入門詳解
| ├──ES7：async 函數詳解
| └──ES6：Symbol
|──JS 進階
| ├──var、let、const 的區別
| ├──數據的賦值
| ├──JS 開發累積
| ├──call、apply、bind 的區別
| ├──this
| ├──作用域與閉包
| └──創建對象和繼承
|──前端基本功
| ├──CSS 基礎練習
| └──DOM 操作練習
|──Ajax
| ├──服務器分類及 PHP 入門
| ├──Ajax 入門和發送 http 請求
| ├──函數封裝
| ├──同源和跨域
| └──模版引擎
|──移動 Web 開發
| ├──Bootstrap 入門
| ├──Bootstrap 使用
| └──Less 詳解
|──Node.js 和數據庫
| ├──Node.js 介紹
| ├──Node.js 的特點
| ├──Node.js 開發環境安裝
| ├──Node.js 模塊化規范
| ├──Node.js 內置模塊
| ├──Node.js 操作 MySQL 數據庫
| ├──CommonJS
| ├──ES6
| ├──JS 模塊化：AMD
| ├──JS 模塊化：CMD
| ├──JS 模塊化：ES6
| ├──KOA2
| ├──Node.js 代碼舉例
| ├──WebSocket
| └──事件驅動和非阻塞機制
|──Vue 基礎
| ├──指令系統
| ├──v-on 事件修飾符
| ├──系統指令（二）
| ├──舉例：列表功能
| ├──自定義過濾器
| ├──自定義按鍵修飾符 & 自定義指令
| ├──Vue 實例的生命周期函數
| ├──Vue 中的 Ajax 請求
| ├──Vue 動畫
| ├──Vue 組件的定義和注冊
| ├──Vue 組件之間的傳值
| ├──Vue-router 路由
| ├──Vue.js 在開發中的常見寫法累積
| ├──Vue 開發累積
| └──Vue 組件
|──React 基礎
| ├──React 介紹
| ├──JSX 語法介紹
| ├──React 組件：生命周期
| ├──React 組件：常見屬性和函數
| ├──React 中綁定 this 并給函數傳參的方法
| ├──React 單向數據綁定
| ├──React 路由的使用
| ├──Ant Design 的基本使用
| ├──AntD 框架的踩坑記錄
| ├──AntD 框架 upload 組件自定義
| └──React Native 初識
|──前端面試
| ├──面試必看
| ├──面試題累積
| └──網友面經
|──前端進階
| ├──代碼規范
| ├──常見專有名詞
| ├──數組的常見操作
| ├──前端監控技術
| ├──lazyload & 防抖動和節流閥
| ├──Vue 開發累積
| └──前端的幾道題目
|──前端綜合
| ├──2019 Web 前端入門自學路線
| ├──前端學習分享
| ├──Express
| ├──2018 前端日記
| ├──2019 前端日記
| ├──2020 前端日記
| ├──CSS 開發總結
| ├──Ajax 相關
| ├──HTML 相關
| ├──Json 字符串的解析和遍歷
| ├──Json 相關
| ├──前端博客推薦
| ├──前端開發累積
| ├──前端語錄
| └──網絡抓包和代理工具：Whistle
└──擴展閱讀
├──2020 Web 前端最新導航
├──GitHub 項目推薦
├──網站推薦
├──前端文章推薦
├──上海有哪些互聯網大廠
├──北京有哪些互聯網大廠
└──深圳有哪些互聯網大廠
GitHub 地址→https://github.com/qianguyihao/Web
HG #vol.029 Pacman 是基于 HTML5 的吃豆人游戲。核心代碼就兩個文件，主程序僅有 1000 行代碼，且代碼有注釋、整潔。對于新手來說是個很好的實踐項目，也能讓你養成閱讀他人代碼的好習慣。
GitHub 地址→https://github.com/mumuy/pacman
HG #vol.031 33-js-concepts 是一個國外知名的 JS 項目，作為基礎最后一道門檻，它幫你查漏補缺，讓你對每個 Javascript 開發者應該知道的 33 個概念熟記在心，開啟下一個階段的進階之旅。
GitHub 地址→https://github.com/leonardomso/33-js-concepts
HG #vol.028 Web-Series 是小魚干很喜歡的一名前阿里工程師：王下邀月熊編寫的 Web 全棧開發、工程架構與性能調優。在你熟悉前端基礎概念，制作簡單的例如吃豆人游戲之后，是時候在上一層樓了解下進階的性能調優、工程架構問題。作為一名十多年開發經驗的前端工程師，在 Web-Series 系列，王下邀月熊致力于探索，如何有效地提升團隊的研發效能，在整個產品迭代的生命周期中都能及時、可靠地完成交付；同時能夠控制住系統整體的復雜性，并且不斷地、持續地進行系統的性能與體驗優化。可以說升職加薪就差這招 [手動狗頭]
GitHub 地址→https://github.com/wx-chevalier/Web-Series
HG #vol.031 D3.js 的全稱是（Data-Driven Documents），該庫提供了各種簡單易用的函數，大大簡化了 JavaScript 操作數據的難度。該庫的使用是數據可視化必須掌握的技術。
最重要的一點在于，D3.js 項目本身提供了極度豐富的 demo 供你直接使用，化身做一個“調參工程師”繪制各種酷炫力導圖，呈現各種可視化數據，例如：紅樓夢的人物關系組圖。等你在 demo 中習得基本使用之后，就可以根據自己的業務需求將任意數據綁定到 DOM 上，或直接操作 DOM完成 W3C DOM API 相關操作，能限制 D3.js 強大的只能是你的想象力。
GitHub 地址→https://github.com/d3/d3
HG #vol.040 x-build 是面向小型項目的腳手架工具，通過終端命令最快在幾秒鐘初始化項目目錄。該庫內部集成了 Webpack、Babel、ESLint 等前端常用的工具。通過該項目可以了解腳手架的開發，并且可以熟悉如何在工具中集成 Webpack 這對自定義腳手架開發很有幫助。
GitHub 地址→https://github.com/codexu/x-build
HG #vol.054 前端工程師的對手之一便是設計師，像素級還原度擋住了多少前端工程師的晉升之路。Next 便是你的闖關寶劍，阿里開源的企業級中后臺 UI 解決方案，致力于解決設計師與前端在工作協同、產品體驗一致性、開發效率方面的問題。就是設計師修改顏色之類的元素之后，可以生成一個 NPM 主題包，前端拿到這個包就可以直接還原設計師的設計。Next 真妙 ?♂?
GitHub 地址→https://github.com/alibaba-fusion/next
HG #vol.052 chrome-extensions-searchReplace 一款搜索并且替換文本的谷歌插件，也是一個極佳的插件開發實踐。
GitHub 地址→https://github.com/Summer-andy/chrome-extensions-searchReplacet
最后
本文《GitHub 上適合新手的開源項目》收官篇，大家從這個系列有沒有找到適合自己進階的方向或感興趣的項目呢？如果還有什么想看的系列可以留言告訴我們，也可以聊聊想對 HG 說的話！
中國北京和美國馬薩諸塞州劍橋，2021年11月4日——博雅輯因將在第63屆美國血液學會（ASH）年會上以海報形式報告其關于造血干細胞的兩項研究：可以支持長期造血干細胞重建的新表面標志物，微管聚合抑制對造血干細胞歸巢和植入的促進功能。本次ASH年會將于2021年12月11日至14日在美國亞特蘭大舉行。
博雅輯因報告的第一項研究顯示，CD66e是一個有效的功能性造血干細胞生物標志物，可用于支持長期造血干細胞高效鑒別和重建。另一項研究則證明了短期的微管聚合抑制能夠促進造血干細胞的歸巢和植入。這兩項研究成果有望被應用于造血干細胞基因療法的開發和造血干細胞移植的臨床應用。
目前，博雅輯因針對輸血依賴型β地中海貧血患者的基因編輯造血干細胞研究產品ET-01正在中國開展Ⅰ期臨床研究。ET-01即CRISPR/Cas9基因修飾BCL11A紅系增強子的自體CD34+造血干細胞注射液，通過對患者自體的造血干細胞進行基因修飾，并重新注入患者體內以治療疾病。
“針對造血干細胞的研究成果將幫助我們進一步拓展基因編輯造血干細胞移植治療的潛力，”博雅輯因首席執行官魏東博士表示，“基于對造血干細胞的深入研究和不斷提升的基因編輯技術轉化能力，我們期望能夠讓現有的變革型療法平臺再上一個新臺階，以幫助更多患有嚴重疾病的患者。”
“基因編輯作為一項平臺技術，可以與包括造血干細胞移植在內的多種治療方式結合，開發出創新療法，”博雅輯因科學創始人魏文勝博士表示，“在細胞療法中對細胞內的特定基因進行編輯，有望幫助患者擺脫長期乃至終身治療，并帶來治愈頑疾的希望。”
海報展示詳細信息：
標題：CD66e富集增強人類長期造血干細胞的重建能力
海報編號: 2156
分會場：501. 造血干細胞、祖細胞和造血功能：基礎研究與轉化；二號海報
時間：美國東部時間：2021年12月12日下午6:00-8:00
北京時間：2021年12月13日上午7:00-9:00
地點：Georgia World Congress Center, Hall B5
摘要鏈接：https://ash.confex.com/ash/2021/webprogram/Paper148235.html
標題：微管聚合抑制促進人類造血干細胞的歸巢和植入
海報編號：3820
分會場：701. 移植實驗：基礎研究與轉化；三號海報
時間：美國東部時間：2021年12月13日下午 6:00-8:00
北京時間：2021年12月14日上午7:00-9:00
地點：Georgia World Congress Center, Hall B5
摘要鏈接：https://ash.confex.com/ash/2021/webprogram/Paper149294.html
關于博雅輯因
清華大學、北京大學公布了2019高校自主招生簡章之后，兩校又分別公布了《2019年領軍人才選拔招生簡章》（以下簡稱“領軍計劃”）、《2019年“博雅人才培養計劃”招生簡章》（以下簡稱“博雅計劃”），開啟了選拔進程。
“領軍計劃”、“博雅計劃”是有別于兩校自主招生的另一種特殊類型招生，考生可以同時報考，報考時專業志愿的填報相互獨立，互不影響。如考生同時報考“領軍計劃”、“博雅計劃”與自主招生均通過初審，測試不會沖突。但有以下兩點需要考生注意：
招生對象上，自主招生主要選拔具有學科特長和創新潛質的學生，兩校均要求報考學生在國際或全國權威性高、公信力強的學科競賽和相關專業學習實踐活動中獲得優異成績。“領軍計劃”、“博雅計劃”主要招收志向遠大、素質全面、品學兼優，綜合成績在全年級前列的學生。
在教育部陽光高考平臺特殊類型招生中，報考高校自主招生須在招生類型中選擇“普通自主招生”進行報考，”報考“領軍計劃”、“博雅計劃”須選擇“綜合評價”進行報考。有意愿報考的考生請厘清“領軍計劃”、“博雅計劃”與自主招生的區別，認清定位，科學報考。“領軍計劃”、“博雅計劃”招生簡章要點如下：
清華大學
領軍人才選拔計劃
招收對象：
志向遠大、追求卓越、品學兼優、素質全面，一貫優秀并具創新潛質的普通高中畢業生均可申請，綜合學業成績應在全年級前列。
招生專業：
報名方式：
2019年4月2日-4月15日，，登錄“清華大學領軍人才選拔報名系統” (http://gaokao.chsi.com.cn/zhpjbm/)，進入“網上報名”，注冊并登錄后按要求準確完整地填寫申請表，并打印、簽字后掃描或拍照上傳。
注意：
1.申請材料無需郵寄。
2.學生需在“招生類型”中選擇“綜合評價”，在“報考類型”中選擇“領軍人才選拔”。
3.學生可不受自身文理分科限制進行學科類型申請，每人最多允許填報3個專業類(方向)。
選拔程序：
2019年5月20日左右，公布初評結果并公示，學生可在報名系統內查詢。
初評結果分為：優秀、良好、通過、不通過四檔。其中“優秀”的學生可免于參加初試，直接進入復試；“良好”的學生可參加初試、復試；“通過”的學生可參加初試；“不通過”的學生不能進入之后的考核評價環節。
2019年6月10日左右，初試（具體測試時間以報名系統內公布為準）。初試采用筆試形式，考試科目為：數學與邏輯、理科綜合（物化）或文科綜合（文史）
2019年6月15日-18日，復試（具體測試時間以報名系統內公布為準）。復試內容包括但不限于綜合面試、專業考察（根據學生的申請材料、志愿填報情況、初評及初試情況確定考察名單）、體質測試等，均在清華大學校內進行。
2019年6月22日，公布認定結果并公示，學生可在報名系統內查詢。
優惠政策：
獲得認定學生的高考成績（含政策加分）應不低于本省同科類第一批次錄取控制分數線（合并本科批次的省份，為相應的自主招生控制分數線），且在各省自主招生批次填報的專業志愿需與被認定的學科類型或專業類(方向)保持一致。
對于可以獲得領軍人才選拔認定優惠的學生，體質測試成績優秀者，將給予額外的5分降分。
了解詳情，請訪問清華大學本科招生網：
http://www.join-tsinghua.edu.cn/publish/bzw/7545/2019/20190403084215457638189/20190403084215457638189_.html
北京大學
博雅人才培養計劃
招生對象：
綜合素質優秀，符合國家規定條件，參加2019年全國普通高等學校統一招生考試的高中畢業生。
（一）申請考生須具備以下條件：
1.志向遠大明確、有強烈的社會責任感；
2.具有發展潛能、有強烈的好奇心；
3.學業成績突出、基礎學業成績原則上應位居全年級前1%以內（文理科類分列）。
（二）申請報考醫學類專業者除上述條件外還須具備以下條件：
1.理科考生；
2.對醫學類專業有濃厚興趣，致力于醫學事業發展；
3.身心健康，身體條件符合《普通高等學校招生體檢工作指導意見》和《關于進一步規范入學和就業體檢項目維護乙肝表面抗原攜帶者入學和就業權利的通知》文件要求。
招生計劃和招生專業：
注意：普通類專業和醫學類專業不可兼報
報名方法：
2019年4月2日至4月15日24:00，請考生登錄網上報名平臺（http://gaokao.chsi.com.cn/zhpjbm/），登錄后請選擇“綜合評價”進行報名。按網上要求注冊、填寫各項申請信息、上傳相關證明材料掃描件，打印、蓋章并掃描上傳《北京大學2019年“博雅人才培養計劃”申請表》。
網上報名注意事項：
本次報名無需郵寄申請材料，因此考生在上傳申請材料（申請表格、獲獎證書及相關證明材料）掃描件和中學、社會團體及專家個人在上傳推薦材料掃描件時須確保電子文件清晰可讀。
選拔程序：
2019年5月中旬，考生可查詢初審結果。初步審核評價結果分為：A+、A、B、C四檔。初審評價結果為“A+”的考生直接進入面試環節；初審評價結果為“A”和“B”的考生獲得筆試、面試資格；初審評價結果為“C”的考生不再參加后續的選拔環節。
2019年6月11-14日（具體地點以網上報名系統內通知為準），獲得測試資格的考生根據網上報名系統內的測試通知要求，參加我校組織的測試。
2019年6月22日左右，公布測試結果。入選資格考生，按教育部相關規定進行公示。
公示合格的入選資格考生，根據我校認定結果中的要求填報。
錄取按我校認定結果進行錄取。錄取時間以當地省級招生考試機構安排為準。
優惠政策：
上海市、浙江省獲得相關優惠條件的考生，具體政策以最終認定公示結果為準。
了解詳情，請訪問北大招生網：
https://www.gotopku.cn/index/detail/1098.html
新聞來源：清華大學本科招生網、北大招生網
文字整理：上海高招發布
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
