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

一周技术文章推荐 - 2015.04.20 0个回复 专栏 @ 探索

zenany 发布于 2 年前

百度 Web 技术专栏

*[fex]legend - 百度文库万物生长宣传页 *

http://shushuo.baidu.com/legend/?id=41553a18-e34c-11e4-b0dd-5cf3fc4aac02&from=groupmessage&isappinstalled=0
legend 是一个移动端社交传播物料构建平台,用可视化的方式创建移动端专题、运营类传播页面,灵活支持各种常用数据图表,为移动端量身打造的用户体验。详见:http://legend.baidu.com/

[efe]Fontmin 第一个纯 JavaScript 字体子集化方案
http://ecomfe.github.io/fontmin/
http://efe.baidu.com/blog/fontmin-getting-started/
「大道三千,各取其一,须弥芥子,无所增减」第一个纯JavaScript字体子集化方案Fontmin正式发布啦!Node模块,命令行,客户端全套支持;带你玩转字体!让中文字体流行起来!

[efe]git submoudle vs git subtree
http://efe.baidu.com/blog/git-submodule-vs-git-subtree/
先说结论:在项目模块拆分的时候,先考虑使用了 git submoudle 的方案,因为遇到一些问题,又研究了一下 git subtree 的方案,最后发现 git subtree 的成本更高,最后还是选择了 git submodule 的方案。

深阅读

How to Code in HTML5 and CSS3 - A book that helps people start making websites
http://howtocodeinhtml.com/
"How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start. The aim of this book is to show the art of making websites using a plain language which is full of practical analogies. After reading over 100 pages you will get to know basic concepts and techniques of web development and be able to build your first website ever!

3D_Tutorial
http://www.cores2.com/3D_Tutorial/
This tutorial is meant as an introduction to programming 3D computer graphics. You will learn how to program a 3D rasterizer (one of many different approaches to implementing 3D computer graphics): this isn't about programming a game or using the latest HTML5 features. It is, however, meant as a way to introduce you to how 3D computer graphics work "under the hood". Essentially this tutorial walks you through what OpenGL and DirectX have implemented in their respective code-base (and drivers), without system or library specific overhead.

【翻译】前端(JS)开发者的新起点:2015
http://www.w3ctech.com/topic/922
大约三年前,我写了一篇《前端开发者的基本技能》,嗯,那大概是我最出名的一篇文章。三年后,仍然有人在 Twitter 上@我询问如何开始学习前端知识。
在某种程度上,我曾经写下的文字历经了时间的考验。现在时间来到了2015年,我想写一个升级版的前端指南。

图解CSS3 Flexbox属性
http://www.w3cplus.com/css3/a-visual-guide-to-css3-flexbox-properties.html
Flexbox布局官方称之为CSS Flexible Box布局模块,他是CSS3中的一种新的布局模式。Flexbox可以控制未知容器元素的对齐方式,排列方向,排列顺序等,甚至是在未知大小的容器也能这样做。Flex容器的主要特点是能够修改其子元素(Flex item)的宽度或高度,使其在不同的屏幕尺寸中填补可用的空间。

隐私泄露杀手锏 —— Flash 权限反射
http://www.cnblogs.com/index-html/p/swf-reflect-priv.html
一直以为该风险早已被重视,但最近无意中发现,仍有不少网站存在该缺陷,其中不乏一些常用的邮箱、社交网站,于是有必要再探讨一遍。事实上,这本不是什么漏洞,是 Flash 与生俱来的一个正常功能。但由于一些 Web 开发人员了解不够深入,忽视了该特性,从而埋下安全隐患。

关于移动端的钓鱼式攻击
http://coolshell.cn/articles/17066.html
缘起 winter 的这篇文章 http://weibo.com/p/1001603830475402664763 。钓鱼攻击是社会工程学的方式来愚弄用户的攻击式,攻击者通常会模仿一个用户信任的网站来偷取用户的机密信息,比如用户密码或是信用卡。这个事件相关的文章还有:
- http://mp.weixin.qq.com/s?__biz=MjM5MTc2MDEzMw==&mid=204629010&idx=1&sn=020c3508f61bb23de0bd81ace5048292
- http://weibo.com/p/1001603831291333190091
- http://www.zhihu.com/question/29614511/answer/45025842
- http://weibo.com/1196343093/CdKVQzDKW
不管孰是孰非,百家争鸣总是好的。

web攻击日志分析
http://vdisk.weibo.com/s/vqrRvO1fQIKM
来自唯品会信息安全团队的实践经验

深入浅出Nodejs读书笔记
http://tw93.github.io/2015-03-01/shen-ru-qian-chu-nodejs-reading-mind-map.html
下面这篇文章是我第二次阅读《深入浅出Node.js》的一些学习记录,并且通过百度脑图这个工具来画出思维导图,每天将自己的学习总结写在这篇文章下面。

前端要给力之:红绿灯大战中的火星生命-Promise
http://blog.csdn.net/aimingoo/article/details/45014325
上周一些前端大牛的代码约战搞的挺火热的,aimingoo (周爱民) 针对这个事件的这篇总结文章写得相当不错,有助于更好的理解 promise

react-native 之布局篇
https://github.com/tmallfe/tmallfe.github.io/issues/19
天猫的@sysu_学家实践并整理了的文章,详细丰富的介绍了React Native布局的知识。

移动Web手册
http://www.w3ctech.com/topic/920
Peter-Paul Koch (PPK)新编写的《The Mobile Web Handbook》由360前端团队-奇舞团翻译小组翻译,中文名为:《移动Web手册》。

The full-stack employee
https://medium.com/@chrismessina/the-full-stack-employee-ed0db089f0a1
Nearly two years after I left Google, I’m starting to understand what’s going on in the professional sphere. The conventional seams between disciplines are fraying, and the set of skills necessary to succeed are broader and more nebulous than they’ve been before. These days, you’ve gotta be a real polymath to get ahead; you’ve got to be a full-stack employee.

About CTO
为什么说不懂业务的CTO没有未来? http://mp.weixin.qq.com/s?__biz=MzA3ODQ1NjYyOQ==&mid=207094084&idx=1&sn=e646daecdaaef74f56fb706677804443&scene=2
我眼中真正优秀的CTO http://mp.weixin.qq.com/s?__biz=MzA4NzA2NjcyMg==&mid=205021935&idx=1&sn=f40c64c9ddfed65d50b872cfb4581216
创业公司找不到CTO怎么办? http://mp.weixin.qq.com/s?__biz=MzA4NzA2NjcyMg==&mid=205125427&idx=1&sn=80c83ce06c8e20eb0fe510df9e2cd78a
CTO的终结 http://mp.weixin.qq.com/s?__biz=MjM5Njk3NTk0MQ==&mid=207148742&idx=8&sn=58855c1e654341fa3569d250c7283a5f
涉及到不少技术话题,值得认真阅读。

Build To Win
http://zhuanlan.zhihu.com/goujianzhifa/20003750
<构建之法>的作者邹欣老师对软件构建的目的的总结相当精辟:
- Build To Learn
- Build To Show
- Build To Serve
- Build To Win
另一篇专栏文章也不错 梦断代码读后感 http://zhuanlan.zhihu.com/goujianzhifa/19970642

迄今为止对互联网+理解最深入的文章
http://mp.weixin.qq.com/s?__biz=MjM5MjM3NTU4MA==&mid=204102215&idx=1&sn=b8df1ca10e23557cf5d285cf67d5b2c6
一场名为“互联网+”的风潮正席卷产业及资本,犹如一针兴奋剂,打在了每一个创业者和投资者身上。我们不愿像很多人一样仅仅把这现象看作一阵风,因为风会停,但现象背后的产业逻辑会不断演绎。我们相信互联网正在重构,重构的不仅仅是商业模式,资本流向和估值方法,更是人心,这是重构的三次方,将重构出互联网波澜壮阔的大时代。

Worktile 技术架构概要
https://beta.worktile.com/tech/basic/the-worktile-tech-stack
Worktile 是企业协同办公软件,所以一开始注定就应该是单页应用(SPA),因为使用SPA后,用户在浏览器端可以像操作原生客户端程序一样的体验(速度和流畅度),对于开发者来说,前后端分离,服务端只提供RESTful API服务,移动端集成也非常的方便。可以算是 node 的一个 googcase。

如何避免软件工程中最昂贵错误的发生
http://www.csdn.net/article/2015-03-30/2824346
影响软件工程进度的原因有很多种,而代码重写无疑是最耗费时间的变更之一。那么重写的时候需要注意哪些细节才能把资源开销控制到最低或可接受的程度呢?本文作者Edmond Lau在其博文中进行了阐述。以下为译文。

Android’s 10 Millisecond Problem: The Android Audio Path Latency Explainer
http://superpowered.com/androidaudiopathlatency/
Android’s 10 Millisecond Problem, a little understood yet extremely difficult technical challenge with enormous ramifications, prevents these sorts of revenue producing apps from performing in an acceptable manner and even being published (!) on Android at this point in time.

Android性能优化
渲染 http://hukai.me/android-performance-render/
运算 http://hukai.me/android-performance-compute/
内存 http://hukai.me/android-performance-memory/
耗电量 http://hukai.me/android-performance-battery/

新鲜货

周刊汇总
http://www.75team.com/weekly/issue104.html
http://weekly.manong.io/issues/66

T3 is a minimalist JavaScript framework that provides core structure to code
http://t3js.org/
https://www.box.com/blog/introducing-t3-enabling-large-scale-javascript-applications/
T3 is different than most JavaScript frameworks. It's meant to be a small piece of an overall architecture that allows you to build scalable client-side code. A T3 application is managed by the Application object, whose primary job is to manage modules, services, and behaviors. It's the combination of these three types of objects that allow you to build a scalable JavaScript front-end.

Google 对 Material Design 规范做了一次更新
http://www.google.com/design/spec/whats-new/whats-new.html
The April 2015 release of the material design spec includes the following new sections:
- Data tables
- Units and measurements
- Floating Action Button has been moved into its own section, adding new details about behavior and transitions
- App structure
- Component sticker sheet for Adobe After Effects
- Data truncation and redaction
- Writing guidelines for Settings

ResearchKit
http://researchkit.github.io/index.html
ResearchKit is an open source framework introduced by Apple that allows researchers and developers to create powerful apps for medical research. Easily create visual consent flows, real-time dynamic active tasks, and surveys using a variety of customizable modules that you can build upon and share with the community. And since ResearchKit works seamlessly with HealthKit, researchers can access even more relevant data for their studies — like daily step counts, calorie use, and heart rate.

Announcing Lumen – A micro-framework by Laravel
http://lumen.laravel.com/
https://phphub.org/topics/701
Lumen is a brand new PHP framework from Taylor Otwell designed for building lightning fast micro-services and API’s. When speed is a necessity, Lumen should be your first choice.Lumen is a brand new PHP framework from Taylor Otwell designed for building lightning fast micro-services and API’s. When speed is a necessity, Lumen should be your first choice.

Nginx has big plans for JavaScript
http://www.infoworld.com/article/2838008/javascript/nginx-has-big-plans-for-javascript.html
http://nginx.com/blog/nginx-open-source-reflecting-back-and-looking-ahead/
We're planning JavaScript configurations, using JavaScript in [an] Nginx configuration. We plan to be more efficient on these [configurations], and we plan to develop a flexible application platform. You can use JavaScript snippets inside configurations to allow more flexible handling of requests, to filter responses, to modify responses. Also, eventually, JavaScript can be used as [an] application language for Nginx. Currently we have only Perl and Lua [supported in Nginx].

JS1K 2015: Defender
http://keithclark.co.uk/articles/js1k-2015-defender/
by 集鹄大叔:JS1K 每年都会有一次竞赛,内容就是看谁用 1KB 大小的 JS 代码,写出来的东西有趣,今年第一名是《Defender》,一个飞机游戏,来感受一下 1K 代码的能量

ANGULARJS CHEAT SHEET
https://dncmagazine.blob.core.windows.net/downloads/AngularCheatSheet-DNCMagazine.pdf

The Fuck - 一个专门用来纠正上次错误命令的工具
https://github.com/nvbn/thefuck
Magnificent app which corrects your previous console command.

MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件
http://zh.mweb.im/

MySQL 5.7原生JSON格式支持
http://www.innomysql.net/article/15319.html
MySQL 5.7.7 labs版本开始InnoDB存储引擎已经原生支持JSON格式,该格式不是简单的BLOB类似的替换。原生的JSON格式支持有以下的优势:
- JSON数据有效性检查:BLOB类型无法在数据库层做这样的约束性检查
- 查询性能的提升:查询不需要遍历所有字符串才能找到数据
- 支持索引:通过虚拟列的功能可以对JSON中的部分数据进行索引

挖了一些关于nodejs的八卦
http://www.sunchangming.com/blog/post/4652.html
竟然有这么多故事。

Angular and React Teams Collaborate
http://www.infoq.com/news/2015/04/angular-react-collaborate
The teams behind JavaScript frameworks Angular and React got together to talk about how they can work together, though an eventual merging of the frameworks is unlikely.

Web Payments Use Cases 1.0
http://www.w3.org/TR/2015/WD-web-payments-use-cases-20150416/
W3C Web 支付兴趣组发布了小组的第一份文档

Socket.IO C++
http://socket.io/blog/socket-io-cpp/#
I’m really proud to announce the first release of the Socket.IO C++ Client on GitHub! Based on Boost and WebSocket++, this full-featured Socket.IO 1.0 client has the fundamental advantage of working on multiple platforms. Check out the directory of examples. It contains examples of iOS, QT, and CLI chat clients!

vue.js 0.11.6 发布
https://github.com/yyx990803/vue/releases/tag/0.11.6

Bring web standards to native platform
https://github.com/hackers-painters/samurai-native
samurai-native enables you to build native apps using web technologies (HTML/CSS) based on its own Web-Core. Support iOS now, Android later.

highlandjs
http://highlandjs.org/
The high-level streams library for Node.js and the browser.

Ext

我是如何拿到Facebook Offer的
http://cenalulu.github.io/mysql/how-i-become-a-facebook-dba/
2014年10月,我有幸通过了Facebook的电面,参加了在Palo Alto的on-site面试,并最终成功拿到了offer。期间有很多经历的东西想要记录下来,以做备忘。同时在当时准备的时候,发现国内对于Facebook面试经历的资料和分享时少之又少。因此,也想以记录的方式和大家分享经验,让更多的华人成为Facebook的一员!整个记录会分为三个大部分:面试流程,面试题集锦,入职流程和生活准备。前两部分为了避免误人子弟,我尽可能的客观描述,如非特别需要减少主观的理解在其中。

《发布!》作者Michael Nygard:质疑软件开发最基本的假设(图灵访谈)
http://www.ituring.com.cn/article/195743
Michael T. Nygard是一位从业二十余年的资深程序员,现任Cognitect首席架构师,他被誉为在线业务的“流动解决问题专家”。他写过多篇文章和社论,是软件架构经典著作《架构之美》和《软件架构师需要知道的97件事》的作者之一。Nygard最新出版的著作《发布!软件的设计与部署》详细展示了软件发布前可能出现的种种问题以及相应的解决之道,书中所有主题都是通过作者自己研究过的真实案例来阐述的。文中这几个观点值得关注:
- 开发者关心他们的应用如何影响运营者们的生活
- 架构师应该更加关心数据格式和数据表示法
- 有一种重要的模式,它通过两种方式显示出来:异步式和反应式。我把它们看做一个硬币的两面。因为很多稳定性模式都要依靠阻塞线程才能起作用,所以这两种方式都有用

为什么年轻人不听劝
http://www.zhihu.com/question/29554817
这个关于成长的话题,值得思考与探讨。

创始人杨勃说,豆瓣要变成一个简单的地方
http://qdaily.com/display/articles/8446.html
以读书、电影、音乐起家的豆瓣,打算正在通过又一次改版在移动时代变成一个通用的平台。

Why the next Uber could be launched by a 10-year-old
http://thenextweb.com/entrepreneur/2015/04/13/why-the-next-uber-could-be-launched-by-a-10-year-old/

--The End--

往期 weekly : https://github.com/zenany/weekly/tree/master/software/2015/

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