FEX 技術周刊 - 2016.02.15

jopen 8年前發布 | 32K 次閱讀 JavaScript

原文: http://fex.baidu.com/blog/2016/02/fex-weekly-15/

歡迎訂閱 http://fex.baidu.com/feed.xml

深閱讀

How Enterprises Benefit from Node.js

https://blog.risingstack.com/how-enterprises-benefit-from-nodejs/

Node.js fits the enterprise world and can be adopted successfully with great benefits, but it has its’ challenges as well. To reach the full potential of developing with Node.js, there are crucial points that must be addressed at an organization level.

What To Expect From JavaScript In 2016 – Beyond the Browser

http://developer.telerik.com/featured/what-to-expect-from-javascript-in-2016-beyond-the-browser/

通過一系列文章介紹 JS 的動態,值得關注。

Computer Science Field Guide

http://www.csfieldguide.org.nz/en/index.html

An online interactive resource for high school students learning about computer science. 對于我們系統和的了解和學習計算機技術也非常有幫助。

Docker持續部署圖文詳解

http://mp.weixin.qq.com/s?biz=MzA4Nzg5Nzc5OA==&mid=402143684&idx=2&sn=9e93de8811e342cbd01f634a5e8976c3

開發同學通過git push上傳代碼,經Git和Jenkins配合,自動完成程序部署、發布,全程無需運維人員參與。這是一種真正的容器級的實現,這個帶來的好處,不僅僅是效率的提升,更是一種變革:開發人員第一次真正為自己的代碼負責——終于可以跳過運維和測試部門,自主維護運行環境(首先是測試/開發環境)。

[譯]2016 - 屬于網絡流(web streams)的一年

http://www.w3ctech.com/topic/1693

科普 web stream API

MessagePack:一種高效二進制序列化格式

http://msgpack.org/

http://hao.jobbole.com/messagepack/

MessagePack is an efficient binary serialization format. It lets you exchange data among multiple languages like JSON. But it's faster and smaller. Small integers are encoded into a single byte, and typical short strings require only one extra byte in addition to the strings themselves.

HTML textarea cols,rows屬性和寬度高度關系研究

http://www.zhangxinxu.com/wordpress/2016/02/html-textarea-rows-height/

控制 Textarea 的寬高的話,還是老老實實用 css 吧。

Leveling Up Your JavaScript

http://developer.telerik.com/featured/leveling-up-your-javascript/

一位從事多年開發的碼農重新實踐 JS 時整理出的學習資料,非常全。

The Basics of Web Application Security

http://martinfowler.com/articles/web-security-basics.html#EncodeHtmlOutput

Modern web development has many challenges, and of those security is both very important and often under-emphasized. While such techniques as threat analysis are increasingly recognized as essential to any serious development, there are also some basic practices which every developer can and should be doing as a matter of course.

程序員到底是一個什么職業

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

工程的本質不是創造,而是去風險化。工程是關于如何 低成本、高效率、按時按量完成既定任務的。所以判斷一個工程師是否優秀,并不是他多有創意多有名氣,而是看他有多穩,看他能多GettingThingsDone,中文就是「靠譜」。另附: 做技術,應該先有深度再談廣度

Writing Next Generation Reusable JavaScript Modules in ECMAScript 6

https://www.smashingmagazine.com/2016/02/writing-next-generation-reusable-javascript-modules/

Are you excited to take advantage of new JavaScript language features but not sure where to start, or how? You’re not alone! I’ve spent the better part of the last year and a half trying to ease this pain. During that time there have been some amazing quantum leaps in JavaScript tooling.

Build a Better Angular 2 Application with Redux and ngrx

http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/

Redux 是的值得關注和實踐的東西,能和 React、Angular 等框架和諧相處

Choosing Vanilla JavaScript in 2016

https://medium.com/vanilla-javascript/choosing-vanilla-javascript-in-2016-6f38a8302ee5#.t0q1g5t9j

It’s up to each developer (or engineering team) to decide whether the network cost, performance hits, and technical debt of third-party libraries and frameworks are worth their ease of use. That has always been and will continue to be the case. My goal today was to point out that very soon, pure JavaScript will be good enough for the entirety of the modern front-end stack.

The current state of loading CSS

https://jakearchibald.com/2016/link-in-body/

Chrome is intending to change the behaviour of <link rel="stylesheet"> , which will be noticeable when it appears within <body> . The impact and benefits of this aren't clear from the blink-dev post, so I wanted to go into detail here.

Running React on a WebWorker makes is consistantly faster than the usual React-dom

http://blog.nparashuram.com/2016/02/using-webworkers-to-make-react-faster.html

Tl;Dr; ReactJS is faster when Virtual DOM reconciliations are done on a Web Worker thread.

[譯] NPM 與前端包管理

https://github.com/cssmagic/blog/issues/57

npm 的愿景是幫助開發者減少摩擦。我們傾向于通過 “循蹤辟徑” 的方式來實現這一點。這句話的意思是說:我們不希望告訴用戶該怎么做;我們希望觀察用戶是怎么做的,然后把障礙掃清。如果很多人都是在以各自不同的方式在行事,那我們不會輕易地從中挑出一個勝者,除非最佳實踐已經昭然若揭。

A Gentle Introduction to Functional JavaScript

http://jrsinclair.com/articles/2016/gentle-introduction-to-functional-javascript-intro/

函數式編程的應用以及越來越廣泛,是一個值得去研究的話題。

Fundamentals Then Frameworks

https://medium.com/@sharifsbeat/fundamentals-then-frameworks-c35697d291e8#.b31saafrl

Why should we have to keep relearning everything once a new framework or library goes mainstream? This is not specifically a JavaScript phenomenon, only that JavaScript appears to be the language where things are moving in light speed. At least it is perceived as that. There is a strong focus on tools and frameworks, less on the underlying fundamentals.

The Zen of Erlang

http://ferd.ca/the-zen-of-erlang.html

I assume most people here have never used Erlang, have possibly heard of it, maybe just the name. As such, this presentation will only cover the high level concepts of Erlang, in such a way that it may be useful to you in your work or side projects even if you never touch the language.

Why npm Scripts?

https://css-tricks.com/why-npm-scripts/

The following is a guest post by Damon Bauer. There has been a growing sentiment (for instance) that using node packages directly, with the command line interfaces they provide, is a good route to take. As opposed to abstracting the functionality away behind a task runner.

2015年總結匯總

http://mp.weixin.qq.com/s?biz=MzA3MDA2MjE2OQ==&mid=401913704&idx=1&sn=427bf8bd33cd50ebc96dfe1f2107338c

http://mp.weixin.qq.com/s?biz=MzA3MDA2MjE2OQ==&mid=401913711&idx=1&sn=867d4da4377f32992875a5648a074d3c

來自一個以交流后端技術為主的群:黑路人技術群多為碼農的年總總結,越90偏,真實的文字記錄了碼農們的思考和暢想。附黑哥的點評:

- 捷徑往往是最遠的路;

- 大部分時候要有戰略性忍耐力;

- 關注目標和結果

WebGL For All

http://ipestov.com/webgl-for-all/

This article will take you through the basics of WebGL and tell you the starting point of learning it.

Gitflow有害論

http://insights.thoughtworkers.org/gitflow-consider-harmful/

對廣為流傳的 Git 實踐的再思考。贊:技術用的對不對,還是要看上下文。沒有絕對的最佳實踐,我們需要尋找的是符合特定場景的最佳實踐。

新鮮貨

Looking ahead: Microsoft Edge for developers in 2016

https://blogs.windows.com/msedgedev/2016/02/03/2016-platform-priorities/

Edge 今年將會支持哪些新的 API

CBOR Object Signing and Encryption

https://datatracker.ietf.org/wg/cose/charter/

Concise Binary Object Representation (CBOR, RFC 7049) is a concise binary format for the serialization of data structured to an extended version of the JSON data model. COSE seeks to create CBOR-based object signing and encryption formats. One motivation for COSE was to reuse functionality from the JOSE working group using the CBOR data representation as it is more amenable to constrained nodes and constrained node networks (RFC 7228). The JOSE working group recently completed producing representations for cryptographic keys, message authentication (MACs), encryption, and digital signatures, using JSON representation.

Ruff.io-

https://ruff.io/

Ruff 是一個 JavaScript 運行時,專為硬件開發而設計。Ruff 對硬件進行抽象,使用基于事件驅動、異步 I/O 的模型,使硬件開發變得輕量而高效。用Javascript開發硬件,不需要了解底層io,應用邏輯全在PC 上完成,告別傳統的交叉編譯、燒寫板卡的低效循環,簡潔一鍵部署!

Nginx module by Google for rewriting web pages to reduce latency and bandwidth

http://ngxpagespeed.com/

Nginx module created by Google to help Make the Web Faster by rewriting web pages to reduce latency and bandwidth. It started as a port of mod_pagespeed to Nginx, and for now the documentation links below still all point to mod_pagespeed's documentation.

Atomic Chrome

https://github.com/tuvistavie/atomic-chrome

Use Atom to edit in Chrome. Atom needs to be running for this to work :

- Focus a textarea or a contenteditable element

- Press the icon of Atomic Chrome (or the shortcut).

Note that the tab will open in the first launched instance of Atom.

GitHub Pages now faster and simpler with Jekyll 3.0

https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0

GitHub Pages is now running the latest major version of Jekyll, Jekyll 3.0, and with it, many of the complexities associated with publishing have been further simplified, meaning it's now easier and faster to publish beautiful sites for you and your projects.

Hint.css v2.0 – Pure CSS tooltip library

http://kushagragour.in/lab/hint/

A pure CSS tooltip library for your lovely websites

Introducing Bootstrap Studio

https://bootstrapstudio.io/

Bootstrap Studio is a desktop application that helps web developers and designers create responsive websites using the Bootstrap framework. It supports a wide range of components and advanced features that make you more productive. Thousands of developers and designers use it every day. We are sure you'll love it too! 相關產品: Pingendo – Free, simple app for Bootstrap prototyping

Griddle - a grid component for use with React

http://griddlegriddle.github.io/Griddle/

A New Day for Express!

https://strongloop.com/strongblog/a-new-day-for-express/

As of this week, the Express project has a new home as an incubating top-level project under the Node.js Foundation.

Minimal Docker Containers for Node.js

https://blog.risingstack.com/minimal-docker-containers-for-node-js/

We are happy to release our Alpine-based Node.js Docker images that try to solve those pain points : big in size;strange / non-existent versioning;mutable tags;unmaintained

Grunt 1.0.0 rc1 released

http://gruntjs.com/blog/2016-02-11-grunt-1.0.0-rc1-released

竟然更新到了 1.0 版本,不容易呀。

Maybe: run a command, see what it does to your files without actually doing it

https://github.com/p-e-w/maybe

rm -rf pic* Are you sure? Are you one hundred percent sure? maybe allows you to run a command and see what it does to your files without actually doing it! After reviewing the operations listed, you can then decide whether you really want these things to happen or not.

CSS Variables landing in Chrome 49

https://developers.google.com/web/updates/2016/02/css-variables-why-should-you-care

CSS variables, more accurately known as CSS custom properties, are landing in Chrome 49. They can be useful for reducing repetition in CSS, and also for powerful runtime effects like theme switching and potentially extending/polyfilling future CSS features.

Chrome Will Drop SPDY Support On May 15

http://techcrunch.com/2016/02/11/chrome-will-drop-spdy-support-on-may-15/

全面開始轉向支持 HTTP2,另附: How HTTP/2 Is Changing Web Performance Best Practices

關于未來編程發展趨勢的九大預測

http://mp.weixin.qq.com/s?biz=MjM5NTg2NTU0Ng==&mid=406712764&idx=4&sn=34927b8bbd3dc7e655905652add50653

REST將統治物聯網、二進制協議將再度崛起、PHP將卷土重來以對抗Node.js、每個人都能夠編程

產品及其它

知乎之父quora再爆熱文——如何保持激情

https://mp.weixin.qq.com/s?biz=MjM5NDg2NjA4MQ==&mid=401857389&idx=1&sn=050d019711f95add219809ed11cd3f88&scene

激情是一種專門讓你瘋狂并且努力工作的情感,因為你的大腦認為激情將沸騰你的世界。就像愛一樣,這是一個值得為之奮斗的感覺。如果你還沒有找到你的激情,那么就去創造新事物,引領新趨勢,嘗試融合出新的組合。但永遠不要停止追尋的腳步。

At 83, I Decided to Develop an App

https://medium.com/@DonRumsfeld/at-83-i-decided-to-develop-an-app-dadd4e53d342#.4fzowakjc

贊這種精神。這里的開發是指產品經理似的開發(提供idea,對UX進行把關),而不是程序員似的開發(寫代碼)

人生短暫

http://36kr.com/p/5043063.html

大師 Paul Graham 對時間的思考。如果你問自己,你花時間扯淡的都是什么,你可能已經知道了答案。不必要的會議、無謂的爭端、官僚作風、故作姿態、應對別人的錯誤、交通擁堵、讓人上癮但沒有回報的消遣。無情的修剪扯淡的事情,對有意義的重要事情不要等待,細細品味你有的時間。生命短暫,這就是你應該做的。

Making 20% Time Work

http://begriffs.com/posts/2016-01-29-making-twenty-percent-time-work.html

自從20% time被Google發揚光大后,大大小小的公司都或多或少有類似的創新機制,很多是把公司里的小工具開源。本文針對開源公司內部工具提出了一套大家分工合作的辦法

來自: http://div.io/topic/1586

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!