你尚未登录,仅允许查看本站部分内容。请登录使用邀请码注册
zenany

FEX 技术周刊 - 2016.01.11 & 2016.01.18 0个回复 专栏 @ Javascript

zenany 发布于 2 年前

原文:
http://fex.baidu.com/blog/2016/01/fex-weekly-18/
http://fex.baidu.com/blog/2016/01/fex-weekly-11/

欢迎订阅 http://fex.baidu.com/feed.xml

2016.01.18

深阅读

国内Nodejs 2015总结
https://cnodejs.org/topic/5696e43e6272216e51bff67e
有不少优质资源,在 Node 正在走向大规模应用的过程中,想在 16 年在自己的产品用 Node 的话,这个文章是个非常好的参考。

Parallel JavaScript with ParallelJS
http://www.sitepoint.com/parallel-javascript-with-paralleljs/
http://adambom.github.io/parallel.js/
In this article I’m going to discuss why multi-threading is important and how to implement it in JavaScript with ParallelJS. Parallel.js is a tiny library for multi-core processing in Javascript. It was created to take full advantage of the ever-maturing web-workers API.

iOS 架构模式–解密 MVC,MVP,MVVM以及VIPER架构
http://ios.jobbole.com/83727/
回顾一些流行的架构,并且在理论和实践上对它们进行比较。

Miscorsoft - ChakraCore
https://github.com/Microsoft/ChakraCore
ChakraCore is the core part of Chakra, the high-performance JavaScript engine that powers Microsoft Edge and Windows applications written in HTML/CSS/JS. ChakraCore supports Just-in-time (JIT) compilation of JavaScript for x86/x64/ARM, garbage collection, and a wide range of the latest JavaScript features.

深入理解CSS中的层叠上下文和层叠顺序
http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/
要理解网页中元素是如何“论资排辈”的,就需要深入理解CSS中的层叠上下文和层叠顺序。我们大家可能都熟悉CSS中的z-index属性,需要跟大家讲的是,z-index实际上只是CSS层叠上下文和层叠顺序中的一叶小舟。

如何评价 Microsoft Edge 浏览器
https://www.zhihu.com/question/29985708
了解下微软最新的浏览器,另附:主流浏览器内核介绍 http://www.cnblogs.com/zichi/p/5116764.html

CSS Modules — Solving the challenges of CSS at scale
https://medium.com/@tomcornilliac/css-modules-solving-the-challenges-of-css-at-scale-85789980b04f#.9hsr219il
http://glenmaddern.com/articles/css-modules
CSS Modules solve them all and add much needed structure to our projects: Global Scope、Overqualified Selectors、Refactoring。另附:Variables: The Backbone Of CSS Architecture

Understanding Garbage Collection and Hunting Memory Leaks in Node.js
http://blog.codeship.com/understanding-garbage-collection-in-node-js/
In this post, I’ll cover how Node.js manages memory and how to trace down memory-related problems. Unlike platforms like PHP, Node.js applications are long-running processes. While this has lots of positive implications such as allowing database connections to be set up once and then reused for all requests, this may also cause problems.

Node.js Buffer knows everything
https://github.com/ChALkeR/notes/blob/master/Buffer-knows-everything.md
https://github.com/nodejs/node/issues/4660
关于 buffer 的讨论

A Little Architecture
http://blog.cleancoder.com/uncle-bob/2016/01/04/ALittleArchitecture.html
架构师做什么?决定用什么框架什么数据库?不是的,这些都是不重要的决定,那什么重要呢,自己看吧。

React with C++: Building the Quip Mac and Windows Apps
https://medium.com/@btaylor/react-with-c-building-the-quip-mac-and-windows-apps-c63155c1531b#.yzgtho636
Quip 如何基于 React 开发 Mac 和 Windows 桌面应用

[译]基于 Webpack 和 ES6 打造 JavaScript 类库
https://github.com/cssmagic/blog/issues/56
两个月前,我曾发布了一篇基于 webpack 的 React 起步教程。你眼前的这篇文章跟那一篇差不多,只不过不包含 React 那一块。这篇教程稍微简单一些,但仍然会有一些棘手的部分。因此,我特意建了一个全新的代码仓库 webpack-library-starter,把创建一个 JavaScript 类库所需的所有素材都放了进去。

[译]Mixin 已死,Composition 万岁
http://efe.baidu.com/blog/mixins-are-dead-long-live-the-composition/
为什么要用 mixin?mixin 解决了什么问题?我们是否可以换一种无继(Tong)承(ku)的方式去解决这些问题?

研究首屏时间?你先要知道这几点细节
http://www.alloyteam.com/2016/01/points-about-resource-loading/
虽然说目前在 PC 端大多数产品应该都不用 Care 性能问题了,但作为一名技术人员,性能还是值得去关注的话题。

Docker for Beginners
http://prakhar.me/docker-curriculum/
Docker 是一个值得去实践的技术,能解决开发环境、应用部署和运维等很多问题。

Stiff 对九位卓越程序员的采访
http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405852643&idx=1&sn=52aecedfc552924cb77c55d661b4c316
如何学的编程?程序员最应该拥有什么样的技能?觉得数学和物理对程序员重要吗?等话题,看看大神们怎么回答吧。有趣的是:大神们对 Web 和 JS 还是很有兴趣的。

需求决定架构 —— 萌Mark的架构升级之路
http://m.blog.csdn.net/article/details?id=50491265
可以算“按需架构”的一个Good Case。

另附:

新鲜货

Echarts 3.0发布
http://echarts.baidu.com/

lodash v4.0.0
https://github.com/lodash/lodash/releases/tag/4.0.0
With v4 we’re breaking free from old projects, old environments, & dropping old IE < 9 support! 4 kB Core、More ES6 、More Modular

10th Anniversary of jQuery
http://ejohn.org/blog/10th-anniversary-of-jquery/
10 年的生命周期,着实不易。作为一个老牌类库,虽然风头不在,但在很多场景下 JQ 仍不失为一个好选择。同时 jQuery 3.0 发布 http://blog.jquery.com/2016/01/14/jquery-3-0-beta-released/

Wukipedia 15周年
https://15.wikipedia.org/
一个伟大的产品,这个页面 banner 处的动画设计挺有特点的。赞页面中的:知識是愉悅的。

Ant UX - 让设计师与程序员一起改变世界
http://ux.ant.design/
Ant UX 是 Ant Design 系列的一个工具, 用来制作页面逻辑的素材库, 适用于 OmniGraffle , 我们提供的组件可以帮助你, 快速制作一个产品的页面逻辑,以及业务流程图。 能在产品设计初期,更好的了解整个架构。

warp-ctc
https://github.com/baidu-research/warp-ctc
百度深度学习研究院开源了一个用于深度学习的算法组件

Front End Newsletter
http://frontendnewsletter.com/
The free, weekly newsletter of the best Front End related news, articles, projects, and more.JavaScript, React, Angular, Ember, Polymer, Meteor, RxJS, Elm, and more.

Matrix-Reveal.js based slides lab for users to create and share slides
https://github.com/akira-cn/matrix
大神月影新近整的东东,比较适合写不咋复杂的ppt的懒家伙使用。类似产品 https://github.com/ksky521/nodePPT

Gathering statistics on JavaScript projects since 2015
https://stats.js.org/
The table shows statistics and a ranking of the 10k most popular JavaScript projects on GitHub. The normalized values are calculated by the given number of stars and forks of a project.

微信web开发者工具
http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html
为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。

动画开发者福音? 白鹭时代DragonBones
http://mp.weixin.qq.com/s?__biz=MzA4Mzk1ODYzMw==&mid=402718712&idx=1&sn=17e113d4ee8776d8d4e4e085b4f044a4#rd
作为游戏动画设计师或移动游戏开发者,你在利用工具制作动画的过程中最关注的是什么?是时间轴、可视化制作、丰富骨骼动画模板;还是工具拥有丰富的程序支持;抑或是工具本身的易用性、低准入门槛、完善的中文支持和服务?没错,DragonBones足够满足大家的需求和希望。

Superpowers, a collaborative HTML5 2D and 3D game maker, is now open-source
http://superpowers-html5.com/index.en.html
开源 HTML5 游戏制作工具

Awesome npm resources and tips
https://github.com/sindresorhus/awesome-npm

Tonic-a better REPL for Node.js
https://tonicdev.com
What is Tonic? Think of it as a better REPL(Read-Evaluate-Print-Loop,) for Node.js, or a scrapbook for your code.

JavaScript Promise迷你书
http://liubin.org/promises-book/
对 Promise 还不熟的同学赶紧看看了,16 年必须得学会 ES6

使用RxJS做一个Pull-to-Refresh的例子
http://jimliu.net/2016/01/15/building-a-pull-to-refresh-demo-with-rxjs/
RxJS (Reactive Extensions for JavaScript)是一种新的编程模型,这是一个例子,感兴趣的同学可以看看。

[译]Angular2开发指南
https://github.com/gf-rd/blog/issues/21
beta 刚发,就已经有人默默的给 angular 布道了

产品及其它

善良比聪明重要
https://github.com/lifesinger/blog/issues/227
2010 年,亚马逊 CEO 杰夫·贝佐斯(Jeff Bezos)在母校普林斯顿大学的毕业典礼上,勉励年轻人,善用自己的天赋,做出对的选择。因为,「人生到头来,我们的选择,决定了我们是什么样的人。」

Google帝国原力觉醒:2016将征战哪些新疆域
http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=401834768&idx=1&sn=7fddacd2ed6831deb016250718ef9a25
围观下 Google 的黑科技吧。另附一篇关于硅谷的有意思的文章:失去灵魂的卓越:什么正在吞噬硅谷 核心观点:” 我们担心你正在失去灵魂。请接收值得你去做、需要你去做的挑战,那需要你的热情、名声、财富、专注、信念和价值——而不仅仅是市场需要的那些。你是这个时代的建造者;但这并不够,这个时代还需要你来领导”。发现 Google 才是典范。

张小龙首次公开演讲:4大价值观揭示微信未来模样
http://v.qq.com/cover/a/a7v5hfc9umds0c9.html?vid=s0019dietdc
https://mp.weixin.qq.com/s?__biz=MzA3NDEyMDgzMw==&mid=402863630&idx=1&sn=b4752274767244f8bb28c80fe1483815
一切以用户价值为依归、让创造发挥价值、好的产品应该用完即走、让商业化存在于无形之中。另附:张小龙和乔布斯的产品境界

微信应用号来了,你自己的 app 该怎么办?
http://36kr.com/p/5042147.html
分析了 Native app 的问题,以及如何应对

[TOMsInsight]底层用户生态:互联网传销蛊惑
http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=405554671&idx=1&sn=09c109c85937050896bb1a0f04d35fb9
解读互联网的另一面。

你那些招人的方法都是错的
http://weibo.com/p/2309353931558322038041
文中提到的这几点相当重要:自驱、好奇心、品性

2016.01.11

业界会议

CES2016 - 国际消费电子展
http://digi.tech.qq.com/zt2015/CES2016/index.htm
可以关注一下一些新鲜玩意。VR 今年最受关注。

深阅读

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/
干货满满。作者通过数据评价好文章的方式也值得学习

fis3初步学习体验
http://www.alloyteam.com/2016/01/fis3-preliminary-learning-experiences/
fis3 使用经验

Offline installation of npm packages
https://addyosmani.com/blog/using-npm-offline/
离线按照 npm 的方法汇总

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.

解读redux工作原理
http://segmentfault.com/a/1190000004236064
对 Redux 的实现进行了分析

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奇舞团团长@月影 - 专访
http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401557831&idx=1&sn=ac93d8ee19bdb5413be9a94dccf71b2e
前端大神月影的心得:
- 行业、团队、每个个体都是多元化的,没有绝对的学习方法,每个人有最适合自己的学习方法,只有多样化的团队才是精彩的
- 没有人在技术成长的时候不遇到瓶颈的,遇到瓶颈不可怕,最重要的是不浮躁、不忘初心
- 技术问题是最好解决的问题,技术并没有什么特别困难的,最难战胜的,只是自己的心
- 前端目前是一个非常年轻、有活力、变化速度极快,充满挑战的行业,选择这样行业作为职业是非常幸运的,因为变化快意味着创造机会——前端一直是充满着机会的。

面向设计的半封装web组件开发
http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=402751887&idx=1&sn=3bc0ed7aca8f653f583c833a467b6d46
本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件,就会想到重用,各个项目都能使用。而本文的组件,对于某具体项目而言是组件,但是,对于其他项目,就是个半封装的半吊子组件。面向设计、面向项目的web组件开发,就是本文要探讨的主旨。

程序员的编程能力层次模型
http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405588220&idx=4&sn=b844093181700a40464affb2620b4365
程序员的编程技能随着经验的积累,会逐步提高。我认为编程能力可以分为一些层次。下面通过两个维度展开编程能力层次模型的讨论。一个维度是编程技能层次,另一个维度是领域知识层次。有些程序员可能把精力都花在提升编程技能上了,领域知识知之甚少,这其实在日常工作中也是极其有害的。总结的挺好的,可以单做练级指南。

Apache Kylin在百度地图的实践
http://www.infoq.com/cn/articles/practis-of-apache-kylin-in-baidu-map
百度地图的大数据OLAP多维分析平台承载百度地图内部多个基于Apache Kylin引擎的亿级多维分析查询项目,共计约80个cube,平均半年时间的历史数据,共计约50亿行的源数据规模,单表最大数据量为20亿+条源数据,满足大时间区间、复杂条件过滤、多维汇总聚合的单条SQL查询毫秒级响应,较为高效地解决了亿级大数据交互查询的性能需求

Commit message 和 Change log 编写指南
http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html
编写 Commit message 和 Change log 是相当重要的一件事,一峰老师详细总结了一份指南,大家可以参考。

How to C in 2016
https://matt.sh/howto-c
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. 可以了解下这门经典语言的进化。

新鲜货

中国公司开源项目导航
http://www.oschina.net/company
开源中国整理的列表

Chirimen, a Firefox OS-Powered IoT Single-Board Computer Developed by Mozilla
http://mozopenhard.mozillafactory.org/
CHIRIMEN Board is designed for Web developers to MAKE Real things that are connected to the Web via Browser technologies.

demoo
http://isux.us/demoo/
腾讯出的移动端交互设计原型工具,另附:鹅厂交互设计师如何写交互文案

Nodal
https://github.com/keithwhor/nodal
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.

Node by Numbers 2015
https://nodesource.com/blog/node-by-numbers-2015/

siphon
https://getsiphon.com/
无需装 Xcode 就能开发 React Native 应用的工具,进一步减低了上手成本

Spark 1.6
https://databricks.com/blog/2016/01/04/announcing-spark-1-6.html
号称性能有明显提升

PM2 1.0
https://keymetrics.io/2016/01/04/here-we-are-pm2-1-0/
加了些外围的功能,不清楚在核心稳定性方面是否有提升

Rollup.js
http://rollupjs.org/
一个将 ES2015 模块化写法转成 AMD/CommonJS 并优化的工具,感觉不是很靠谱,不过这都能有 2.7 K Star

图说ECMAScript新标准
http://alinode.aliyun.com/blog/22
每年一个新标准,要不要这么快...

变量命名神器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

The React File Generator
http://www.overreact.io/
看起来很NB。

[译]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.youtube.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的创新逻辑
http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=402768761&idx=1&sn=4551ee6f09cd60994c82d9ac5ac5afa9
本文中的54张插图是《Google是如何运作的》一书作者Google前CEO埃里克·施密特在网上公开的PPT精简版,比枯燥的文字多了几分生趣,插图的创意和洞察也入木三分。

一个调研者的亲述:触目惊心的中国农村现状
http://mp.weixin.qq.com/s?__biz=MzA4NDA0NjIwMw==&mid=401595057&idx=1&sn=9703ea2c69e4af99401c06df5eb55fa7
这是一个沉重的话题,农村是一个非常复杂问题。互联网能在解决这个问题中扮演什么角色,值得思考。农村曾一度是上学改变命运,未来会不会变成互联网改变命运呢?

你只是个运行经理
http://mp.weixin.qq.com/s?__biz=MjAzNzMzNTkyMQ==&mid=403755878&idx=1&sn=3b976a4d136cabaf9d2511a8909e8c2f
只要理解了运营这个概念,很快就会在同类中脱颖而出的。理解意味着懂得了取舍,懂得业务第一、效率致胜的原则,这才是运营的本质。这个文章对运营的解读还是挺到位的。

-- THE END --

等待第一条回复
登录后回复,如无账号,请使用邀请码注册