2017年4月筆記

天貓團隊開源跨平臺模塊化UI界面開發框架Tangram

https://github.com/alibaba/Tangram-Android

https://news.cnblogs.com/n/566196/

前端資源連接收藏

https://yq.aliyun.com/articles/53371?utm_content=m_15575

一款服務器端渲染 Vue 框架

https://cn.nuxtjs.org/

一款很是不錯的服務器端 React 渲染框架

https://github.com/zeit/next.js

關於 React 的一系列設計模式、技術點、知識點、技巧等：

https://github.com/vasanthk/react-bits/blob/master/README.md

從Chrome源碼看JS Object的實現

http://www.renfed.com/2017/04/04/chrome-object/

探討一下常見支付系統的對外接口

http://www.javashuo.com/article/p-visajhea-ed.html

滑動效果的原理及實踐一個滑動小插件

https://segmentfault.com/p/1210000008940077/read

MySQL樂觀鎖在分佈式場景下的實踐

http://www.javashuo.com/article/p-gukjryco-bd.html

Restful API 設計規範實戰

http://www.javashuo.com/article/p-eaibcnyn-ep.html

CSS Flexbox學習筆記

http://www.javashuo.com/article/p-nkrixmic-ck.html

70%以上業務由H5開發，手機QQ Hybrid 的架構如何優化演進？

http://t.cn/R6iplmS

頁面白屏與瀑布流分析方法

http://taobaofed.org/blog/2015/12/02/waterfall-analyze/

利用Android源碼，輕鬆實現漢字轉拼音功能

http://mp.weixin.qq.com/s/mltgEPAWEdY9a1ljCagqXA

開源軟件 magnetico，能夠本身搭建 BT 種子搜索引擎。

https://github.com/boramalper/magnetico

思源宋體來了 爲數很少的能夠免費商用又好看的字體

https://source.typekit.com/source-han-serif/

200頁的前端開發面試題整理版（一）

http://weibo.com/ttarticle/p/show?id=2309404092876387687314

微信小程序簡易教程

https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案

https://github.com/lin-xin/vue-manage-system

提升 webpack 構建 Vue 項目的速度

https://segmentfault.com/a/1190000008944846

微信支付、企業號和公衆號（包括服務號和訂閱號） Java SDK開發工具包

https://github.com/Wechat-Group/weixin-java-tools

微信小程序開源項目庫彙總

https://github.com/opendigg/awesome-github-wechat-weapp

http://www.opendigg.com/tags/wechat-app

微信小程序模塊化開發框架

https://github.com/maichong/labrador

醫藥網APP的微信小程序DEMO

https://github.com/jiabinxu/yiyaowang-wx

基於麪包旅行 API 製做的微信小程序示例

https://github.com/romoo/weapp-demo-breadtrip

微信小程序豆瓣電影項目 - 豆瓣電影項目

https://github.com/songhaoreact/weixin

仿網易雲音樂APP的微信小程序 - netmusic-app

https://github.com/sqaiyan/netmusic-app

Wafer - 快速構建具有彈性能力的微信小程序

https://github.com/tencentyun/wafer-java-server-sdk

https://github.com/tencentyun/wafer

集美大學圖書館的便捷工具 - bookbox-wxapp

http://www.opendigg.com/p/bookbox-wxapp

微信小程序demo - 仿芒果TV

http://www.opendigg.com/p/wechat-development

仿豆瓣電影微信小程序 - weapp-demo 帶視頻演示 微信小程序視頻

http://www.opendigg.com/p/weapp-demo

http://files.wedn.net/videos/weapp/run-it.mp4

Windows下配置Git

http://blog.csdn.net/exlsunshine/article/details/18939329

深刻淺出DOM基礎——《DOM探索之基礎詳解篇》學習筆記

http://www.javashuo.com/article/p-tjlihamc-cg.html

APP「登陸註冊模塊」詳解

http://www.jianshu.com/p/359e5dccbdd4

阿里封神談hadoop學習之路

https://yq.aliyun.com/articles/28400?utm_content=m_16008

idea14導入eclipse項目並部署運行完整步驟

http://blog.csdn.net/u011493599/article/details/45666457

elm-react-native 高仿餓了麼APP

https://github.com/stoneWeb/elm-react-native?utm_source=tuicool&utm_medium=referral

超高仿京東商城最新版源碼(很是好的商業級UI源碼)

http://www.eoeandroid.com/thread-917935-1-4.html

如何使用Android studio打開eclipse項目

http://blog.csdn.net/zcw93219/article/details/50770445

Android APK反編譯就這麼簡單 詳解（附圖）

http://blog.csdn.net/vipzjyno1/article/details/21039349/

Android Studio導出Jar包

http://www.cnblogs.com/yxx123/p/5280347.html

基於vuejs2+webpack2+vuxui2多頁面架手腳，支持二級目錄

http://www.javashuo.com/article/p-rqtynhwc-da.html

Elastic-Job 噹噹網開源分佈式調度中間件

http://www.infoq.com/cn/news/2017/04/Elastic-Job-2.1.0?from=timeline&isappinstalled=0

https://github.com/dangdangdotcom/elastic-job

CMS管理後臺，基於Vue.js

https://github.com/zce/dashboard

React進階—性能優化

http://www.javashuo.com/article/p-ocncmcds-he.html

Android App包瘦身優化實踐

http://tech.meituan.com/android-shrink-overall-solution.html

Spreadsheet（報表）、Dashboard（儀表盤）、xQuery（自助分析）、Analysis（多維分析）、Mobile（移動應用）、Office（分析報告）

http://demo.smartbi.com.cn/smartbi/vision/index.jsp?user=demo&password=demo

ReactNative 原生界面與React界面的相互調用及數據傳遞

https://github.com/ipk2015/RN-Resource-ipk/tree/master/react-native-docs

Spring構建微服務

http://www.cnblogs.com/lazio10000/p/5510852.html

React Native 原生模塊和 JS 模塊交互（Android）

https://danke77.github.io/2016/12/07/react-native-native-modules-android/

移動web適配利器-rem

http://www.alloyteam.com/2016/03/mobile-web-adaptation-tool-rem/

React-Native 與原生的3種交互通訊（Android）

http://blog.csdn.net/asddavid/article/details/53338616

React-Native之Android:原生界面與React界面的相互調用

http://www.jianshu.com/p/f1b265e80317

尚學堂視頻教程 馬士兵講的設計模式視頻

http://www.bjsxt.com/download.html

html5手機端索菲亞經銷商大會宣傳頁動畫模板  H5免費模板

http://www.17sucai.com/pins/23623.html

《手機淘寶的flexible設計與實現》

http://www.html-js.com/article/2402

《7種方法解決移動端Retina屏幕1px邊框問題》

http://www.jianshu.com/p/7e63f5a32636

1px 到底是多大

http://www.cnblogs.com/kidney/p/6692312.html

前端面試--四月二十家前端面試題分享

http://www.javashuo.com/article/p-shicearg-z.html

有贊、微盟H5 微店 小程序 開業啦

https://www.youzan.com/

https://h5.youzan.com/v2/showcase/homepage?alias=oamxpsz9

http://www.weimob.com/

如何構建日請求數十億次高性能高可用廣告系統：微博廣告架構解密

http://weibo.com/ttarticle/p/show?id=2309404096009323025803

別人家的技術leader是如何建設團隊、管理人員、溝通工做的？

https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650995851&idx=1&sn=1b0332c08ef20b37690b2318cba87f7f

騰訊HTTPS性能優化實踐

https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650995461&idx=1&sn=ff45463bbf862517761c17887ef3fd2d&ptlang=2052&source&ADUIN=297385780&ADSESSION=1492046658&ADTAG=CLIENT.QQ.5515_.0&ADPUBNO=26657

雷達、旋轉旋渦效果 radar

http://codepen.io/jackrugile/pen/DGenc

http://codepen.io/PavelCSS/pen/emvNYM

vue-amap - 基於 Vue 2.x 和高德地圖的地圖組件

https://github.com/ElemeFE/vue-amap

薦|React Native開發開源稀土掘金客戶端(Android,iOS雙適配)-學習之用

https://mp.weixin.qq.com/s/OB6a2XBZgGaGZNtZuSd0jw

React Native與Android通訊

https://mp.weixin.qq.com/s/dIGkZFX33JW9HdXGJl1NSw

http://blog.csdn.net/u013718120/article/details/55506238

前端之巔技術往期分享

http://taou.cn/DOAs6

Sunny-Ngrok內網轉發工具 微信本地開發工具 服務器

https://www.ngrok.cc/

微信開發之Ngrok環境準備

http://www.cnblogs.com/MuYunyun/p/5874924.html

免費內網穿透工具

https://natapp.cn/

http://ngrok.2bdata.com/

http://www.qydev.com/

探索Redux的最佳實踐

http://mp.weixin.qq.com/s/DyUSg_J6t1C43PDJZi8GuQ

兩步集成TV移動框架，從未如此簡單

http://mp.weixin.qq.com/s/zdXckLYNGGWr5Ylyf5sfBw

前端開發面試題及答案

http://caibaojian.com/toutiao/5477

ES6 Async/Await 完爆Promise的6個緣由

http://www.javashuo.com/article/p-wctybrhi-cq.html

理解 Flexbox：你須要知道的一切

http://web.jobbole.com/91035/

ReactNative Animated動畫詳解

http://www.alloyteam.com/2016/01/reactnative-animated/

Web API應用架構設計分析（2）

http://www.cnblogs.com/wuhuacong/p/4620300.html

Java Worker 設計模式

https://yq.aliyun.com/articles/25617

阿里中間件團隊

https://yq.aliyun.com/teams/22?spm=5176.100239.blogcont25617.4.bRomo3

 

系統設計入門

https://github.com/donnemartin/system-design-primer/blob/master/README-zh-Hans.md

想染指系統架構？看這篇就夠了

http://www.javashuo.com/article/p-oxtvsmjv-gh.html

android App集成支付寶

http://blog.csdn.net/justfwd/article/details/50549971

阿里系UTDID庫生成惟一性ID分析

http://blog.csdn.net/justfwd/article/details/50549971

微信小程序中用戶登陸和登陸態維護

http://www.jianshu.com/p/c5f6c98b2685

C# 實現 MemCache 監控管理工具

http://www.cnblogs.com/xffy1028/archive/2013/02/01/2861706.html

支付系統總體架構

https://segmentfault.com/p/1210000009111585/read

最全最強解析：支付寶錢包系統架構內部剖析（架構圖）

http://www.woshipm.com/pmd/160822.html

HTML整站結構設計

http://www.imooc.com/article/2349

motan源碼分析
http://www.cnblogs.com/mantu/category/882422.html

Rocketmq總體分析

http://www.cnblogs.com/mantu/p/6108645.html

微信公衆號開發入門

https://github.com/zapperbot/Weixin

Vitual DOM 的內部工做原理

http://efe.baidu.com/blog/the-inner-workings-of-virtual-dom/

React Native 與原生之間的通訊(iOS)

http://www.jianshu.com/p/9d7dbf17daa5

關於vue的一切

https://juejin.im/collection/582bf5351e35c9488c282dbd

同程安全應急響應中心 公開漏洞列表

https://sec.ly.com/bugs

大型高性能React PWA如何消除各種性能瓶頸？

http://mp.weixin.qq.com/s/_omLy2v4k1nURUvWZvawjQ

基於 React Native 實現的支付寶錢包 UI 界面

https://github.com/superRaytin/react-native-alipay

基於 React Native 實現的支付寶錢包 UI 界面

https://github.com/yuezheng2006/alipay-app-ui

react_native_office 企業辦公

https://github.com/talentjiang/react_native_office

基於React Native構建的仿京東客戶端

https://github.com/yuanguozheng/JdApp

react-native 開源案例

http://www.jianshu.com/p/8f70764560da

Redis 內部數據結構詳解(1)：dict

http://mp.weixin.qq.com/s/AHpKXiwJxa7F1kS8hFt5zg

聊聊分佈式定時任務中間件架構及其實現

http://mp.weixin.qq.com/s/pqOujhOQlxw6XR_e7MP02w

Android APK反編譯 apktool使用教程

http://blog.csdn.net/ysc123shift/article/details/52985435

天貓團隊開源跨平臺模塊化 UI 界面開發框架 Tangram

http://www.oschina.net/news/83432/alibaba-opensource-tangram?utm_medium=referral

http://tangram.pingguohe.net/

React-Native系列Android——Javascript文件加載過程分析

http://blog.csdn.net/megatronkings/article/details/51534250

百度開源分佈式配置管理平臺

https://github.com/knightliao/disconf

Protocol Buffer 序列化原理解析

https://mp.weixin.qq.com/s/YLQKkH_bV99o5U65iOGFpQ

React Navigation  React-native學習文檔

https://reactnavigation.org/docs/intro/

vue2+element 管理後臺 集成解決方案

http://www.javashuo.com/article/p-dldisdcj-mm.html

Fetch進階指南

http://louiszhai.github.io/2016/11/02/fetch/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

如何實現一個簡單易用且可靠的消息隊列框架？

http://mp.weixin.qq.com/s/QCwNcgQdfuS3S52f4rXTIg

微信客戶端 SQLite 數據庫修復實踐

https://juejin.im/entry/58ff4c7544d9040069fb061e

賈鵬輝的技術博客 React Native調試技巧與心得

http://www.devio.org/

http://www.devio.org/2016/08/03/React-Native%E8%B0%83%E8%AF%95%E6%8A%80%E5%B7%A7%E4%B8%8E%E5%BF%83%E5%BE%97/

React Native 學習資源精選倉庫

http://www.devio.org/2016/09/05/React-Native-%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%BA%90%E7%B2%BE%E9%80%89%E4%BB%93%E5%BA%93/

Moles：攜程基於React Native的跨平臺開發框架

https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651112408&idx=1&sn=32c2636a2653fe9391b44de514261cbf&scene=0&key=77421cf58af4a653dcba21da5c024ac89779f9441ef063c83a81320190267d73448404f84638ac9741a1c60d023e7e88&ascene=0&uin=Mjc3OTU3Nzk1&devicetype=iMac+MacBookPro10%2C1+OSX+OSX+10.10.5+build%2814F1808%29&version=11020201&pass_ticket=x3C%2Bf%2BjqNCVt%2FGoLAeJ5hccBYdZiUgf8Rr%2FLW%2Bpr4auXqEdjgM%2Fbrnmu6Qu%2B3N7N