The initiator of IMWebConf 2017 front-end Conference is
Tencent,The organizer is one of the most professional front-end teams of Tencent
IMWeb teamOfficial website address:
2017.imweb.io/Ross, vice president of Tencent, delivered an opening speech, sharing his development history of more than ten years since he joined Tencent in 2003.


“Tencent IMweb Conf 2017” juejin.cn/post/684490…

This article many pictures, mobile network users please note!Article for part of the exhibition hall record, each lecture record is also part!



Join meeting agenda







Personal Summary:









Some w3c managers shared the present and future of web standardization, Google engineers shared PWA and AMP accelerated web pages, Microsoft managers shared TypeScript combined with VScode to optimize development efficiency, zhang hongbo shared BuckleScript, a new compilation tool. Tianzhu share Ali internal Node framework Egg. Js +Koa, Tencent engineer Tang Junjun share third-party WebIM flexible optimization, also saw wang Yue old driver share small program core architecture analysis, node at the end of the field Wolf uncle to share experience, big front-end engineer growth experience…

Roundtable discussion on how to grow and find core technology, expand horizons slowly…

Really broaden your horizon, give people direction, but also harvest a mobile power supply and a book, this wave is not bad ~



Now and Future — Philippe Le Hegaret, W3C Manager

Speech PPT address: https://www.w3.org/2017/Talks/0916-imweb/?full#1

It mainly explains the work content of Philippe, managing about 290 Community Groups, dividing the working group by W3C, and the evolution process of some standards.














Then the most important thing is what will be done in 2018, which is also the study outline for the New Year!







Divided into three blocks: performance, security, digital media.












And then what follows:









Continue to improve security





Better performance





Better Web applications: PWA





More on Rendering

More browser rendering: drafts.css-houdini.org

More goals:




Questions were raised at the roundtable after the meeting about whether the W3C standards were behind The Times.

Philippe Le Hegaret: No, the PWA already proposed it six or seven years ago.


PWA+AMP – The Present and Future of the Mobile Web by Google engineer Michael Yeung




PWA + AMP

If you don’t know AMP, you can take a look at zhang Xinxu’s article, “Mobile page acceleration of Google AMP and Baidu’S MIP introduction” and the official website www.ampproject.org/zh_cn/.


The opening self-introduction begins with the assertion that “users leave after opening the web page for three seconds without any response”, and measures the user experience according to the loading speed of mobile terminal.





Comparing the mobile terminal version update with the Web terminal, the average probability of each user updating and downloading APP is close to 0.






AMP is a Google-based but limited tool for building HTML quickly. This is very beneficial for mobile e-commerce, which improves the ranking of mobile search and introduces the usage of domestic and foreign manufacturers, such as Ele. me and Alibaba.









Here are three things to lose in user experience:
Reliable, fast and attractive.


Er… Three modules of the analysis, here I am sorry, seriously look did not pay attention to the shoot, all of a sudden over ~





Reliable, fast and attractive

Then I talked about the advantages of PWA(Progressive Web App), focusing on the difficulty of Service worker.

This paper mainly describes the control of register, install, advanced and other stages.







“TypeScript: Efficient and Extensible javascript Development Experiences” by Microsoft Program Manager /TypeScript expert Limin Zhu




First introduce yourself, project related and so on


What magical things should developers do?

Taking a look at the daily life of a JS programmer, this Microsoft expert Outlines the daily time allocation.

You spend most of your time understanding other people’s code and your own code written 3 months ago (due to weak typing of JS), so how much time do you have to develop new features? Is there a way to reduce the time to understand by 5%, the time to maintain by 5%, and the proportion of new features to develop by 15%?

That’s where TypeScript comes in.

Introduces the advantages of TypeScript, the JS language superset.



VSCode this Microsoft production of the killer comes in handy, a demo.js first line plus

// @ts-checkCopy the code

This magic code, your JS will appear type detection/error prompt ~




More examples are missing, but the short summary is to use the IDE to detect your TS code to increase type recognition and improve the purpose.

BuckleScript: Large Scale JS Programming – The Next step After TypeScript — Hongbo Zhang

This is a very novel thing that claims to compile much faster than TypeScript, is based on simple and elegant OCaml, and can even compile assembly language to run on ARM machines, a respectable editor developer.

See article: (1 year ago) The fastest and best To JS compiler

JavaScript is everywhere, and Bloomberg open source BuckleScript 1.0 facilitates large-scale high performance software development for the JS platform


Why isn’t there more about the BuckleScript editor, because someone is stuck in a deadbeat


——




The above is the main conference notes in the morning (many beautiful little sisters have), it is hard to avoid having not taken down, light spray is good.

The purpose of sharing is to share a perspective to judge our way forward. It’s late in the afternoon, after all, Saturday is not easy for the super poor