Abstract

What have I done in this project?

• Developed and maintained 60+ channel pages of JD.COM.
• Optimized the loading time of page to less than 1.5 seconds.
• Reduced 50% of the development time for each page.
• Updated the technology stack from jQuery (2015 - 2018) to React + ES6 (2018 - 2019).

Abstract

What have I done in this project?

• Provided service for over 340,000 users.
• Developed the website for both PC and mobile devices.
• Built UIs and implemented interactions, eg. vote, comment, play video, view information.
• Led 2 versions of this project, using Vue.js + ES6 in 2018 and React + ES6 + TypeScript in 2019.
• Applied a patent to solve the problem of playing videos in the Android browser.

Introduction

The order gift project encourages customers to buy products on JD.COM on some promotion season. A mobile web page is developed to show the status of the customers who participate in the order gift activity. Different status corresponds to different UIs and interactions. If they meet certain conditions, they can get some gifts from the website.

Introduction

iSheji is a website that shows the style of decoration designs and guides users to buy the furniture. It contains the home page, the category search page, the design detail page, the 3D panorama page, the designer page and the user page.

Unit Test is a level of software testing where individual units / components of a software are tested. The purpose is to validate that each unit of the software performs as designed.

Redux is a predictable state container for JavaScript apps.
The whole state of your app is stored in an object tree inside a single store. The only way to change the state tree is to emit an action, an object describing what happened. To specify how the actions transform the state tree, you write pure reducers.

“Master programmers think of systems as stories to be told rather than programs to be written” — Uncle Bob.

Realize a Promise according to Promises/A+.

Debounce enforces that a function not be called again until a certain amount of time has passed without it being called.
Throttle enforces a maximum number of times a function can be called over time.

Shallow Clone VS Deep Clone

• Shallow Clone
  It is copying the reference pointer of the object which means the new object is also pointing towards the same memory reference of the old object.

• Deep Clone
  The object will produce a copy of itself, a new memory is allocated for the object and its contents.