微信号:baidu-front-end

介绍:我们会推送一些比较优秀的前端开源项目、一些不错的技术博客给大家,以便大家及时了解业内的动态,我们会努力让内容更加的全面和丰富.期望通过这种方式能够在百度FE营造一个良好的技术氛围,时刻关注业内技术的...

FEX 技术周刊 - 2018\/07\/30

2018-08-01 10:11 hefangshi

业界会议

Node Summit 2018
http://www.nodesummit.com/
附:Notes from Node Summit 2018.

ChinaVis 2018
http://www.chinavis.org/2018/
中国可视化与可视分析大会 (ChinaVis) 由我国可视化业界工作者联合发起,宗旨是促进中国及周边地区的可视化与可视分析研究与应用的交流,探讨在大数据时代可视化与可视分析发展的方向与机遇,推动相关研究与应用的发展与进步,推进学科的发展,促进人才培养和交流。

深阅读

Why the New V8 is so Damn Fast
https://nodesource.com/blog/why-the-new-v8-is-so-damn-fast
Node.js version 8 shipped with this new and improved version of V8, which means we can finally write idiomatic and declarative JavaScript without worrying about incurring performance overhead due to compiler shortcomings. At least, this is what the V8 team tells us.

A one year PWA retrospective
https://medium.com/@Pinterest_Engineering/a-one-year-pwa-retrospective-f4a2f4129e05
One year ago (July, 2017) we brought a team together to rewrite our mobile website from scratch as a PWA. This was the culmination of several years of conversation, months of metrics investigation and one large hypothesis: mobile web can be as good as a native app. The results are quite…pinteresting. 另附:PWACompat: the Web App Manifest for all browsers.

Logging Activity With The Web Beacon API
https://www.smashingmagazine.com/2018/07/logging-activity-web-beacon-api/
The Beacon API is a lightweight and efficient way to log information from a web page back to a server. Find out how that can be used and what makes it so different from traditional Ajax techniques.

Announcing the Ionic 4 Beta
https://blog.ionicframework.com/announcing-ionic-4-beta/
Ionic 4 marks the first version of the Framework to completely embrace modern Web APIs such as Custom Elements, CSS Variables and Shadow DOM. And it’s completely framework-agnostic at the core, fulfilling our original mission to be, first and foremost, a UI library for web developers no matter what frontend tools or frameworks they decide to use.

Angular v6.1 Now Available
https://blog.angular.io/angular-v6-1-now-available-typescript-2-9-scroll-positioning-and-more-9f1c03007bb6
TypeScript 2.9, Scroll Positioning, and more.

美团服务体验平台对接业务数据的最佳实践
https://tech.meituan.com/sep_service_arrange.html
移动互联网时代,用户体验为王。美团服务体验平台希望能够帮助客户解决在选、购、用美团产品过程中遇到的各种问题,真正做到“以客户为中心”,为客户排忧解难。但服务体验平台内部只维护客户的客诉数据,为了精准地预判和更好地解决客户遇到的问题,系统必须依赖业务部门提供的一些业务数据,包括但不限于订单数据、退款数据、产品数据等等。本文会着重讲一下在整个系统交互过程中遇到的一些问题,然后分享一下在实践中探索出来的经验和方法论,希望能够给大家带来一些启发。

再见jQuery,我的老朋友
https://lisongfeng.cn/post/bye-jquery.html
2018年7月25日,Mislav Marohnić发了一条推文,宣布GitHub.com前端已经彻底删除了jQuery(下图)。而且,还自问自答地解释(低调炫耀),删除jQuery之后也没用其他框架,而是全部依赖原生API。附:Removing jQuery from GitHub.com frontend。

ISUX Xcube智能一键生成H5
https://mp.weixin.qq.com/s?__biz=MjM5NzQxMDkwMg==&mid=2655404725&idx=1&sn=3fcc46a3a966c66f125db2a5b53acf57
Xcube是基于QQ空间营收类活动所搭建的H5活动页面智能生成系统。Xcube是基于QQ空间营收类活动所搭建的H5活动页面智能生成系统,是针对框架相对固定,高频率的运营H5活动所设计。

Developing Real-Time Web Applications with Server-Sent Events
https://auth0.com/blog/developing-real-time-web-applications-with-server-sent-events/
Server-Sent Events (SSE) is a standard that enables Web servers to push data in real time to clients. In this article, we will learn how to use this standard by building a flight timetable demo application with React and Node.js. However, the concepts you will learn following this tutorial are applicable to any programming language and technology.

Node.js monitoring with Datadog APM and distributed tracing
https://www.datadoghq.com/blog/node-monitoring-apm/
Node.js is an asynchronous JavaScript runtime that is used to develop highly scalable network applications. To help provide more visibility into these dynamic environments, we’re pleased to announce that Datadog APM has officially released support for monitoring Node.js applications, which joins our existing support for Java, Ruby, Python and Go.

The Road to QUIC
https://blog.cloudflare.com/the-road-to-quic/
QUIC (Quick UDP Internet Connections) is a new encrypted-by-default Internet transport protocol, that provides a number of improvements designed to accelerate HTTP traffic as well as make it more secure, with the intended goal of eventually replacing TCP and TLS on the web. In this blog post we are going to outline some of the key features of QUIC and how they benefit the web, and also some of the challenges of supporting this radical new protocol.

Why Discord is Sticking with React Native
https://blog.discordapp.com/why-discord-is-sticking-with-react-native-ccc34be0d427
Looking back at the past three years, React Native has proven to be extremely successful at Discord and helped drive our iOS user adoption from zero to millions! More specifically, React Native has allowed us to reap the benefits of quickly leveraging reusable code across platforms, as well as develop a small and mighty team. Meanwhile, we’ve learned to adapt to its inevitable pain points without sacrificing overall productivity. 另附:Hunting JS memory leaks in React Native apps.

Is WebAssembly the return of Java Applets & Flash?
https://words.steveklabnik.com/is-webassembly-the-return-of-java-applets-flash
One thing I’ll say about this post is that it’s quite implementer focused. But implementers are important; they control the web. Providing a solution that works with their goals is just as important as something that works for users. In a future post, I’d like to try to go over user concerns some as well. I have lots of posts to write!

iTerm2 has a new drawing engine that uses Metal 2
https://gitlab.com/gnachman/iterm2/wikis/Metal-Renderer
iTerm2 has a new drawing engine that uses Metal 2. For many users, this will significantly improve performance.

Portable Cloud Programming with Go Cloud
https://blog.golang.org/go-cloud
Go team at Google is releasing a new open source project, Go Cloud, a library and tools for developing on the open cloud. With this project, we aim to make Go the language of choice for developers building portable cloud applications. This post explains why we started this project, the details of how Go Cloud works, and how to get involved. 另附:Google - Knative:Kubernetes-based platform to build, deploy, and manage modern serverless workloads; Writing Great Go Code.

Backblaze Durability is 99.999999999% — And Why It Doesn’t Matter
https://www.backblaze.com/blog/cloud-storage-durability/
In the same spirit of transparency that leads us to publish our hard drive performance stats, open source our Reed-Solomon Erasure Code, and generally try to share as much of our underlying architecture as practical, we’d like to share our calculations for the durability of data stored with us. We are doing this for two reasons: We believe that sharing, where practical, furthers innovation in the community. Transparency breeds trust; We’re in the business of asking customers to trust us with their data. It seems reasonable to demonstrate why we’re worthy of your trust.

The Best Database-as-a-Service Solutions of 2018
https://uk.pcmag.com/software/116526/guide/the-best-database-as-a-service-solutions-of-2018
Databases power everything from apps to workflows, and the best way to deploy these data engines for most businesses is via a Database-as-a-Service (DBaaS) that combines cost savings with cutting-edge power. Check out our reviews of top DBaaS solutions to pick the best your busine

Be Nice And Write Stable Code
http://technosophos.com/2018/07/04/be-nice-and-write-stable-code.html
The professional software developer has long-term usability and stability as a goal. Yes, well-architected code is important. But there is a time and place for making that your focus. And maintenance releases (minor and patch versions) are not an occasion to refactor, re-organize, or make sweeping modifications. Be conscientious about how much effort the users of your code put into using your code. I can tell you from experience what we do when the maintenance burden you impose on us gets wearying: We stop using your tools (or we fork them). SemVer is a communications tool. But to use it well, we must use it accurately. And that means writing code focused on stability.

新鲜货

ActivityPub
https://activitypub.rocks/
ActivityPub is a decentralized social networking protocol based on the ActivityStreams 2.0 data format. ActivityPub is an official W3C recommended standard published by the W3C Social Web Working Group. It provides a client to server API for creating, updating and deleting content, as well as a federated server to server API for delivering notifications and subscribing to content. 附:ActivityPub could be the future

New in Chrome 68
https://developers.google.com/web/updates/2018/07/nic68
Chrome 68 provides the Page Lifecycle API for you to detect when your tab has been suspended or restored, the Payment Handler API, and lots of neat DevTools improvements. 另附:A milestone for Chrome security: marking HTTP as “not secure”、Intent to Implement: Portals

PageSpeed Insights 来了
https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652046740&idx=1&sn=2b01ecd64c516d59f38253f723bcebda
PageSpeed Insights (PSI) 是 Google 在全球范围内应用最广的开发者工具之一。PSI 2.0 版本在2018年1月9日发布并且取得了巨大的成功。为了更好地帮助中国地区的开发者并构建一个良好的网页生态环境,今天,我们很高兴地宣布 PSI 在developers.google.cn/speed/pagespeed/insights/ 上线啦!

CKEditor 5 v11.0.0 released
https://ckeditor.com/blog/CKEditor-5-v11.0.0-released/
We are happy to report the release of CKEditor 5 v11.0.0. This version brings a few new features (the block toolbar, the autosave plugin, Electron support), many improvements (typing on Android, selection stability and selection handle for tables) and an upgrade to webpack 4.

Vuestic Admin Dashboard
https://github.com/epicmaxco/vuestic-admin
Responsive admin dashboard template built with Vue.js and Bootstrap 4.

react-pdf - Create PDF files using React
https://github.com/diegomura/react-pdf
React renderer for creating PDF files on the browser, mobile and server.

React Select v2
https://react-select.com/home
A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

jsQR
https://github.com/cozmo/jsQR
A pure javascript QR code reading library. This library takes in raw images and will locate, extract and parse any QR code found within.

Keystone 4 has landed
https://medium.com/keystone-js/keystone-4-has-landed-7080221ac069
KeystoneJS is an open source framework for developing database-driven websites, applications and APIs in Node.js. Built on Express and MongoDB.

Terminalizer
https://github.com/faressoft/terminalizer
Record your terminal and generate animated gif images.

uws, A Popular WebSocket Module, Has Been ‘Deprecated’
https://www.npmjs.com/package/uws
µWS (“microWS”) is a WebSocket and HTTP implementation for clients and servers. Simple, efficient and lightweight.

excel4node
https://github.com/natergj/excel4node
A full featured xlsx file generation library allowing for the creation of advanced Excel files. excel4node conforms to the ECMA-376 OOXML specification 2nd edition.

StealJS 2.0 Released
https://www.bitovi.com/blog/steal-2.0
StealJS 2.0 is out, bringing best-in-class tree shaking support, native promises used by default, simplified demo pages, increased dev code removal, and an eye towards the native-module future. Continue reading to learn more.

Layoutid
https://www.layoutit.com/grid
CSS Grid Layout Interface Builder

BPG Image format
https://bellard.org/bpg/
BPG (Better Portable Graphics) is a new image format. Its purpose is to replace the JPEG image format when quality or file size is an issue.

Rockstar
https://github.com/dylanbeattie/rockstar
Rockstar is a dynamically typed Turing-complete programming language. Rockstar is designed for creating computer programs that are also song lyrics, and is heavily influenced by the lyrical conventions of 1980s hard rock and power ballads.

Machine Learning Guides
https://developers.google.com/machine-learning/guides/
Simple step-by-step walkthroughs to solve common machine learning problems using best practices.

Xv6, a simple Unix-like teaching operating system
https://pdos.csail.mit.edu/6.828/2017/xv6.html
Xv6 is a teaching operating system developed in the summer of 2006 for MIT’s operating systems course, 6.828: Operating System Engineering. We hope that xv6 will be useful in other courses too. This page collects resources to aid the use of xv6 in other courses, including a commentary on the source code itself. 另附:ReactOS v0.49 - A Free/Community/Opensource/Collaborative Compatible operating system

Circuit Simulator - Electronic Circuit Simulator in the Browser
https://www.falstad.com/circuit/circuitjs.html
CircuitJS1 is an electronic circuit simulator that runs in the browser. It was originally written by Paul Falstad as a Java Applet. It was adapted by Iain Sharp to run in the browser using GWT. 另附:Learn how to write an emulator.

Zulip – Open-source, threading-based Slack alternative
https://zulipchat.com/
The world’s most productive group chat. Zulip combines the immediacy of Slack with an email threading model. With Zulip, you can catch up on important conversations while ignoring irrelevant ones.

Sonic Pi: Compose electronic music with code
https://sonic-pi.net/
The Live Coding Music Synth for Everyone. Welcome to the future of music. Simple enough for computing and music lessons. Powerful enough for professional musicians. Free to download with a friendly tutorial. Diverse community of over one million live coders.

Google’s New Book: The Site Reliability Workbook
http://highscalability.com/blog/2018/7/25/googles-new-book-the-site-reliability-workbook.html
Google has released a new book: The Site Reliability Workbook — Practical Ways to Implement SRE. It’s the second book in their SRE series.

Developer Roadmaps
https://css-tricks.com/developer-roadmaps/
The path to becoming a front-end developer, as looked back upon by anyone who self-identifies that way, is likely a very windy one full of thorn bushes and band websites. Still, documenting a path, even if it’s straighter and far cleaner than reality, is an interesting exercise and might just be valuable. Three different writer/developers have taken a crack at it this year and their results have been extraordinarily popular. Let’s take a look. 另附:前端读书路线图:从入门到编写框架.

YC’s 2018 Summer Reading List
https://blog.ycombinator.com/ycs-2018-summer-reading-list/
A post about summer reading on Hacker News inspired us to put a list together for 2018. Here’s what we’ve been reading.

设计

Stop letting the data decide
http://www.nielshoven.com/stop-letting-the-data-decide/
When products are built iteratively, with decisions made primarily through testing and iteration, there’s no guarantee of a consistent vision. Some teams take pride in the fact that their roadmaps only extend a week into the future. “Our tests will tell us what direction to go next!” Data-informed design helps your product tell a consistent story. This is the power of a cohesive product vision. It can be hard to explain exactly WHY a cohesive product vision translates to a better product, and also why it’s so hard to get there purely by data-driven iteration. Perhaps an extremely contrived example can help illustrate my point. 另附:Show me the data

回过头看,我很感恩自己做出了这样的选择:石墨文档产品总监罗颖
https://www.uisdc.com/shimo-product-director-interview
作为石墨文档的产品总监和第一位员工,罗颖觉得石墨文档就像她的一个宝宝。她设计了石墨最早的 UI,见证了它从七八个人的小团队,成长到现在100人的公司。罗颖的性格果断、直爽,在每个人生的十字路口,她遵从内心,不害怕做出更冒险的选择。回过头去看,正是这一个个选择,让她成长为现在的自己。

How Snow White helped Airbnb prove that storytelling is the most important skill in design
https://uxdesign.cc/how-airbnb-proved-that-storytelling-is-the-most-important-skill-in-design-15d04ac71039
Every business breakthrough starts with a story, from a customer’s pain point or, like in the case of Airbnb, a story about a particularly excellent experience a customer once had. Most designers or entrepreneurs strive for product innovations with wireframes or product sketches.

产品及其它

Zotero - Your personal research assistant
https://www.zotero.org/
Zotero is a free, easy-to-use tool to help you collect, organize, cite, and share research.

The Holographic Display Of The Future Is Here
https://medium.com/@bfeld/the-holographic-display-of-the-future-is-here-56245cbd3823
Looking Glass, a new type of interface that achieves that dream of the hologram we’ve been promised for so long. The Looking Glass is technically a lightfield and volumetric display hybrid, but that’s pretty nerdy-sounding. I like to just call it a holographic display. It’s a technology at the Apple II stage, designed for the creators and hackers of the world — specifically 3D creators in this case.

Ten years left to redesign lithium-ion batteries
https://www.nature.com/articles/d41586-018-05752-3
Reserves of cobalt and nickel used in electric-vehicle cells will not meet future demand. Refocus research to find new electrodes based on common elements such as iron and silicon, urge Kostiantyn Turcheniuk and colleagues.

知识付费,还有哪些你能把握的机会
https://new.qq.com/omn/20180724/20180724A08H6G.html
把知识理解为产品,从内容供应链、社交传播、转化购买三个维度解剖全流程。现在的竞争格局是什么样的?大公司去布局这个赛道有何意义?为什么红海竞争阶段,知识付费还有巨大机会?普通人能如何把握这些机会?


 
FEX 更多文章 FEX 技术周刊 - 2018\/07\/23 FEX 技术周刊 - 2018\/07\/16 FEX 技术周刊 - 2018\/07\/09 FEX 技术周刊 - 2018\/07\/02 FEX 技术周刊 - 2018\/06\/25
猜您喜欢 我们辛勤劳作的母亲 Linux用户、用户组、文件权限学习笔记 当谷歌云的 AI 给你的生意判死刑。。。你怎么办 ? Reactive-Streams API(二):Single,SingleDelayed 和 RangeSubscription Tomcat 是怎样处理 SpringBoot应用的?