“Live up to the time, the creation of non-stop, this article is participating in 2021 year-end summary essay competition”

In 2021, I was assigned to a business line development. I tried some business requirements that I had never had before, but also assumed unprecedented pressure 🍐. Whenever I released online or online problems, I immediately stood by.

Try something new in 2021

Comb through components/code snippets

Designers provide the line of business with relevant low-level & basic UI components upon which the reusability of web pages is based. Since the UI component LuluUI has been used, the underlying department style has been adjusted, and then the specific components of the business line (such as breadcrumbs, empty state, title bar, etc.) and similar logic core code fragments have been combed. Although this work takes a little time, it has improved my coding efficiency to a certain extent ~ (PS: designers are really fickle, today’s color/style will be reversed tomorrow, and we need to consider the reserved variable cost in the future)

Packet capture tool — Whistle

Similar to Charles, it can be used on both Windows and iMac. When doing mobile terminal activities, amway colleagues quickly identified the problem of back – end interface data return. It also helps, to a certain extent, local code in an online environment.

node

Because do performance optimization, in the local build processing, using part of the node knowledge, learn and try to use file, path and other modules of knowledge, use really sweet ah, suddenly a little bit of a late feeling

Performance optimization

The highlight of the second half of the year was the performance optimization of lighthouse. The top5 page views increased by 20% and lighthouse’s performance was 85+. Mainly through GZIP, image lazy loading, file compression and other ways to process together.

SEO

SEO has only done some basic DTK, semantic adjustment of part of the structure, semantic adjustment of the whole station is still worrying

ES6

I learned ES6 privately and was able to try it out in some off-line business requirements development

unfinished

  • Web accessibility. At present, relevant concepts have only been shared within the group and simply dealt with in the project (Alt, aria-label, etc.). The whole project site has not been comprehensively promoted. On the one hand, business needs are heavy; on the other hand, it is difficult to push from bottom to top.
  • Semantic. The semantization of the page is still relatively old div/ A/P /hx/header/footer, etc. Some other semantization has not been carried out yet.

In 2022 the flag 🚩

  • Learn to swim 🏊♀️ (Flag has been established for three years)
  • Implement accessibility in the project
  • Two demos based on three.js