未加星标

FEX 技术周刊 - 2016/10/17

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏
深阅读

Yarn: A new package manager for javascript

https://code.facebook.com/posts/1840075619545360

We’ve used the npm client successfully at Facebook for years, but as the size of our codebase and the number of engineers grew, we ran into problems with consistency, security, and performance. After trying to solve for each issue as it came up, we set out to build a new solution to help us manage our dependencies more reliably. The product of that work is called Yarn ― a fast, reliable, and secure alternative npm client. 译文 ,相关讨论:

Hello, Yarn! - By npm 为什么我不使用 shrinkwrap(lock) Avoid yarn for packages for now and fully enjoy its benefits for application development 如何评价Facebook推出的JavaScript模块管理器yarn? Why I’m Working on Yarn NPM vs Yarn Cheat Sheet 。其实论速度 cnpm 才是最快的。

Fall cleaning: Optimizing V8 memory consumption

http://v8project.blogspot.com/2016/10/fall-cleaning-optimizing-v8-memory.html

Memory consumption is an important dimension in the JavaScript virtual machine performance trade-off space. Over the last few months the V8 team analyzed and significantly reduced the memory footprint of several websites that were identified as representative of modern web development patterns. In this blog post we present the workloads and tools we used in our analysis, outline memory optimizations in the garbage collector, and show how we reduced memory consumed by V8’s parser and its compilers.

Takingphp Seriously

https://slack.engineering/taking-php-seriously-cf7a60065329#.yztg418nn

Slack uses PHP for most of its server-side application logic, which is an unusual choice these days. Why did we choose to build a new project in this language? Should you? PHP-the-language has many flaws, which undoubtedly have slowed these efforts down, but PHP-the-environment has virtues which more than compensate for those flaws. And the options for improving on PHP’s language-level flaws are pretty impressive. On the balance, PHP provides better support for building, changing, and operating a successful project than competing environments. I would start a new project in PHP today, with a reservation or two, but zero apologies.

Stateful and stateless components, the missing manual

https://toddmotto.com/stateful-stateless-components

The goals of this article are to define what stateful and stateless components are, otherwise known as smart and dumb - or container and presentational components. For the purposes of the article, we’ll be using Angular 2 Components to explain the stateful/stateless concepts. Bear in mind these concepts are not at all limited to Angular, and live in other libs/frameworks such as React.

Styling Underlines on the Web

https://css-tricks.com/styling-underlines-web/

Styling the underlines that sit beneath links can be a tricky business, and I constantly forget what’s the best approach depending on the situation. Thankfully however, John Jameson gets us up to speed in this guest post. 看似简单的下划线,但要做到比较完美还是挺不容易的。

豆瓣的混合开发框架 Rexxar

http://lincode.github.io/Rexxar-OpenSource

混合开发的直白解释是 Native 和 Web 技术都要用。但形式上,应用仍然和浏览器无关,用户还是需要在 App Store 和 Android Market 下载应用。只是在开发时,开发者以 Native 代码为主体,在合适的地方部分使用 Web 技术。比如在 iOS 中的 UIViewController 内放置一个 UIWebview(一个浏览器引擎,只拥有渲染 HTML,CSS 和执行 JavaScript 的核心功能)。这样,部分用户界面就可以在 UIWebView 中使用 Web 技术实现。

SQL style guide

http://www.sqlstyle.guide/

These guidelines are designed to be compatible with Joe Celko’s SQL Programming Style book to make adoption for teams who have already read that book easier. This guide is a little more opinionated in some areas and in others a little more relaxed. It is certainly more succinct where Celko’s book contains anecdotes and reasoning behind each rule as thoughtful prose.

Learn Relay

https://learnrelay.org/

介绍 Relay 和 GraphQL 的电子书

News from the Node.js Ecosystem

https:[email protected]/news-from-the-node-js-ecosystem-6141bb3b2f10#.nsloz1gro

Last month members of the Node.js ecosystem came together in Amsterdam for the first European version of Node.js Interactive. Audience at Node.js Interactive Europe, which took place in Amsterdam in September. Node.js Project members gave us a sneak peek at what’s to come with the release lines, and enterprise users and vendors working with Node.js shared best practices around the tools, training and other services being used to optimize the platform. On the final day of Node.js Interactive, two of the biggest projects connected to Node.js ― Express and npm ― provided attendees with detailed updates.

Your Body Text Is Too Small

https:[email protected]/your-body-text-is-too-small-5e02d36dc902#.s11rti1s9

The majority of websites are still anywhere in the range of 15 18px. We’re starting to see some sites adopt larger body text at around 20px or even greater on smaller desktop displays, but not enough in my opinion. Now, I’m not saying that small typography is bad. An 18px font is perfectly legible from the right distance. Smaller type is extremely useful in certain situations like on captions, cards and other UI elements, but there’s good reason to increase it a few more notches for body text.

You might not need JavaScript

http://youmightnotneedjs.com/

看看不用 js 仅通过 HTML 和 CSS 可以实现那些常见功能。

H5直播起航

https://aotu.io/notes/2016/10/09/html5-SopCast/

前不久抽空对目前比较火的视频直播,做了下研究与探索,了解其整体实现流程,以及探讨移动端HTML5直播可行性方案。发现目前 WEB 上主流的视频直播方案有 HLS 和 RTMP,移动 WEB 端目前以 HLS 为主(HLS存在延迟性问题,也可以借助 video.js 采用RTMP),PC端则以 RTMP 为主实时性较好,接下来将围绕这两种视频流协议来展开H5直播主题分享。

I finally made sense of front end build tools. You can, too.

https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.enz5xdnqk

对现有前端编译工具的入门介绍

Introducing NodeJS-Dashboard

https://formidable.com/blog/2016/10/12/introducing-nodejs-dashboard/

Node.js engineers spend significant amounts of time developing from the console. The usual workflow I’ve encountered goes something like: npm run test && node index.js which then dumps pages of text to stdout. Errors can easily go unnoticed when large volumes of output are generated by your app. While this environment can be productive, we miss out on insights into the process itself. Sure you can open top to retrieve process info, or go even further by instrumenting your code when something goes wrong. But why reproduce this in an ad-hoc manner when you can use nodejs-dashboard to send real-time telemetry to the console?

Implementation Notes

https://facebook.github.io/react/contributing/implementation-notes.html

React 实现原理介绍文档的官方文档

Flex布局新旧混合写法详解(兼容微信)

https://segmentfault.com/a/1190000003978624

兼容新旧浏览器的写法

浅谈云巴实时通信的编程模型

http://blog.yunba.io/%08programming_model/

云巴专注于为需要实时数据交换的产品提供完美解决方案。云巴实时通信系统到底提供了一种怎样的服务,与其他提供推送或 IM 服务的厂商有何本质区别。其实,从技术角度分析,云巴与其它同类厂商都是面向开发者的通信服务,宏观的编程模型都是大同小异,真正差异则聚焦于产品定位,业务模式,基础技术水平等诸多细节上。本文暂不讨论具体产品形态上的差异,着重从技术角度浅谈实时通信的编程模型。

从概念到底层技术,一篇文看懂重塑世界的区块链

http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650994345&idx=1&sn=0999eb0d4e2b0819751a6b73334c2b0c

区块链技术就是比特币能够稳定运行8年左右的基石,但一直被比特币的光芒所掩盖。但最近一年以来,各行各业(尤其金融行业)对区块链技术爆发了极大的热情。本文将从区块链定义、区块链技术三要素、区块链应用四展望、开源项目及国内现状5个方面为大家讲解区块链。

支付系统的对账处理

http://blog.lixf.cn/essay/2016/10/10/account-2-reconciliation/

可以说,对账是支付系统最头疼的事情。每一笔交易,都要做到各参与者的记录能够吻合,没有偏差。对账系统的工作,是发现有差异的记录,即轧帐;然后通过人工或者自动的方式,解决这些差异,即平帐。

网易云信 IM 推送保障及网络优化实践

http://geek.csdn.net/news/detail/106242

很多不错的经验分享

移动化浪潮下,谈谈多端优化以及延缓架构腐化

http://www.infoq.com/cn/news/2016/10/Multiterminal-optimization-delay

早期原生开发者对于现在客户端开发的见解

新鲜货

Angular 2.1.0 Now Available

http://angularjs.blogspot.com/2016/10/angular-210-now-available.html

The Router now supports preloading of lazy loaded modules, which gives users the best of both worlds; applications bootstrap quickly, and users don’t need to wait for a round trip to the server to access lazy loaded content. Watch Victor Savkin present these capabilities at Angular Connect. Animation in Angular has been enhanced by adding :enter and :leave aliases for the common void => * and * => void state changes. The transition API documentation has been updated with these aliases.

Semantic-UI-React (Stardust)

https://github.com/Semantic-Org/Semantic-UI-React

The official Semantic UI + React integration.

uWebSockets-Highly scalable WebSocket server & client library

https://github.com/uWebSockets/uWebSockets

WS is one of the most lightweight, efficient & scalable WebSocket server implementations available. It features an easy-to-use, fully async object-oriented interface and scales to millions of connections using only a fraction of memory compared to the competition.

grasp

http://www.graspjs.com/

Search, replace, and refactor your JavaScript code based on its structure rather than its text. 可以根据 JavaScript 语法结构来查找,适用于代码重构。

Tesseract.js

http://tesseract.projectnaptha.com/

Tesseract.js is a pure Javascript port of the popular Tesseract OCR engine. This library supports over 60 languages, automatic text orientation and script detection, a simple interface for reading paragraph, word, and character bounding boxes. Tesseract.js can run either in a browser and on a server with NodeJS.

Hyperform

https://hyperform.js.org/

Hyperform is a complete implementation of the HTML 5 form validation API in Javascript. It replaces or polyfills the browser’s native methods and eases your validation task with custom events and hooks.

Git-repo Manage Gitlab, GitHub and Bitbucket from the command line

http://i.got.nothing.to/code/on/git-repo:_the_utility_for_services/

The git utility has a rather well designed interface to make it easy to remember, extend, and/or customize. So, out of frustration of having to swing between my code and a web-page to issue some actions on a repository. I figured I could write a tool to exploit those services APIs and make their features available where they belong, in your shell!

KDE Project releases KDE 1 !

http://www.heliocastro.info/?p=291

The KDE project is proud to announce his first public release, after 20 years of hard development from a team of multi cultural developers around the world. Was an amazing effort of the original dinosaurs to make this beautiful piece of software be available on the hands of our beloved supporters.

node-heapdump

https://github.com/bnoordhuis/node-heapdump

Make a dump of the V8 heap for later inspection.

betwixt

https://github.com/kdzwinel/betwixt

Web Debugging Proxy based on Chrome DevTools Network panel. Betwixt will help you analyze web traffic outside the browser using familiar Chrome DevTools interface.

Nightwatch

https://github.com/nightwatchjs/nightwatch

UI automated testing framework powered by Node.js. It uses the Selenium WebDriver API.

Ajv: Another JSON Schema Validator

https://github.com/epoberezkin/ajv

The fastest JSON Schema validator for node.js and browser. Supports v5 proposals.

AliSQL

https://github.com/alibaba/AliSQL

阿里 SQL 正式开源。

The Open Guide to Amazon Web Services

https://github.com/open-guides/og-aws

This guide is by and for engineers who use AWS. It aims to be a useful, living reference that consolidates links, tips, gotchas, and best practices. It arose from discussion and editing over beers by several engineers who have used AWS extensively.

Awesome Go

https://github.com/avelino/awesome-go/blob/master/README.md

A curated list of awesome Go frameworks, libraries and software.

All CppCon 2016 Videos Are Up!

http://cppcon.org/all-cppcon-2016-videos-are-up/

最近的 cppconf 大会的资料,感兴趣的同学可以关注。

What we have in China about React.js

https:[email protected]/what-we-have-in-china-about-react-js-9af983fcb984#.8chnyrc84

围观下国内社区向国外社区介绍 React 在中国的状况。

Is jQuery Still Relevant?

http://developer.telerik.com/featured/is-jquery-still-relevant/

看看社区对 jQuery 的讨论。

VS Code 1.6

https://code.visualstudio.com/updates/v1_6

这更新速度

产品及其它

马云:“电商”一词将被淘汰

https://baijiahao.baidu.com/s?id=1548266114280720

新零售,新制造,新金融,新技术,新能源。这五个新将会方方面面的对各行各业发动巨大的冲击和影响,把握者胜,逆流着将会亡。

工作1-3年工程师如何突破瓶颈期

http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=2653547791&idx=1&sn=8a14104ba13cd1ef634c8991f6700566

总结得蛮实在的一篇文章,从新人期、成熟期、发展期、事业期四个阶段分别给出了如何做的建议,很实用。

吴军-不做伪工作者

https://news.cnblogs.com/n/554963/

很多我们看上去非做不可的事情,其实并没有那么重要。有些时候需要换一个角度来审视我们所做的事情,就会发现,舍弃一些事情也未尝不可。所以,每当你因总也干不完的工作而焦虑时,不妨试试先停下来,重新梳理一遍手边的工作:主动地站在对公司业务帮助最大的角度,站在提升自己能力的角度,当处于工作永远做不完的处境时,把那些最重要的完成了。试试看,这样你的工作状态会不会发生改变?

当你梦想去改变一个行业之前,建议你看看这篇文章

https://www.huxiu.com/article/166715/1.html

在你满怀梦想,召集团队,利用先进的技术、管理等经验,想要去改造一个行业或市场之前,我建议你看看这篇文章。它如此之简单,以至于只有一个概念;又如此之困难,以至于大部分人甚至包括我,这篇文章的作者自己,都一次又一次在这个概念上犯错。另附: 美国小伙实力吐槽创业:去他的创业 ,吐槽了很多形式主义。

微软工程师辞职去收破烂,成了最让女儿自豪的爸爸

http://mp.weixin.qq.com/s?__biz=MjM5ODAwNDIwMA==&mid=2650522355&idx=1&sn=66e16af0905af40324740f1763f22320

成都“绿色地球”创始人做垃圾分类回收事业的故事,这是他在一席的演讲: 我们每天制造这么多垃圾,到底拿它怎么办 ,挺值得看看的。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: Node.jsJavaPHPJavaScriptReactHTMLSQLWebSocket浏览器Git
分页:12
转载请注明
本文标题:FEX 技术周刊 - 2016/10/17
本站链接:http://www.codesec.net/view/483686.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(37)