The preface

Unconsciously another year passed, this year really fast, a lot of things happened, but the biggest impact on me is as shown in the question. Love isn’t something to show off, although I would like to change other interesting titles such as “by Tony how to speed through intermediate front-end WEB strategy”, “2019 work overtime everyday to obese people to lose weight from 80 kg to 70 kg, but now this title can reflect the mood of my heart now, some complicated emotional later would say, Now let’s start with the dry stuff.

This article will be more extensive, but you can get it from this article

• A technical map that I have personally walked through can help you grow quickly and solve the confusion of growth
• Help junior engineers grow to intermediate engineering quickly
• How do non-technical students make up for their computer skills
• How to maintain efficient work and study under the serious situation of overtime work
• How to stay healthy as far as possible and even lose weight when working overtime is serious
• Overtime dog doesn’t deserve love story

Hope to be patient to finish watching, or according to their own choice to watch

Technical articles

Actually technology also so-so, and I wanted to know me, you can see I wrote last year, a front end 2018 | Denver annual essay, desperately if you don’t want to see, so simple can be summarized into the following tag. All of the above labels are fatal. For HR, this person’s resume may be the next one after a few glance, although it seems that they are not qualified to share it like others. However, I firmly believe that technology is fair, as long as you are willing to learn, take the time, and learn in a scientific way, there will be a return. Next, I will introduce what I learned from the primary to the intermediate level.

(As for how to go from zero to primary front-end, you can refer to the past articles I wrote, which include how to learn javascript, how to get started with VUE, deliberately practice, etc., I will not repeat here)

Breadth of front-end knowledge

Because the front end involves the amount of knowledge is really very wide, but to go to work to move the brick involves the thing is relatively narrow, there will be a strange phenomenon. Some of the things that fresh graduates know in interviews and some of the people who have been working for 2-3 years don’t know. Such as XSS attacks, browser caching strategies and so on. I think there are the following reasons for this situation.

1. Caching strategy is generally responsible for operations, for the front end, write good business.
2. Heavy business, lack of time and motivation to learn
3. Want to learn, but lack of system norms, can only go to Baidu to learn, there is no problem will not want to understand.

So how to prevent this year’s students “sling” old staff this embarrassing situation, in fact, the most simple way is like this year’s students, see what big factory surface, to learn what, commonly known as “back by”. Here we may not be happy, how to do so utilitarian, like exam-oriented education learning can learn things. You have to admit, however, that teaching to the test is indeed the quickest and simplest way for man to acquire a great deal of disordered knowledge. “Back classics” can let you quickly understand what the front-end needs to master, quickly build knowledge framework, but the most sad is that many people recite no below, this is really like exam-oriented education, what did not learn.

So how to learn, you can first follow the following methods

1. Initial contact and impression

Look for an organized map of knowledge, not just the details, but the big picture. (I’ve assembled the knowledge graph.) This step gives you an idea of what to learn in the future, much like reading a book’s table of contents.

2. Organize your knowledge base

According to the directory to sort out the mind map, such as javascript foundation can first sort out the mind map, these are more often asked about things, for the third step.

3. Practice deliberately and break them one by one

Start looking at a lot of questions about the same kind of people, and at the same time go into detail and integrate what you’ve seen into your knowledge graph. Basic types, for example, can refer to things like this.

4. Find connections

Break down one column at a time and find connections between them. Closures, for example, involve function call stacks, scope chains, garbage removal, and so on. The promise is then associated with the browser’s Event loop. When you’ve sorted out their relationship, rearrange the mind map.

Repeat over and over again.

Repeat and tweak your knowledge base to create your own unique knowledge base.

Dry goods recommended:

Do a self-check, a self-check list of a [qualified] front end engineer. Go seeing relevant data according to oneself weak point next.

BLOG:

• The way to advance the front end
• A guide to front-end interviews and advancement
• ConardLi的blog
• Wood and poplar front end advanced
• FE-Interview
• Hu Yu’s blog

Good article for nuggets

• (1.6W word) Browser and front-end performance soul of the question, how many can you catch? (on)
• Question of native JS soul, how many can you catch? (on)
• Native JS soul ask (middle), check if you are really familiar with JavaScript?
• (2.4W words, recommended collection)😇 native JS soul (2), sprint 🚀 advanced the last kilometer (with personal growth experience to share)
• Middle and senior front-end factory interview secrets, escort for you gold, silver and four, direct to dacheng (1)
• (Part) Middle and senior front factory interview secrets, winter for your escort, direct factory
• (Part 2) in the advanced front factory interview secrets, winter for your escort, direct factory

Pay for the good stuff:

Paying for knowledge is actually a good thing, standing on the shoulders of giants to see things far.

• The way of front end of the interview | more basic knowledge of front end, suitable for the couple
• Front end development advanced | on the basic of the core knowledge, distinguished, there are about a lot of engineering, is recommended.
• Browser | working principle and practice of this is personal recommendation, because I’ve seen its technical disclosure, found the book a lot of things are all browser some implementation approach, a pile of c + + is very uncomfortable, but this column is very simple and vivid way to tell the browser essence, personal gains a lot.

Although only a few short links, but the things inside at least half a year to see the end. Note that this is not simply a review of the impression, but to become a part of their knowledge base.

The front depth

What is the difference between elementary, intermediate and advanced? Is it the working hours or how much knowledge you master? People think is to see the depth of the problem, if you can see things as they really are, while nature is described through language, teaching taught directly, or through a large number of knowledge learning, constantly asking questions, constantly thinking, constantly repeated authentication to gain the ability to see through essence, I now can only call half a foot. The road to the next depth is not as easy as before the front-end breadth, there are a pile of people a pile of articles with you, and even a lot of things can only be explored by themselves.

The first step in front-end depth is to figure out where you want to go, with Node full stack, webGL graphics, framework source code, etc. I personally choose a relatively public or everyone to experience the road, is the framework source code.

So in order to go further, it’s not good to be an API brick remover, so I want to tell you four stories, let you inspire.

1. The first thing is that switching to the React framework is pretty quick when you’re familiar with vue.js. At present, due to historical reasons, there is a department in this company. Some projects use VUE and some projects use React. There was an urgent project, so I had to be transferred to help. At that time, I was still using VUE when I just joined the company, and I didn’t know anything about React. Besides, I didn’t learn to reject me in the interview because the technology stack didn’t match, so I still had a shadow on React. At that time really want to die of heart have, basically is the official website tutorial look, and then do some small demo, even did not read the book will directly open dry. How come JSX is so strange, why react is not like Vue$emitA bunch of problems. However, since I know vue well, I guess react also triggers view update when setState, then diff comparison, and finally replacement. As you understand vUE, force code to be written and deliver. In retrospect, I have two impressions. One is that I have a deep understanding of VUE and a lot of programming experience, so I can switch the framework quickly. I don’t need to re-watch the video like LEARNING VUE. I can directly learn from the video by clicking on the demo. Second, there will be a lot of problems when writing React with vUE in mind, such as setState asynchronous problem, which will make me have a lot of problems when studying React in the future. Instead of learning VUE and reading the source code, I want to know why it is designed like this and what are the benefits of vUE design like this. React is designed with these problems in mind to read other people’s articles, read the source code faster.
2. The second thing was very dramatic. I was familiar with React, which led to my quick learning of VUE3. Before, I had a deep understanding of React and wrote some hooks. Then, when I played VuE3, I almost read the documentation and immediately got used to it. Vue3 has abandoned the traditional class programming and uses function programming. The previous data, created, watch and other things cannot be used. If you do not learn VUE in depth, you may have to re-learn it. It was called the darkest day in vUE’s history) actually it was a good change for me, because react hook was really cool to use, and I even felt a little uncomfortable when I switched to writing Vue without hook. Although vue3 and React Hook are fundamentally different, they are still written in a similar way and switch smoothly, which is good news for a person who writes vUE project in the morning and React project in the afternoon.
3. One of my front-end colleagues worked long hours and thought he needed to develop outside of the front-end, so he learned Java. I saw him casually read the tutorial, and then told me a few weeks later that he had almost finished the company’s back-end Java project and was so bloated that he thought his own writing was better than their own. At that time, I was a little shocked, but now when I read LeetCode, most of the problems solved by others are in Java. It is true that I have never learned Java, but I can basically understand his thinking, maybe it is the point of language communication.
4. One day and a big ox blowing water, the big ox is the original x now word XX move, I asked him why the word XX move so important foundation, business things do not ask. He told me an example, the word XX does not have such a heavy historical burden as the word X, a pile of ancestral code, their use of technology stack may be more “extreme”, use more cutting-edge technology, so each entry may be a blank sheet of paper, learn from zero. He had a colleague who had been writing Java for four years and immediately wanted to switch to GO. He did switch to GO in a little more than a week and successfully developed his business. That’s the benefit of being grounded, experienced, and able to see things in depth. (I don’t know if there’s any exaggeration in this example, because I’m not doing the back end, so I don’t know how much it costs to go from Java)

The above four things give me an inspiration, even if you can see through the essence of things, then you learn new things quickly. Now the technology updates quickly, the front end is particularly obvious,vue3 to come out, Webpack5 to come out, the framework and Vue and React, we all say that learning is immobile, but in fact, the essence of many things is still the same, VUe3 or MVVM model, Wepback5 is only faster packaging speed, configuration is more lightweight. Vue and React have many differences, but they also learn from each other and write more and more alike.

So, is to show that if you do not in-depth study, in fact, business logic we all write about the same, but in-depth people deal with bugs, performance optimization, learning new technology is better than those who do not have in-depth study. Because of the depth, positioning problems and development efficiency are improved, there is more time for research, because there is more time, so the research is more thorough, this is a virtuous circle, so some people always grow, some people stay in the same place, or even abandoned by The Times.

So, so how to look at the source, I think you can follow the following steps

Look at the source experience

1. Familiar with framework and have extensive project experience

Start looking at the source code with a lot of project experience and familiarity with the framework API. You don’t even have a good frame, just want to see the source code. Just like the brave did not brush the sword directly to hit the BOSS, the end can be imagined, but every year there are a lot of mang fu, up is mang…

2. Focus on the whole first

Don’t go straight to the code and details at first. I’ve been burned twice. When looking at Vue, I directly went to see the MOOCs vue. Js source code full range of in-depth analysis to see my face mengbi, who I am, where I am, what I want to do, then I adjusted the strategy, first to do the following steps, came back to see the video suddenly enlightened. Later I went to see the React source code, which was fine at first and understood. Then I saw the reconciliation 2K line of code, which was complicated, and I began to question life. That’s because I watched it before I knew fiber. Of course not.

3. Standing on the shoulders of giants

First go to see the article written by others, the first time do not need to pay too much attention to details, just know some concepts, the second time, basically know the execution process, the third time according to the author’s handwriting the simplest demo

Vue is an example:

First look at the analysis of Vue. Js internal operation mechanism, hand to hand teach you how to write a minimum MVVM mode, MVVM is the most core idea. When you understand the picture below, you can move on to the next step

The react for example

React players have a hard time, as it has to be admitted that React has a lot of code and a lot of complexity to implement, especially fiber. Compared to looking at vue source code, the difficulty is a few steps up, but there is no choice, this is the price of JSX freedom.

Let’s start with an easy one

React.js lets you implement a simple MVC model of React.

However, the most difficult thing to react is Fiber. The code implementation of Fiber is very complicated. At this time, there is no need to pay too much attention to the code, just need to know what problem fiber was created to solve and related concepts

It is recommended to read the articles in the following order

1. This is probably the most popular way to open React Fiber.

2. React Fiber Architecture for Deep In React

3. Inside Fiber: Take a closer look at React’s new reconciliation algorithm

4. How and why React Fiber uses linked lists to traverse the component tree

Have the ability, can read the original text on the Internet directly science

1. Lin Clark – A Cartoon Intro to Fiber – React Conf 2017

2. Inside Fiber: in-depth overview of the new reconciliation algorithm in React

3. In-depth explanation of state and props update in React

4. The how and why on React’s usage of linked list in Fiber to walk the component’s tree

5. Practical application of reverse-engineering guidelines and principles

When you understand the picture below, you can move on to the next stage

4. Dive into detail

This is where you can focus on the code details

Ue player:

“Simple Vue. Js”, this book is really good, the author introduces a single part, will be the most simple and abstract demo, step by step into the actual frame, finally take the demo you wrote and the actual frame comparison, analyze the advantages and disadvantages of both sides.

Router, vuex, slot, keep-alive are not covered in this book. You can see vue. js source code for a full range of in-depth analysis to supplement. Ebook: Vue.js Source Code Revealed

Basically, vue can do that

The react player:

Don’t read the source code directly, but solve the following problems to get started.

Question 1:

In the react

function handleClick(e) {
  console.log(e)

  setTimeout((a)= > {
    console.log(e)
  }, 0)}Copy the code

The second console.log will always print undefined.

React also provides a method for persisting compositing events:

function handleClick(e) {
  console.log(e)

  e.persist()

  setTimeout((a)= > {
    console.log(e)
  }, 0)}Copy the code

Question 2:

In React, using E.topPropagation does not prevent native event bubblings because the event has already bubbled on document. React can handle event handles at this point.

componentDidMount() {
  document.addEventListener('click', () = > {console.log('document click')
  })
}

handleClick = e= > {
  console.log('div click')
  e.stopPropagation()
}

render() {
  return (
    <div onClick={this.handleClick}>
      click
    </div>)}Copy the code

This will print out div click, followed by Document click. E.toppropagation is useless

The solutions are as follows:

componentDidMount() {
  document.addEventListener('click', () = > {console.log('document click')
  })
}

handleClick = e= > {
  console.log('div click')
  e.nativeEvent.stopImmediatePropagation()
}

render() {
  return (
    <div onClick={this.handleClick}>
      click
    </div>)}Copy the code

Do you know why react is designed like this

Questions 1 and 2 above are the react event mechanism

You can refer to

• React Event mechanism
• React events and the future

The react scheduling mechanism is used for reference

• 【React in-Depth 】setState execution mechanism

• React setState- How does setState handle updates?

Then take a look at the source code warm up, see yCK big react source code parsing, only warm up the best, finally to see the complete source code will not be so frustrated.

Yck series

• React source code: first heat a body
• React render render
• React source code: render
• React source code: scheduler principle
• React component update process

Now that you’ve warmed up, let’s go to war

React Source Code – Essential skills for advanced Front-end engineers

React source code

Honestly, I’ve been studying it for so long that I haven’t finished reading it…

The likelihood is a bit wrong, oneself sum up probably be this flow

5. Keep thinking

When I look at the source code, I have the following questions

• Why doesn’t Vue have shouldComponentUpdate like React
• Why doesn’t Vue use Fiber time slices like React
• Why is Vue written using templates and React using JSX
• What is the diff difference between Vue and React
• What are the same and different life cycles between Vue and React
• What is the difference between React and Vue event handling? Why does React use its own event mechanism
• Why is react setState asynchronous

Above I am constantly looking at their own source to constantly ask their own questions, constantly self answer or seek answers.

Computer Fundamentals

How to Learn the Web

The web is very important, especially for Web development. In the past, I took a detour and went straight to computer Networks (by Xie Xiren) and TCP/IP Protocol Details. In fact, there is nothing wrong with reading these two books, but the mistake is that there is not enough time to use the fragmented time to read these two books. These two books are very difficult to read without foundation, and not very profitable to read. Because the front end doesn’t really need to worry too much about how many bytes are used for what, just a few concepts, and some important things about HTTP. Later, I went to see Geek Time and found that the basic computer course of Geek time was really better

What’s great about Geek time:

1. His class can fragment learning. The biggest difference between studying on the job and studying at book is the completeness of time. When you study, you can study one thing for a whole morning or a whole day, but when you go to work, you can only pick up one hour at a time. As a result, you will be interrupted before reading, and you don’t know where you saw the last day.
2. Even if the basic things taught in the course are practical, and there is a hands-on link, it is easier to get started than the individual knowledge, and the harvest is greater.
3. Cheap… You read that right, I think his courses are really cheap, compared to those hundreds of thousands of yuan video courses. Most of the original price is about 100, and then the new class will have a discount, plus the discount code, basically is one or two meals. Especially for me this kind of non-science classes, university did not learn computer courses, the cost of this knowledge is really good.

The above blowing so much, trouble geek time to see my money, or give me a coupon code/dog head.

Then I learned it in the following way

I read The Internet protocol first. The author is very vivid from the ground up, quickly help you build computer network architecture. The disadvantage is that in order to understand easily, delete a lot of details, and jump a little big, when you look at the face will still be confused, but there is no question, do not understand the question to stay, the next round will know the answer.

Then look at the HTTP protocol in perspective. For the front-end, HTTP is the most frequently used and most frequently asked for. Look at this cache strategy and you’ll see.

Next, I’ll look at Web protocol and packet capture. This is probably the best network tutorial I have seen, the author from the top down to comb the network, and through the capture of the package to explain the knowledge point, very detailed, benefit. It’s because there are so many details, so many details that I haven’t finished reading it yet. Ashamed of myself.

When I was watching the detailed explanation and packet capture of Web protocol, I suddenly started to understand something I didn’t understand before, and then went back to see it again and again. Knowledge is learned through repetition.

How to learn data structures and algorithms

Data structures and algorithms, a cliche. Many people know the importance, but don’t know where to start. Here are some of the ways I learn.

1. Preliminary understanding

For non-majors, the first step is not to brush problems, but to understand what the basic structure of stack, heap, binary tree is and where it is used. You can first look at the JavaScript version of data Structure and Algorithm course, because JavaScript is used as the teaching language, the threshold of listening to classes will be much lower than that of direct C class. First go step by step according to the teacher, persistence is victory, many people can not stick to the first step on the give up. Note that if you feel that the problem is too difficult, you can just give up, because in fact, the level has not reached, it is very difficult to do

2. Specify goals for learning data structures

The second step. As you go through the first step, you have an idea of what kinds of data structures are commonly used and in what situations they are used. Next every time to have a clear learning goal, for example, I want to learn the linked list well, so I will specifically go to see the knowledge point about stack, data structure and algorithm beauty and algorithm interview pass 40 talk combined to use. In the above list for example, I’ll go to the 06 | list (top) : how to realize the LRU cache elimination algorithm? And 07 | list (below) : how to easily write correct code in the list? . These two articles, learning theory knowledge, and begin to use JavaScript to realize the course demo, then go to the 05 | theory explanation: array & list and 06 | interview questions: reverse a singly linked list & judgment list if there is a ring, finally to he involved in the title of the following is done.

• 21. Merge two ordered lists
• 138. Copy linked lists with random Pointers
• 141. Circular linked lists
• 142. Circular linked List II
• 206. Reverse linked lists

3. For learning algorithms

When a topic is solved, it will enter the next topic, break down one by one, and finally finish the data structure and enter the algorithm learning. The algorithm is divided into binary search, greedy, backtracking, dynamic programming. I am also stuck here, especially for dynamic planning, which I have never seen before. I feel it is incredible that such a complicated problem can be solved in a few lines of code. I feel that the code I typed before is not garbage. Let me give you a quick example of a classic problem

Topic 63. Different Paths II

A robot is located in the upper left corner of an M x N grid (the starting point is marked “Start” in the figure below).

The robot can only move one step to the right or down at a time. The robot attempts to reach the lower right corner of the grid (marked “Finish” in the image below).

Now consider that there are obstacles in the grid. So how many different paths are there going to be from the top left to the bottom right?

Obstacles and empty positions in the grid are represented by 1 and 0 respectively.

Note: The values of m and n are less than 100.

Input: [[0, 0], [0, 0] to [0, 0]] output: 2:3 x3 grid right in the middle there is a barrier. There are two different paths from the upper left corner to the lower right corner: 1. Right -> Right -> Down -> Down 2. Down -> down -> right -> rightCopy the code

Then I thought about a lot of things, but I couldn’t think of anything. I thought the answer was complicated, but it turned out to be so simple that I questioned life

var uniquePathsWithObstacles = function(grid) {
    let m = grid.length, n = grid[0].length
    let dp = []
    for (let i =0; i<=m; i++) dp[i] = new Array(n+1).fill(0)
    if (grid[0][0] == 1) return 0
    dp[1][1] = 1
    for (let i = 1; i<=m ; i++){
        for (let j = 1; j<=n; j++){
            if (i==1 && j ==1) continue
            if (grid[i-1][j-1] ==1) dp[i][j]=0
            else dp[i][j] = dp[i-1][j]+ dp[i][j-1]
        }
    }
    return dp[m][n]
};


Copy the code

I was surprised and puzzled at how to learn until abuladong came up in the Leetcode solution and read his article. It’s a miracle.

Three steps of dynamic planning process:

1. Recursive solution of violence
2. Recursive solution with memo
3. Iterative dynamic programming solution

Thinking process

1. Find states and choices
2. Define dp arrays/functions
3. Look for relationships between states

This article is the best I have seen so far. His other articles are worth checking out as well.

4. For brush questions

In fact, before or called learning, now is the beginning of the brush. Finish the Offer of Finger of Sword before starting to swipe LeetCode. In fact, many topics are leetcode original or adapted, and are more classic.

• The sword refers to offer the JavaScript

After brushing the offer, you can brush leetcode. But remember never to brush by topic number, this is a waste of effort. Can brush according to the following ideas.

• Read other people’s blogs, first to brush interview questions
• Sort by the company you want to work for
• Brush by stack, heap, linked list, binary search, dynamic programming tag

I can do whatever I want with leetCode. I also share some of the best leetCode blogs and a list of topics I have done with leetCode

• awesome-coding-js
• labuladong
• YaxeZhang/Just-Code

Also, I highly recommend my good friend Jsliang’s leetcode article. Jsliang is a very serious and persistent person. He can still brush one or two Leetcode problems every day and share his articles with everyone even though there are not many people reading them. I was humbled to see github.

• Jsliang Leetcode strategy

5. Precautions

Brush title thief kill time, kill time than playing games. I also engaged in more than 3 months, the three months of a basic question for more than 40 minutes, and then no one in the morning, the afternoon and evening to write business like cremation, make overtime even worse. Suggest everybody still is in promotion finish move brick ability, do brush problem again. To put it crudely, now I am still an entry-level player, when I see dachang’s title, if it is not adapted from the classic title, or the difficulty is relatively simple, it is really impossible to do it.

work

Technology and Project

Due to the rapid expansion of the company, the lack of staff, and the company framework is not unified, there will be jQuery, JSP, VUE, REACT projects. I often find myself in an awkward situation of writing VUE in the morning, React in the afternoon and electron in the evening. However, as a result, my technology grows rapidly. Here are three projects that I’m very proud of

61tpl-cli

Since the company has both VUE and React projects, some projects will be generated by VUE-CLI2, some by VUe-cli3, and some by create-react-app. It will be very difficult to change webpack for business purposes or when you want to modify DLL. It’s not business-friendly. And many projects are too big and inefficient to build. Based on the above pain points, I decided to develop a set of scaffolding. Here are the general features

1. Supports the React and VUE frameworks
2. There are webpack and rollup options
3. Supports javascript or typescript
4. Environment selection: local, development, testing, production, grayscale, pre-release
5. When choosing mobile terminal, there are adaptation schemes, compatible with Android 4.4.0
6. The electron frame is out of the box
7. Each template has to do performance optimization, means DLL, multi-threaded packaging and so on
8. Extract the configuration into a separate file with a configuration name similar to vuE-cli2. Vue users will learn it immediately, and React users will learn it quickly as well.

H5 Picture editor

Imitate little red book, you can crop, scale, rotate, mirror symmetry, visual correction, add fixed small icon, brush, little red book picture label association, picture color, picture sharpening and so on. The biggest achievement of this project is the extreme performance. At the beginning, it was composed of a bunch of plug-ins such as Vue-Crop and other components temporarily. When a function was completed, html2Canvas plug-in would be used to synthesize new processing pictures, and then proceed to the next step. And HTML2Canvas is very eat performance calculate, still can synthesize picture failure, become black ？？？？

So you can only remove HTML2Canvas, pull out all the core of the plug-in, and review the linear algebra

The advantage of using a matrix for all changes is that you put the change matrix on the stack during operations and multiply it by the inverse when retreating, so that you don’t have to generate a base64 for every operation. Then each key performance step will be buried, marked with performance. Mark, do performance statistics. Finally, continuous optimization, so that 14 years of 1000 yuan machine can be relatively smooth operation of this, very a sense of achievement.

Desktop live development software

Electron is a powerful cross-platform developer that allows Web developers to develop on the desktop and do some really interesting things with Node. Although this project is not done by myself, it involves some webRTC live streaming technology, video streaming processing, FFmpeg and other things, which are not accessible to many front-end users. I feel that I am on the forefront of the front-end.

Other company matters

There are three major achievements in the company

1. Won the company employee of the Quarter award
2. Being successful as an interviewer with 2 years of experience and often meeting people with more than 3 years of experience feels no pressure at all.
3. Be the leader of the live broadcast front end group

life

habit

See above I study so much, whether feel I work very relaxed, business is too unsaturated. Actually, it is wrong. My business is too saturated. As mentioned in the previous work article, I often send 996 copies all night and have too many things to finish. So how do I find time to study so extreme, mainly I form a habit.

Close to a perverted view of time

I have three tables on my desk

• The countdown is 40 minutes. Every time I arrive 40 minutes later, I have to take a break, which can be combined with the pomodoro technique.
• A stopwatch. One is to test the speed of doing the questions. When I have no idea in 10 minutes, I immediately have to look at the answers, and then count the time required for each question. Another thing is to count the completion time of business functions (the company schedules by hour, so record the approximate length of each function, and prepare for the next schedule).
• My cell phone Ihour keeps track of how many hours I study and how many hours I exercise

Planning and execution

As before, I will have an annual plan, a monthly plan, a weekly plan and daily tasks to be performed, and I will punch in and record what I have learned that day

How to break things down. We talked about it last year. How about the intensity of execution. I usually get up at 7 o ‘clock, brush my teeth and wash my face, and prepare for lunch at noon. Then I go to the company at about 7:40 and study for more than 2 hours. When everyone almost arrives at 9:30, I will study up to 10 o ‘clock according to the task arrangement of the day. There is a period of time due to addiction to brush questions to 12 o ‘clock, the afternoon on the explosion. I leave work at 9:10 p.m. and study until 11 p.m. Proximity means you can do whatever you want (at a price, of course). So basically, even if the business is booming, I can still have more than 2 hours of study time every day. What about unusual times, like 12:03. Because the company has regulations, after 12 o ‘clock tomorrow morning do not have to come to work, work at 3 o ‘clock tomorrow at 5 o ‘clock clock. So I sleep about six or seven hours, and then I kind of drift off and study until it’s time to go to work. Yeah, it’s really hard. It’s really hard. But there’s no way to get more time. So how to maintain efficiency after the time base is guaranteed.

Exercise and diet

To keep my brain clear and lose weight, I eat light. Try not to eat high GI foods such as overly processed foods, rice, etc. Try to eat low GI foods. GI is actually an Acronym for Glycemic Index. It’s also translated as glycemic index. The main reason is that when your blood sugar is too high or too low, you become sleepy and your brain slows down. So to maintain a certain stability of blood sugar, can reduce fatigue, so that the efficiency is higher. Incidentally can achieve weight loss effect.

I use water to boil or steam, induction cooker and health pot can be adjusted timing, basically can follow the steps

1. Do your grocery shopping on weekends, and try to buy as many things as you can
2. In the morning, take food out of the fridge, wash it, and put it in the steam stove and health pot and set the timer.
3. Come back for lunch, make food for the night, and then go to bed
4. In the afternoon, I packed my lunch box to the office and waited for dinner in the evening.

And then exercise, basically taking advantage of the fact that other people are eating in the evening and going to the gym next door between 18 and 19 to swim and run, basically cardio oriented. In fact, this is not the right exercise method, fitness generally requires the combination of aerobic and anaerobic, scientific training of different parts every day, but my exercise goal priority is

1. save
2. Keep your brain awake, don’t be so sleepy at night, sleep soundly and feel refreshed the next day
3. Sustainable efforts
4. To lose weight

So you basically ignore the rules of fitness…

But recently, the company has gone too far. It even has a meeting at 18-19 every day to talk about what you have done today and what you want to do tomorrow. It takes more than a dozen people a few minutes for more than an hour, so that they have irregular meals and no time to exercise. Speak the truth, a recent months with little rest, each class six days a week, some more bad luck to go on duty, 13 days straight, also after 9 PM from work every day, every day and I force myself to get up at 7 o ‘clock to study, because of the loss of movement, just break up again, the business daily reminder, release all night, too much pressure depression lead to insomnia, The company paints and inhales formaldehyde in front of us, and other factors add up to the fact that I occasionally throw up when I eat and have to breathe oxygen when I feel dizzy. In fact, my body is almost finished. Many people told me to leave and absorb formaldehyde and break up all night and insomnia and have no time to exercise and study so high strength, it can kill again, but I didn’t also way, the job hasn’t done for a full year now, my job is to do in a year, job-hopping frequency is high, so I’m afraid I’m not to be rejected by HR interview resume.

Well life to share here, in fact, there are a lot of things not said, but it is not like a person alive, cause everyone discomfort is not good.

feelings

Finally to the title, in fact, this title I hesitated for a long time, finally take this, mostly to mock myself. I and cummer know more than 3 years, experienced a lot, still very not willing to give up between each other, break up when cummer really cried for a long time, although put forward to break up is her, but she is still very helpless. Summarize the reasons for breaking up as follows

1. The gap between the two sides of the world is getting bigger and bigger. My girlfriend is very short of money because her family is sick. The HR salary of ordinary companies is not enough. She often flies to Beijing, Shanghai and Hangzhou for training on business trips, and her vision is getting wider and wider. However, after I resigned from netease, I failed in the postgraduate entrance examination and could not find a job. Finally, I had to work for a company with a salary of 3-4K. Meanwhile, the people around me were also ordinary. Finally, 3 years ago, my girlfriend went from liking me because SHE was more mature than average men to thinking you were childish like a boy.
2. Personal inferiority, one’s deceased father grind failure two years ago, be hit again, and found that netease out incredibly still can’t find a job, because is not fresh graduates only club, club resort company again missing people also want to have the working experience, even if your packaging, lead to look for a job has been hit a wall, as a member of the society to be eliminated, eat, Especially at that time to listen to her girlfriend how good people around her, really want to die (I know she is not intentional), but really give me psychological trauma. I was afraid to talk to her afterwards.
3. Economic pressure, due to my girlfriend’s family problems, she had to rely on internship and weekend tutoring to make money before graduation, and my salary was ONLY 4K, resulting in holidays, let alone gifts, go out to eat AA, we were very poor, but also because of a little money or 1-2 hundred yuan quarrel.
4. Less time to meet. One is that I have low self-esteem and dare not face her; the other is that I have no money to meet her; the other is that I need a lot of time to learn skills. At first, my girlfriend was very unhappy and said THAT I did not take care of her. Later, she was busy with her work and gradually got used to going to dinner, movies and shopping by herself. I became dispensable and quarreled with her because SHE thought I could not understand what she said and she could not understand me. She doesn’t want to see me either.
5. When she graduated, she did not choose to live together. In fact, her feelings at that time were not so weak, but she still wanted to ask me to live together every day. I didn’t jump ship the first time. I didn’t have any money. I refused the second time because I felt that I lived far away from my current company. I wanted more time to make progress and catch up with my girlfriend. So WHEN I was rich, I rented a community near the company.
6. As a result of both sides progress pace gap is too big, produce estrangement, and this estrangement because get along with time too short, cannot resolve, cause estrangement bigger and bigger. Although I said a lot of bad things about her before, in fact, she is really good to me. She did not choose to leave me when I was the poorest, but she was willing to wait for me and pay a lot for me when she found the distance between us was too big. We two used to be true love, but was tortured by reality only helpless.
7. Even if we break up now, we’ll still be in touch, but just friends. Then I don’t have to spend too much time with her, and I don’t have to pay her family some medical expenses and buy some small gifts. Maybe this is the last waiting. I don’t want anyone to take her away from me, so I vowed to work very hard, even if I become a monster in the eyes of others, I will continue to be a sadist, even if there is no hope to continue.

conclusion

Above said a lot of things, affirmation a lot of say I big guy how how affirmation can, actually I am very contradictory, on the one hand I am very confident. To put it bluntly, is my life still human? Although my learning speed has not reached the realm of great god, it is not slow. Basically standing out from the crowd in the company. With this high level of self-discipline, success is a matter of time.

On the other hand, I feel rather inferior, for the following reasons

• Non-academic background. Due to the untrained, there are too many things to return. Even though I passed the cobain stuff, it’s still no match for anyone else. Take an examination of grind to calculate 408, I half a year time to learn completely, learn to die quickly, the result take an examination of the person to tell me this 408 is simpler?? Indeed you are serious to learn 2 years and then take an examination of grind preparation half a year, can compare. Then brush the question, I still really brush now but big factory intern, thief nima embarrassment…
• Not enough time to learn skills. Although I said above how how self-abuse, how to squeeze time, but also only 200 days 800 hours, an average of 4 hours a day (including weekends, statutory holidays). Unlike students, when they are interested, they will brush for half a day, and then when they are tired, they will play games. In the evening, they spend more than 10 hours a day with their girlfriend. They have more than 3 years of time, and they can surf on weekends. Can’t compare, blame blame oneself too like two yuan, use love to generate electricity, university made 3 years cartoon video, wasted time.
• Winter is really cold, let alone my two years of work scum, those who have been laid off from the big factory are also difficult to find a job. I’m an untrained, career-changing, less than a year old, job-hopping scumbag who doesn’t have the endorsement of a big company and often fails my resume. There have been several big factory friends directly pushed me, the result was no follow-up, even the opportunity to interview…

The adult world is not easy, if you want to get the reward, then what is the price? I am willing to pay a heavier price for a dim hope

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