01. ES2016, in 2017, 2018 new features
This paper introduces the 18 ECMAScript 2016,2017 and 2018 in the newly added features that have been added to the TC39 proposal. Including Array.prototype.includes, Object.values (), Object.entries (), String padding, the exponential operator, rest attribute of the object and Promise.prototype.finally () and the like.
02. Webpack 4.5.0 released
Webpack on April 4 release of the 4.5.0 version, in addition to performance improvements, bug fixes, for the first time added a contributor to the yarn setup installation script.
Details: https://github.com/webpack/webpack/releases
03. pure CSS to achieve a solar system
Jamie Coulter created a great demo with pure CSS, it allows you to explore the solar system planets and moons, including all the planet's pictures and a brief introduction, and with a few cool effects.
Details: https://codepen.io/jcoulterdesign/pen/ZxXbeP
04. 10 kinds of layout skills in web design
10 kinds of layout skills in web design: the number of fonts kept to a minimum, using standard fonts, limit the length of text in a variety of screen resolutions good usability font, font letters to distinguish high, avoid full text of capital, make good use of white space skills, increase color contrast, reduce the use of separate red / green text, avoid the use of flashing text.
Details: https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d
PWA application 05. iOS 11.3
Apple in iOS 11.3 quietly adds basic support for "progressive Web applications" (PWA) This series of new technologies, which means that you can now install the application on the iOS App Store approval in the absence of circumstances, but there will be some restrictions. Article summarizes the problem recently released iOS 11.3 Dui PWA support, as well as PWA application developers need to pay attention.
Details: https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7
06. Fourth General Assembly CSS
China Fourth CSS Developer Conference was successfully held in Xiamen, March 31, 2018. The nature of front-end engineers is to make the user experience better products, not only to consider that on the interactive experience, also need to consider performance optimization, how to save bandwidth for the user, how to allow users to open faster.
Details: https://zhuanlan.zhihu.com/p/35278699
07. Node v9.11.0 (Current) released
This release made some small adjustments and routine enhancements. By upgrading to 61.1 ICU improved support for Unicode, fs module adds event is ready to send ReadStream and WriteStream function. (Technically, 9.11.1 gone, but it's a quick patch version, only for the repair of non-functional x64 MSI installer.)
Details: https://nodejs.org/en/blog/release/v9.11.0/
08. React correct lifecycle open posture
This figure comes from the life cycle React React core development team members Dan. Many people on Twitter have found can learn something useful. React strict definition of the life cycle of components will go through the following three processes: the mounting process (Mount), the update process (Update), the uninstall process (Unmount).
Details: https://twitter.com/dan_abramov
09. Bulma: CSS framework based Flexbox
Bulma is based on open source Flexbox CSS framework that supports the latest version of the browser Chrome, Edge, Firefox, Opera and Safari, IE10 + only partially supported. Bulma support icon library Font Awesome 5, in addition Bulma there are many derivative instruments, such as for Bloomer React and for Buefy Vue's.
Details: https://bulma.io/
10. MVVM distal dataflow framework succinctly
The share is with us to know what is the principle of MVVM, MVVM, and in recent years, which had evolved. At the same time, by MVVM expand this topic to think of all kinds of front-end data flow scenario, the formation of front-end data flow overall awareness, help everyone in the team to do better technology selection.
Details: https://zhuanlan.zhihu.com/p/35211052
11. Pose: for HTML, SVG and React declarative animation library
When CSS simple encounter Popmotion powerful and flexible, will impact what kind of spark? This article describes the SVG, React and CSS integrated application, do not even need to configure, you can very easily create declarative and triggered animations.
Details: https://popmotion.io/pose/
12. The network error log (NEL)
December 8, 2017 the W3C Web Performance Working Group (Web Performance Working Group) updated the network error log (Network Error Logging) working draft. This document defines a mechanism that allows Web sites to declare a network error reporting policy (reporting policy), the browser and other user agent can use this mechanism to report on the impact of network resources are properly loaded error. The document also defines a standard format and transmission mechanism between the browser and the Web server of an error report.
Details: https://dcreager.net/nel/intro/
A synchronous weekly updates to GitHub , welcome star :)