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

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

zenany 发布于 2 年前

百度 Web 技术专栏

[efe]position:sticky实现iOS6+下的粘性布局
http://efe.baidu.com/blog/position-sticky/
用户总是希望在窗口明显的地方方便找到自己想要的操作项,例如停留在浏览器窗口顶端的菜单栏,筛选栏等。所以我们会把用户最常用到或者我们希望用户注意到的内容一直展现在窗口的可视区域,让用户能够一眼就看到。本文介绍了 ios 6+下的实现。

[efe]EDP - 基于Node.JS与NPM的前端开发平台
http://ecomfe.github.io/edp/
基于Node.JS与NPM的前端应用开发平台,通过命令行和WebUI界面多种方式使用。简洁的项目创建及包管理、多种工具进行本地调试、快速项目构建及代码检测、可扩展插件。

深阅读

前后端分离了,然后呢?
http://icodeit.org/2015/06/whats-next-after-separate-frontend-and-backend/
即使通过API来解耦前端和后端开发过程,前后端通过RESTFul的接口来通信,前端的静态内容和后端的动态计算分别开发,分别部署,集成仍然是一个绕不开的问题 — 前端/后端的应用都可以独立的运行,但是集成起来却不工作。我们需要花费大量的精力来调试,直到上线前仍然没有人有信心所有的接口都是工作的。

StrongLoop Process Manager
http://strong-pm.io/
http://strong-pm.io/compare/
The best process management solution for Node. StrongLoop PM is a production process manager for Node.js applications with built-in load balancing, monitoring, multi-host deployment, and a graphical console.

从原型到发布——“团队时间线” 1.0 开发心得
http://jiongks.name/blog/try-fullstack-in-timeline-app/
这篇文章将会记录我自己最近一周时间里,从产生“团队时间线”这个想法,到产品设计、交互设计、开发、迭代、再到 1.0 发布的整个过程。整件事情跨越了多个分工职能,所以这件事情虽然并不大,但对我来说是一种不一样的做事方式和经历,所以觉得应该记录下来。

美团酒店Node全栈开发实践
http://tech.meituan.com/node-fullstack-development-practice.html
美团酒店事业部去年7月份成立,新的业务、新的开发团队,这一切使得我们的前后端分离推进的很彻底。截至目前,前端承载的所有业务和线上服务都是基于Node,生产环境已经有近20台服务器。如此带来的全新前后端协作方式能够让专业的人做专业的事,无论前端后端都能较之前更专注在自己擅长的方面。

NGINX引入线程池 性能提升9倍
http://www.linuxeden.com/html/news/20150623/161499.html
异步、事件驱动的方法来处理连接。这种处理方式无需(像使用传统架构的服务器一样)为每个请求创建额外的专用进程或者线程,而是在一个工作进程中处理多个连接和请求。为此,NGINX工作在非阻塞的socket模式下,并使用了epoll 和 kqueue这样有效的方法。

从零开始构建实现一个JavaScript模块化加载器
http://wwsun.me/posts/creating-javascript-modules-loader.html
loader 已经满天飞了,不过可以当做参考资料看,有助于了解 loader 的实现。

前端路上的旅行
http://www.w3cplus.com/front-end-trip-on-road.html
用自身经历从多个维度诠释了前端。文尾这段说得很好:前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了,为了在多种平台中使用,多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术,涉及到广阔而复杂的领域,这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门,但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力,才会真正让你变得优秀。

因一段JavaScript代码引发的闲扯
http://www.ido321.com/1592.html
闭包总是被拉出来讨论。

[译]5 分钟介绍帮 12306 解决数亿人订票问题的 Geode
https://github.com/project-geode/docs/wiki#geode-in-5-minutes
http://blog.jobbole.com/87810/
Geode是一个提供实时、一致访问大型分布式云平台下数据密集型应用的数据管理平台。Geode 通过跨多进程,把内存、CPU、网络资源和可选的本地磁盘汇集起来,来管理应用程序对象及其行为。它使用动态复制和数据分片技术,来实现高可用性,改善性能、可伸缩性和容错。Geode 除了是一个分布式数据容器,它还是一个内存数据管理系统,提供了可靠的异步事件通知和有保证的消息传递。

从StackOverflow看Angular 1.x
https://rebornix.com/frontend/2015/06/10/NGSummary/
看看大家学习 Angular 1.x 的时候通常会遇到哪些困难。

Make hard coding your default choice
http://enterprisecraftsmanship.com/2015/06/08/make-hard-coding-your-default-choice/
http://www.labazhou.net/2015/06/make-hard-coding-your-default-choice/
Hard coding is often considered an anti-pattern. Having values that can change over time hard-coded in the source code requires recompilation every time these values actually change. While this statement is true, I think that hard coding should be the default choice when developing an application.

HTTP请求的TCP瓶颈分析
http://bhsc881114.github.io/2015/06/23/HTTP%E8%AF%B7%E6%B1%82%E7%9A%84TCP%E7%93%B6%E9%A2%88%E5%88%86%E6%9E%90/
针对三次握手、流量控制(接收窗口)、慢启动(cwnd,拥塞窗口)、队首阻塞等方面看下TCP对HTTP的影响

新鲜货

2015 年度开源项目新秀榜
https://linux.cn/article-5701-1.html
Black Duck 公布了一份名叫“年度开源项目新秀”的报告,介绍了由全球开源协会发起的10个最有趣、最活跃的新项目。

StateMan https://github.com/leeluolee/stateman
A tiny foundation that providing nested state-based routing for complex web application. stateman is highly inspired by ui-router , you can find many features similiar with it. But stateman is a standalone library with extremely tiny codebase(10kb minified). feel free to integrated it with whatever framework you like!

facebook nuclide
https://github.com/facebook/nuclide
http://nuclide.io/
An open IDE for web and native mobile development, built on top of Atom

coolie
http://coolie.ydr.me/
https://github.com/cloudcome/
看起来像是 netease 的同学整的前端组件化及构建工具,可以参考。

重新定义CDN-星域CDN
http://www.xycdn.com/
号称:星域CDN正在构建一个更加公平、透明的市场,我们率先转变服务心态,真正注重用户体验。感兴趣的同学可以试用一下。

xshell 网页版本
http://www.svgok.com:3000/index.html
一个在线管理和操作 server 的工具,能提供独立部署版本,即将在 github 开源。感兴趣的同学可以玩玩: IP:121.40.117.188 账号: root 密码: Admin888

【译】Velocity.js介绍
http://www.w3ctech.com/topic/1403
Velocity专为动画而设计 ,简单易用,功能强大,广泛地被一些主流公司所使用(包括Tumblr, Microsoft and WhatsApp)。

npm 3.0 (Beta) Released
https://github.com/npm/npm/releases/tag/v3.0.0
Wow, it's finally here! This has been a long time coming. We are all delighted and proud to be getting this out into the world, and are looking forward to working with the npm user community to get it production-ready as quickly as possible.

The UNIX Philosophy and Elixir as an Alternative to Go
http://lebo.io/2015/06/22/the-unix-philosophy-and-elixir-as-an-alternative-to-go.html
分析了 Go Javascript,引申出一个小众语言 Elixir

Javascript in one pic
https://github.com/coodict/javascript-in-one-pic
A graph that shows off JavaScript’s syntax, identifiers, operators, and more in a single image.

Navigating the React Ecosystem
http://www.toptal.com/react/navigating-the-react-ecosystem
In this article, I’ll go through some of the interesting features and libraries that are available. So, let’s explore the React ecosystem!

Atom 1.0
http://blog.atom.io/2015/06/25/atom-1-0.html
Today we're proud to announce Atom 1.0. It's amazing to think Atom has only been out and available to the public for a little over a year. A lot has happened since then. Atom has been downloaded 1.3 million times, and serves 350,000 monthly active users. The community has created 660 themes, and 2,090 packages including can't-live-without packages that have their own mini communities like the linter, autocomplete-plus, and minimap.

Slack 的开源替代品 Mattermost
https://github.com/mattermost/platform
Mattermost is a team communication service. It brings team messaging and file sharing into one place, accessible across PCs and phones, with archiving and search.

Ext

优秀程序员眼中的整洁代码
http://www.jianshu.com/p/33e9389c1181
有多少程序员,就有多少定义。所以我只询问了一些非常知名且经验丰富的程序员。
- 整洁的代码只做好一件事,每个函数、每个类和每个模块都全神贯注于一事,完全不受四周细节的干扰和污染
- 果断决绝,就事论事,没有犹豫或不必要的细节
- 整洁的代码便于其他人加以增补
- 让编程语言像是专为解决那个问题而存在
另附, [译]好代码的科学定义 http://www.codeceo.com/article/what-is-good-code.html

入行几年后,互联网人的未来应该在哪里?
http://www.yixieshi.com/it/21620.html
文章针对互联网从业者在面对高速发展的时代时,如何进行技能提升,如何进行路径规划作了讨论。讨论从“关于如何让自己拥有更多机会和选择?”,“关于如何持续获得个人的提升和进阶?”,以及“在面临各种不同选择的时候该如何考虑?”三个问题展开,并提出了一些实用的建议。

登录后回复,如无账号,请使用邀请码注册