WOT2015 pre-interview series——Qu Yi, technical director of Lefeng.com

51CTO WOT 2015 Mobile Internet Developer Conference will be held in Beijing Renaissance Hotel from July 24 to 25, 2015. This conference has eight technical sub-forums, which will help mobile developers solve technical problems from the aspects of product and design, platform and technology, innovation and entrepreneurship, mobile games, algorithm analysis, HTML5, operation and maintenance security, Sina Weibo technology, etc.

In order to help you better understand this conference and choose the course content in a targeted manner, 51CTO reporters interviewed the technical experts who will be speaking at the conference and provide you with the latest updates on the highlights of each speech. For the detailed agenda of this conference, please visit: http://wot..com/.

The person who brings you the spoiler today is Qu Yi, the technical director of Lefeng.com. He has been engaged in Internet R&D for 11 years. He has worked as an architect, senior technical manager, technical director and other positions in Internet companies such as Gaoyang, Kongzhong, and Lefeng.com. He has focused on mobile Internet for the past 4 years. He is a senior HTML5 expert and researcher in China, has a very deep understanding of HTML5 technology, has rich practical experience, and is the creator of the HTML5 engine Crow5.

【Lecturer Profile】

Qu Yi: Technical Director of Lefeng.com He has worked as an architect, senior technical manager, technical director and other positions in Internet companies such as Gaoyang, Kongzhong, and Lefeng.com. He has been focusing on mobile Internet for the past 4 years. He is a senior HTML5 expert and researcher in China, has a very deep understanding of HTML5 technology, has rich practical experience, and is the creator of HTML5 engine Crow5.

The following is a transcript of an interview with Mr. Qu Yi:

: Could you please introduce the technical team of Lefeng.com?

Qu Yi : With the rapid development of mobile Internet, Lefeng's technical team has also taken many detours. The current mobile technology team includes Android, IOS, HTML5/PHP, mobile backend, operation and maintenance, and testing teams. Just like many B2C e-commerce companies, mobile development follows PC development, so in addition to mobile-specific features, we must be able to respond to various changes while also cooperating with PC to play a combination punch. After more than a year of exploration, repeated adjustments, a dedicated mobile technology team was formed.

51CTO: As the technical director of Lefeng.com, could you please share your personal experience, including what made you work in the IT industry? And how did you go from being an ordinary programmer to becoming the technical director of a first-tier e-commerce website?

Qu Yi : If I were to talk about my personal experience, I would say that I have a background in professional education. I studied computer science in college, but not software programming. The main reason I got into programming was because I had to do a project for my graduation project in the computer department. In order to graduate smoothly, I spent two years self-studying programming technology, and I also won the Outstanding Graduation Project Award. After that, I also worked as a teacher, mainly teaching J2EE and .NET.

Qu Yi: Being a programmer is a very happy time for me. Every day is busy and fulfilling. There are endless technologies to learn and endless solutions to explore. I write code and play football. I accumulate knowledge day by day. If a technical director needs to have professional technical skills, he needs to have the desire to explore and learn the knowledge of the industry he is in and broaden his technical breadth. With the rapid development of mobile technology, he must force himself to turn learning into fun, so that he will not be tired. Because I have a good reading habit, I will read every day no matter how busy I am. I read more than 100 technical books a year.

51CTO: What tools do you use to improve development efficiency in your daily development?

Qu Yi : I won't go into details about commonly used development tools, but I have a special one that I force myself to do. When writing some front-end scripts, such as JavaScript, I still use Notepad to write code. And I also have the habit of memorizing code by copying books. I remember a teacher told me that memorizing is not stupid. Yes, it is very fast to write code with Notepad. If you use any editing tool, it really feels like writing code is flying. I have been writing code with Notepad for ten years. How solid do you think your technical skills are?

51CTO: Why did Lefeng.com adopt the Native+H5 approach on mobile terminals? What are the advantages of this approach?

Qu Yi: Because Lefeng.com is an e-commerce company, if we use pure native development, we will face many problems. The response speed is slow. Obviously, the client has many event marketing. It is impossible for us to outsource when other people's clients change. And at the operational level, of course, the more flexible the better. So we use the Native + H5 method. But in fact, H5 has many performance problems, so we use Native + engine technology.

51CTO: H5's performance has always been criticized. When developing for mobile terminals, how can we avoid H5's shortcomings and make better use of H5's own advantages?

Qu Yi : This question is very well-posed. We all know that H5 has many advantages and strengths, but it also has many shortcomings. We adopt the native+H5 approach to develop with the goal of utilizing the advantages of native and H5, so that they complement each other to achieve the best experience and flexibility. But things are not what we thought. If you use the advantages of H5, you must also accept its many shortcomings. After a lot of in-depth research and summary on H5, we have implemented an engine based on H5, Crow5, which is written in Js. When using it, we can consolidate the advantages of H5, and at the same time avoid so many shortcomings through excellent design. Thus, we can achieve the effect of double excellence.

51CTO: Why did you choose the Crow5 engine?

Qu Yi : We chose Crow5 engine because the pure webview+html5 page loading method has problems such as slow loading speed and traffic consumption. Crow5 engine is developed by us independently, so it is very convenient for us to use for many things and it is also easy to expand. However, if other engines are used, the maintenance cost is very high, and other class libraries are too large. Mobile phones download resources more slowly, and if the resource library is large, it will greatly affect the experience.

51CTO : What are the components of the Crow5 engine? Which mobile applications of Lefeng use Crow5?

Qu Yi: The Crow5 engine consists of more than 40 plug-ins and modules. The more important modules include HTML code convention module, interaction extraction module, data encapsulation module, data driven module, encryption obfuscation module, plug-in manager, accelerator, URL interceptor, animation controller, cache controller, timeout listener, template controller, request sending management module, and on-demand loading manager.

The main processing mechanisms include agreed programming mechanism, data-driven mechanism, template engine drift mechanism, heartbeat maintenance mechanism and dozens of other processing mechanisms.

Lefeng's mobile terminals for Android, iPhone, iPad and m.lefeng.com all have crow5's presence

51CTO: What kind of help has Crow5's engine brought to Lefeng's business in actual use?

Qu Yi: On the technical level, Android, iPhone and webapp, which had to be developed independently, used to require three languages ​​and three teams to develop. After adopting the engine technology, you only need to write a webapp in the way of the engine. The engine will automatically adapt to Android and iPhone developers, so there is no need to over-consider language issues, which reduces the manpower investment in development. In terms of maintenance, you only need to maintain one version to cover all platforms and update synchronously, and you don’t need to send out packages. Since the engine adopts the agreed design mode, you don’t need to type too much when writing code. You only need to write the configuration file according to the agreement, and the code will be automatically generated by the engine. This greatly simplifies development. And there is no need to consider the writing style.

On the operational level, by using H5 solutions, you can fully utilize the flexibility of this technology.

51CTO: Where do you think the Crow5 engine needs to be strengthened?

Qu Yi: Crow5 has not yet been open-sourced on a large scale, and there is a lack of documentation and learning communities. I hope that in the future we can build this up and allow more enthusiasts to write the engine together.

51CTO: With the implementation of H5 standards and Apple's support for H5, it seems that H5 is on the right track. However, the H5 standard has not been widely used. What do you think of this phenomenon? How do you view the future development of H5?

Qu Yi: The creation of anything generally goes through affirmation, then denial and hesitation. What we can do is negate the negation. Mobile phones are becoming more powerful, cheaper, and network charges are also getting cheaper. I don't agree that navtive will die, but its market share will be occupied by web technology. In addition, the Internet will be everywhere in the future, so the application scenarios of web technology will explode. It is foreseeable that the screen of a mobile phone is so big, and there are only so many applications that can be installed on the mobile phone. So the question is, where should the thousands of applications be reflected and used? Maybe it will be the web way.

There is no doubt that the demand for H5 will increase and the requirements will become higher and higher.

Technical experts from Google, Tencent, JD.com, 360, Sina Weibo, Lefeng.com, Meizu and other companies gathered together to help you open the window to realize your dreams. The event is waiting for you to hurry up!