Fanjia Kong

Frontend Developer


  • Home

  • Tags

  • Categories

  • Archives

Project - Channel Page

Posted on 2019-10-19 | In React , ES6 , Optimization

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).
Read more »

Project - JD Literature Award

Posted on 2019-10-18 | In React , ES6 , TypeScript , Vue , Video

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.
Read more »

Project - Order Gift

Posted on 2019-10-17 | In React , ES6 , TypeScript

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.

Read more »

Project - iSheji

Posted on 2019-10-16 | In React , ES6 , Three.js

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.

Read more »

Unit Test

Posted on 2020-02-26 | In JavaScript , React , Test

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.

Read more »

Redux

Posted on 2020-02-20 | In JavaScript , React

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.

Read more »

Clean Code

Posted on 2020-01-28 | In JavaScript

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

Read more »

Realize a Promise

Posted on 2019-12-13 | In JavaScript , ES6

Realize a Promise according to Promises/A+.

Read more »

Debounce and Throttle

Posted on 2019-11-25 | In JavaScript , Optimization

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.

Read more »

Deep Clone

Posted on 2019-11-24 | In JavaScript

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.

Read more »
123

Fanjia Kong

27 posts
13 categories
4 tags
© 2020 Fanjia Kong
Powered by Hexo
|
Theme — NexT.Gemini v5.1.4