Tw93 · Product engineer, open source creator, and writer, page 7

【2018-02-11】A Q&A record on Zhihu, `What mentality should be used to treat open source?`

【2018-02-08】Around Double 11 last year, I began diving into iOS to diagnose several Weex performance bottlenecks, and recently started contributing to iOS feature development. Taking this opportunity to document fundamental iOS concepts for my own reference, and to help fellow frontend engineers make sense of native iOS code and core mobile architecture.

【2017-04-21】Web front-end technologies related to graphics are roughly CSS3 animation transformation, SVG, Canvas, WebGL. However, front-end engineers mostly only stay at the upper-level API operation aspect. They may not know much about the principles of graphics, such as GPU, three-dimensional space, lighting, texture, hierarchical models. After studying the content related to SVG, I have some interest in some underlying technologies. Plus this piece belongs to a blank area, so I spent a few days learning graphics basically and recorded it here ...

【2017-01-26】SVG related features are much stronger than imagined. This article first introduces the relevant definitions, advantages and disadvantages and Demo of SVG. Next, it will introduce its relevant syntax and animation. Finally, tell everyone how to use and optimize SVG. Ensure that everyone can drive on the road within an hour. Too late to explain, get on the bus quickly ...

【2017-01-06】This week I gave an internal sharing on "Hello Weex" to my department colleagues, and adapted it into an article for anyone following Weex development. It covers Modules vs. Components, Weex Architecture, and best practices.

【2016-09-20】The following article is an introduction to Generator and Channel. If you have learned about Promise, Generator, Coroutine and Channel, you can skip directly to the Using Generators and Channels with React part. Although these cases may not be very suitable for real project environments, it can be seen as a starting point, try to practice possible places through this method ...

【2016-06-05】The title of this special article is "ReactNative Animation Research". Since it is called research, we strive to clarify the content related to RN animation at once, researching in the way of posing questions - proving questions - solving questions ...

【2015-10-17】Flexbox, a CSS3 layout mode, also known as the flexible box model, is used to provide maximum flexibility for the box model ...

【2015-06-09】Recently I read "Pro JavaScript Design Patterns" by Ross Harmes and Dustin Diaz twice and took extensive notes. The book is ideal for developers looking to deepen their grasp of JavaScript fundamentals and object-oriented paradigms, explaining when to reach for specific design patterns and how to implement them cleanly. Below is a summary of my notes.

【2015-03-30】Responding to user input is the core of our interface development. To build responsive Web products, the key is to understand how touch, mouse, pointer, keyboard operations and browsers work. You may have experienced a 300 ms delay in mobile browsers or discomfort caused by scrolling through touch. In this article, we will introduce event cascading and use this knowledge to implement a demo of a tap click event, which supports many input methods without violating the proxy browser rules like Opera Mini ...