FEX 技術周刊 - 2016/01/11
微信搜索『FEX』關注我們的公眾號,及時獲得最新資訊。
業界
深閱讀
The DCI Architecture: A New Vision of Object-Oriented Programming
http://www.artima.com/articles/dci_vision.html
Object-oriented programming was supposed to unify the perspectives of the programmer and the end user in computer code: a boon both to usability and program comprehension. While objects capture structure well, they fail to capture system action. DCI is a vision to capture the end user cognitive model of roles and interactions between them. MVC 的創始人從思想源頭分析了OO 及 MVC 的本質及其缺陷,并提出一種新的架構模式來解決它們存在的問題,對理解 GUI、OO、MVC 非常有幫助。
2015 HackerNews 的最佳文章 Top 50
https://medium.com/swlh/best-of-2015-pfffffffft-79d9b014f4de#.vo36np14t
http://www.labazhou.net/2016/01/the-50-best-hackernews-posts-ever/
干貨滿滿。作者通過數據評價好文章的方式也值得學習
Angular 2 versus React: There Will Be Blood
https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51#.71sf64f0x
程序員喜聞樂見的框架 PK
Cross-platform computer applications in practice http://blog.airtame.com/how-electron-helps-airtame-to-provide-a-crossplatform-software/
開發跨平臺桌面軟件的經驗,最初使用的是 QT,然后換成 nw.js,最后用了 Electron,還使用了 Mocha 做測試,有意思的是他們的 QA 工位布置得不錯,可以方便測試各個平臺下的效果
Zopfli Optimization: Literally Free Bandwidth http://blog.codinghorror.com/zopfli-optimization-literally-free-bandwidth/
Zopfli 的實驗,結論是對 PNG 圖片可以再節省 10% 的體積,但壓縮速度慢 80 倍,所以是不能在線壓縮的,只能進行預壓縮
How to Become a Better Node.js Developer in 2016
https://blog.risingstack.com/how-to-become-a-better-node-js-developer-in-2016/
These tips and best practices are not just for development - but how to operate Node.js infrastructures, how you should do your day-to-day development and other useful pieces of advice.
What the Flux? (On Flux, DDD, and CQRS)
http://jaysoo.ca/2015/02/06/what-the-flux/
While the Flux pattern may have found a new home in JavaScript applications, they have been explored before in Domain-Driven Design (DDD) and Command-Query Responsibility Segregation (CQRS). I think it is useful to learn from these older concepts, and see what they may tell us about the present.
Where Flux Went Wrong
http://technologyadvice.github.io/where-flux-went-wrong/
對 Flux 的反思,作為碼農,我們不能盲目迷信任何一種技術,兼聽則明
Transitioning to SCSS at Scale
https://codeascraft.com/2015/02/02/transitioning-to-scss-at-scale/
Etsy 將大量 CSS 代碼(40w)轉成 SCSS 的經驗,值得借鑒
~2015 in review
https://medium.com/@sebmck/2015-in-review-51ac7035e272
This started off as a generic year in review but as I was writing it became a lot more personal. This is my story of how I dealt with going from high school to moving to another country and working in big tech in a little over a year. 少年天才Babel 作者的年終總結。
[譯]回顧 2015:六項令人興奮的 web 技術
http://www.w3ctech.com/topic/1667
Electron、React Native、Progressive web apps、Visual studio code、Rollup、Web Assembly
360奇舞團團長@月影 - 專訪
前端大神月影的心得:
- 行業、團隊、每個個體都是多元化的,沒有絕對的學習方法,每個人有最適合自己的學習方法,只有多樣化的團隊才是精彩的 - 沒有人在技術成長的時候不遇到瓶頸的,遇到瓶頸不可怕,最重要的是不浮躁、不忘初心 - 技術問題是最好解決的問題,技術并沒有什么特別困難的,最難戰勝的,只是自己的心 - 前端目前是一個非常年輕、有活力、變化速度極快,充滿挑戰的行業,選擇這樣行業作為職業是非常幸運的,因為變化快意味著創造機會——前端一直是充滿著機會的。
</p>
</div>
<div>
<p>
面向設計的半封裝web組件開發
</p>
<p>
<a target="_blank">http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=402751887&idx=1&sn=3bc0ed7aca8f653f583c833a467b6d46</a>
</p>
<p>
本文內容可謂是對大腦認知的一場洗禮。我們平常提到組件,就會想到重用,各個項目都能使用。而本文的組件,對于某具體項目而言是組件,但是,對于其他項目,就是個半封裝的半吊子組件。面向設計、面向項目的web組件開發,就是本文要探討的主旨。
</p>
</div>
<div>
<p>
程序員的編程能力層次模型
</p>
<p>
<a target="_blank">http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405588220&idx=4&sn=b844093181700a40464affb2620b4365</a>
</p>
<p>
程序員的編程技能隨著經驗的積累,會逐步提高。我認為編程能力可以分為一些層次。下面通過兩個維度展開編程能力層次模型的討論。一個維度是編程技能層次,另一個維度是領域知識層次。有些程序員可能把精力都花在提升編程技能上了,領域知識知之甚少,這其實在日常工作中也是極其有害的。總結的挺好的,可以單做練級指南。
</p>
</div>
<div>
<p>
Apache Kylin在百度地圖的實踐
</p>
<p>
<a href="/misc/goto?guid=4958977031736846038" target="_blank">http://www.infoq.com/cn/articles/practis-of-apache-kylin-in-baidu-map</a>
</p>
<p>
百度地圖的大數據OLAP多維分析平臺承載百度地圖內部多個基于Apache Kylin引擎的億級多維分析查詢項目,共計約80個cube,平均半年時間的歷史數據,共計約50億行的源數據規模,單表最大數據量為20億+條源數據,滿足大時間區間、復雜條件過濾、多維匯總聚合的單條SQL查詢毫秒級響應,較為高效地解決了億級大數據交互查詢的性能需求
</p>
</div>
<div>
<p>
Commit message 和 Change log 編寫指南
</p>
<p>
<a href="/misc/goto?guid=4958977612193749651" target="_blank">http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html</a>
</p>
<p>
編寫 Commit message 和 Change log 是相當重要的一件事,一峰老師詳細總結了一份指南,大家可以參考。
</p>
</div>
<div>
<p>
How to C in 2016
</p>
<p>
<a href="/misc/goto?guid=4958977612284636850" target="_blank">https://matt.sh/howto-c</a>
</p>
<p>
C has been around since the early 1970s. People have "learned C" at various points during its evolution, but knowledge usually get stuck after learning, so everybody has a different set of things they believe about C based on the year(s) they first started learning. It's important to not remain stuck in your "things I learned in the 80s/90s" mindset of C development. This page assumes you are on a modern platform conforming to modern standards and you have no excessive legacy compatibility requirements. We shouldn't be globally tied to ancient standards just because some companies refuse to upgrade 20 year old systems. 可以了解下這門經典語言的進化。
</p>
</div>
<h2>
新鮮貨
</h2>
<div>
<p>
中國公司開源項目導航
</p>
<p>
<a href="/misc/goto?guid=4958977612360655829" target="_blank">http://www.oschina.net/company</a>
</p>
<p>
開源中國整理的列表
</p>
</div>
<div>
<p>
Chirimen, a Firefox OS-Powered IoT Single-Board Computer Developed by Mozilla
</p>
<p>
<a href="/misc/goto?guid=4958977336387714492" target="_blank">http://mozopenhard.mozillafactory.org/</a>
</p>
<p>
CHIRIMEN Board is designed for Web developers to MAKE Real things that are connected to the Web via Browser technologies.
</p>
</div>
<div>
<p>
demoo
</p>
<p>
<a href="/misc/goto?guid=4958977612478997905" target="_blank">http://isux.us/demoo/</a>
</p>
<p>
騰訊出的移動端交互設計原型工具,另附: <a target="_blank">鵝廠交互設計師如何寫交互文案</a>
</p>
</div>
<div>
<p>
Nodal
</p>
<p>
<a href="/misc/goto?guid=4958977612651988786" target="_blank">https://github.com/keithwhor/nodal</a>
</p>
<p>
Nodal is a web server for Node.js that was built with the sole purpose of making the developer's life easier. Boasting its own opinionated, explicit, idiomatic and highly-extensible full-service framework, Nodal takes care of all of the hard decisions for you and your team. This allows you to focus on creating an effective product in a short timespan while minimizing technical debt.
</p>
</div>
<div>
<p>
Node by Numbers 2015
</p>
https://nodesource.com/blog/node-by-numbers-2015/ </div>
變量命名神器Codelf
https://github.com/unbug/codelf
http://unbug.github.io/codelf/
Search over projects from Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project to find real-world usage variable names
[譯]Sublime Text 3最好的功能、插件和設置
http://www.css88.com/archives/5858
網上已經有許多關于 Sublime Text 3 的文章,這事好事情。在這篇文章中,我們將看到 Sublime Text 3 的最好的部分,您可能已經聽說過其中的一些,但也許其他一些人還不知道。
MVVMReactiveCocoa
https://github.com/leichunfeng/MVVMReactiveCocoa
This repository contains the source code for the GitBucket iOS app. It is a mobile client app for GitHub, built using MVVM architectural pattern and some awesome frameworks, such as ReactiveCocoa、Mantle、octokit.objc, etc. You can use it for any purpose, free of charge.
Graal.js: High-Performance JavaScript on the JVM
https://www.油Tube.com/watch?v=OUo3BFMwQFo http://openjdk.java.net/projects/graal/
Graal.JS is a JavaScript engine for the JVM from Oracle.
RemixOS – Android for the desktop
http://www.jide.com/en/remixos
Remix OS is our state of the art Android-based operating system. We mean it when we say you get a PC experience unlike anything on Android and an Android experience unlike anything on a PC. The innovative features we’ve brought to Remix OS 2.0 have been meticulously engineered to bring you the best of both worlds – the harmonious fusion of a mobile and desktop experience.
這是一個令人憂傷的軟件——看看你的微信好友誰刪除你了
https://linux.cn/article-6842-1.html
https://github.com/0x5e/wechat-deleted-friends
Python 所編寫的一個小工具。
產品及其它
54張PPT講述Google的創新邏輯
本文中的54張插圖是《Google是如何運作的》一書作者Google前CEO埃里克·施密特在網上公開的PPT精簡版,比枯燥的文字多了幾分生趣,插圖的創意和洞察也入木三分。
一個調研者的親述:觸目驚心的中國農村現狀
這是一個沉重的話題,農村是一個非常復雜問題。互聯網能在解決這個問題中扮演什么角色,值得思考。農村曾一度是上學改變命運,未來會不會變成互聯網改變命運呢?
你只是個運行經理
只要理解了運營這個概念,很快就會在同類中脫穎而出的。理解意味著懂得了取舍,懂得業務第一、效率致勝的原則,這才是運營的本質。這個文章對運營的解讀還是挺到位的。
來自: http://fex.baidu.com/blog/2016/01/fex-weekly-11/