I put you when brother, you call me SAO 🐷!

preface

Because oneself more SAO, the name contains a xian word, colleague calls me small SAO xian, I like SAO 🐷 (PDD) likewise, everybody understands programmer difficult, so I want to say the programmer of Hangzhou is more difficult difficult! (Housing prices are high, wages are low)

work

This year is to Hangzhou (struggle force capital) riverside dry front end programmer’s third year, a word summary, busy! This year also came a role reversal, I began to tube people, tube I really scalp pins and needles! Last year, I was able to take the position of snakeskin in the project. All kinds of black technology realized the demand of products, which not only satisfied my own vanity, but also 📈 salary. Oh, my God, because of good behavior, straight to TL, which at first scared me, I’m still a brother! ~ leader is a hard work, do a good team member, do not do a good team leader, wow that period of time tired of not, training to team members, code review can be the old na 🥱 is broken, but fortunately, everyone with the same, or can grasp the nettle, so to summarize this year our group of technology stack

  • umi
  • next.js
  • jenkins
  • nginx
  • docker
  • centos7 bind
  • private npm
  • nest.js
  • easy-mock
  • ts

How does my group’s front end develop

  1. For project positioning (large screen, thematic, application), if you have a common template (front-end template for dynamic routing, Permission management wo, theme management, etc.), you can directly visit 😁, otherwise you can build your own framework 😥 (based on React).
  2. The data format of the front and back ends is defined, and the interface is unified managed by Easy-mock. The front and back ends can be modified to reduce the wrangling time
  3. Nginx configudes personal domain names and manages personal projects, such as zzz.xxx.com. Projects use hash routing. If simple projects do not require interface configuration, they can directly upload corresponding paths without nginx configuration
  4. Jenkins automatic integration, which I tentatively define as two sets of free style configuration (static resource, own container), is divided into three sets of release according to development, test and online, and gitLab hook is configured to realize event-triggered construction

This develop assembly line is specially customized by me after the company’s project, here is inevitable to complain, our project manager feels that when he gets older, he will only urge, can not see any project plan, some even more excessive, the project brought over today needs you to finish tomorrow 😡. However, under the roof, there is no one who can not bow down. Facing such helpless requirements, I feel that the only way to solve the problem is to use a faster working mode.

At the beginning, through the summary of the company’s project development for nearly a year, I found that the company used a unified login, CAS single sign-on. The layout of the project is almost consistent, with the left menu or the top menu. And THAT’s when I thought, gee! So INSTEAD of encapsulating a unified project development framework, I can control it through CSS if there is a need for personalized styles. One month later, I packaged the React Ant-design-Pro, which saved about 10% of the development time. Later, I added a lot of util to the framework, such as Validator, animation… The goal is to make sure that you don’t have to choose a new framework when you’re developing a project. I also pull the ant-Design-Pro code into our framework regularly to keep it fresh.

Later, I realized that it would not work that way, so each person would get more and more bloated code, so I thought of private NPM, packaging the company-level code to form components for others to call, so that each person would get less code, easier to understand, just do it, by the time of the post, it had encapsulated the watermark, util, Components such as table.

At this stage, the work of front-end programmers has almost finished, but our company has just started the separation of front and back ends, and those project managers do not know the terms of front-end three musketeers, let alone hash routing and history routing. So every time they go to deploy, they’re just messing around, and it’s not always going to work. So I came up with the idea of unified configuration of Nginx so that they could use our nginx for later deployment projects. However, with the popularity of Docker, some customers need containerized deployment. Later, I also published a set of Docker deployment configuration files (front-end configuration has little change due to the unification of the framework, and generally it is ok to change the project name).

life

This year 🏀 played less, because of my xiao diao 🤣, because this year is the second year in this company, the relationship between colleagues is better, usually will eat and drink together (￣▽￣)”, but I did not forget my brother chicken, brother chicken has been waiting for me to play in Yuhang 😍. Generally speaking, this year, the dull and happy, will be more, more friends, earn more (but completely can’t afford to buy a house, Hangzhou’s house is the 😏). Xiao SAO (xiao Diao called) will also work harder to usher in a brand New Year, for parents, for xiao Diao, for friends, to become their reliable fetters.

Denver annual essay | 2019 technical way with me The campaign is under way…