Dandelion · jelly technical weekly Vol.29: what happened to the intelligent front end in Ali

Bump Lab 2020-11-11 09:44:25
dandelion jelly technical weekly vol.29


HEADER

The dandelion · JELLY Technology Week Vol.29

Front end intelligence refers to the use of AI And the ability of machine learning to expand the front end , It has some characteristics beyond the front-end capability of emergence stage , This will be an important change in the direction of the future front end . At present, various Internet manufacturers have their own projects, and are constantly practicing in this general direction , Challenge the future , And Ali is one of them , Also left behind many impressive products ……

Climb high and overlook

very high , Feel the infinity of the universe

The front frame

analysis JSX A new mechanism for

React 17 New JSX Grammar conversion mechanism , Besides writing JSX There is no need to introduce in advance React Outside the object , Some performance optimization and concept simplification have been done . Such as key Independent of others props And pass it alone , It is not recommended to use defaultProps etc. . This paper introduces the relevant background and changes , And how to upgrade and compatibility . About the motivation and implementation details of this change , You can browse this RFC.

Design philosophy

Front end intelligence in Ali

The direction of intelligent front-end is to bring changes to the front-end technology , With the help of AI And the ability of machine learning to expand the front end , And in the process of promoting this goal , What are the problems ? Ali gave the direction of intelligent front end 2020 Summary and thinking in the middle of the year .

Graphic programming

A high quality interactive experience website “ radar ”

This site will randomly jump to some based on CSS3、Canvas and WebGL Technically realized 、 Excellent website with amazing interface presentation and interactive experience , After busy work , Come and experience it Web Powerful rendering technology ~

Artificial intelligence

AI Expert knowledge map

What is artificial intelligence ? What are the subdivision modules ? Here you can find all the knowledge points related to artificial intelligence , The content listed in each knowledge point will be linked to the corresponding data , Like Wikipedia, etc , Whenever there is new research in the field of artificial intelligence , The corresponding module will also be updated , I hope to give a direction to the students who are interested in artificial intelligence , It also provides some help to the students who have accumulated a certain amount .

The application of machine learning in static code analysis

Today, , Machine learning has been deeply applied in various fields of life , This paper presents an interesting point of view : Whether machine learning can help software developers to mine Bug? The answer is yes . The author first introduces the known static analyzer based on machine learning in the industry , Such as DeepCode、Infer( come from Facebook)、SapFix、Embold、CodeGuru( come from Amazon) wait . then , The author takes the implementation of a code analyzer that uses machine learning technology to find code defects as an example , To illustrate the difficulties and limitations of machine learning in the field of code analysis . Read through the whole text , The biggest benefit is the author's thinking of combining machine learning technology with application scenarios , It's good for enriching us in ML Technical imagination space .

Tool Promotion

AntV: Visual data solutions

AntV It's ant financial data visualization solution , One of the most frequently mentioned G2 It's a visualization engine based on graphics , use The grammar Of Graphics Development philosophy , Data driven , Support highly interactive solutions . Abreast of the times 4.0 Version USES TS rewrite , Compared with the easy to use eCharts( The bottom layer relies on lightweight vector graphics library ZRender), The development documentation is not perfect , Therefore, for data visualization, Xiaobai has a higher threshold , But it's expansionary 、 Creativity has a greater advantage . at present AntV There are also a range of products including :G6( Visualization engine focused on relational data , Support interaction 、 analysis 、 Animation and other functions )、F2( Solutions focused on mobile end , Support H5)、L7( Solutions focused on geospatial data ). Its extended products include G2Plot、Graphin、ChartCube.

On the sea

On the sea , Take a small step to a thousand miles
machine learning 30 Minute entry points to the north

Intelligent front end is the general direction of the future , Want to keep up with the times, quick start machine learning , Maybe you still feel that there is no proper project practice at work , Or because of education 、 Professional and other factors have no chance to find a job in machine learning , Then come and have a look with Mr. mark ,30 Minutes to take you to understand the basics of machine learning , Break for AI Stereotype of , At the same time, we also look at some practice and landing projects of machine learning in concave convex laboratory .

Dynamic effect is actually very simple

In the final analysis, front-end intelligence still hopes to transform engineers from “ Meaningless bottom labor “ Free up , But it's not the only way , In many areas of development, there are many solutions that can significantly reduce the cost of research and development . For example, in the process of developing dynamic effects , We often think , The designer has sorted out the logic of the whole dynamic effect , Debugging is still time-consuming and laborious , Why can't we reuse designer's dynamic logic directly ? Machine parameters and manual parameters , Which one do you prefer ?

「 The dandelion 」 Periodical , Weekly update , We focus on digging 「 Basic technology engineering Cross end framework technology Graphic programming Server development Desktop development Artificial intelligence Design philosophy The front frame 」 And other hot spots in the industry , And give a professional interpretation ; More Than This , We will also recommend selected articles on bump technology , To show you the direction of research technology within the team .

Look up , Dandelion seeds will take root and sprout , Like summer flowers ; thinking & walking , We ascended the heights and looked into the distance 、 On the sea , In order to accumulate silicon, you can go thousands of miles .

The dandelion · JELLY Technical weekly contribution guide

FOOTER

Welcome to attapulgite lab blog :aotu.io

Or focus on the official account of bump labs (AOTULabs), Push articles from time to time .

版权声明
本文为[Bump Lab]所创,转载请带上原文链接,感谢

  1. [front end -- JavaScript] knowledge point (IV) -- memory leakage in the project (I)
  2. This mechanism in JS
  3. Vue 3.0 source code learning 1 --- rendering process of components
  4. Learning the realization of canvas and simple drawing
  5. gin里获取http请求过来的参数
  6. vue3的新特性
  7. Get the parameters from HTTP request in gin
  8. New features of vue3
  9. vue-cli 引入腾讯地图(最新 api,rocketmq原理面试
  10. Vue 学习笔记(3,免费Java高级工程师学习资源
  11. Vue 学习笔记(2,Java编程视频教程
  12. Vue cli introduces Tencent maps (the latest API, rocketmq)
  13. Vue learning notes (3, free Java senior engineer learning resources)
  14. Vue learning notes (2, Java programming video tutorial)
  15. 【Vue】—props属性
  16. 【Vue】—创建组件
  17. [Vue] - props attribute
  18. [Vue] - create component
  19. 浅谈vue响应式原理及发布订阅模式和观察者模式
  20. On Vue responsive principle, publish subscribe mode and observer mode
  21. 浅谈vue响应式原理及发布订阅模式和观察者模式
  22. On Vue responsive principle, publish subscribe mode and observer mode
  23. Xiaobai can understand it. It only takes 4 steps to solve the problem of Vue keep alive cache component
  24. Publish, subscribe and observer of design patterns
  25. Summary of common content added in ES6 + (II)
  26. No.8 Vue element admin learning (III) vuex learning and login method analysis
  27. Write a mini webpack project construction tool
  28. Shopping cart (front-end static page preparation)
  29. Introduction to the fluent platform
  30. Webpack5 cache
  31. The difference between drop-down box select option and datalist
  32. CSS review (III)
  33. Node.js学习笔记【七】
  34. Node.js learning notes [VII]
  35. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  36. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  37. 【JQuery框架,Java编程教程视频下载
  38. [jQuery framework, Java programming tutorial video download
  39. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  40. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  41. 【Vue,阿里P8大佬亲自教你
  42. 【Vue基础知识总结 5,字节跳动算法工程师面试经验
  43. [Vue, Ali P8 teaches you personally
  44. [Vue basic knowledge summary 5. Interview experience of byte beating Algorithm Engineer
  45. 【问题记录】- 谷歌浏览器 Html生成PDF
  46. [problem record] - PDF generated by Google browser HTML
  47. 【问题记录】- 谷歌浏览器 Html生成PDF
  48. [problem record] - PDF generated by Google browser HTML
  49. 【JavaScript】查漏补缺 —数组中reduce()方法
  50. [JavaScript] leak checking and defect filling - reduce() method in array
  51. 【重识 HTML (3),350道Java面试真题分享
  52. 【重识 HTML (2),Java并发编程必会的多线程你竟然还不会
  53. 【重识 HTML (1),二本Java小菜鸟4面字节跳动被秒成渣渣
  54. [re recognize HTML (3) and share 350 real Java interview questions
  55. [re recognize HTML (2). Multithreading is a must for Java Concurrent Programming. How dare you not
  56. [re recognize HTML (1), two Java rookies' 4-sided bytes beat and become slag in seconds
  57. 【重识 HTML ,nginx面试题阿里
  58. 【重识 HTML (4),ELK原来这么简单
  59. [re recognize HTML, nginx interview questions]
  60. [re recognize HTML (4). Elk is so simple