Kubernetes uses nginx to reverse proxy other services

The company uses K8S to build a test environment, and there are multiple sets of test exchanges. The current idea is to use an export IP for each set of test environment.The plan:1. Build ingress2. Build a reverse agent Combined with the actual situation, we use to build a reverse agent to solve this problem. The following K8S services exist i ...

Added by Mav666 on Sat, 02 Nov 2019 14:05:00 +0200

Transition animation in vue

Preface Remember to use transition and transition group to set transition animation in vue component once. In summary, it can be divided into name version, js hook operation class name version, js hook operation inline style version. Template template structure // Single element <transition name="Custom name"> <p v-if="show ...

Added by quintin on Thu, 31 Oct 2019 14:43:32 +0200

How to do the front end of a large factory? Baidu senior front-end engineer, take you to write the micro front-end framework

Preface Focus on the core implementation and skip to the fourth section: execution process. The commands in this article apply only to shell enabled systems, such as Mac, Ubuntu, and other linux distributions. It is not applicable to windows. If you want to execute the commands in the article under windows, please use git command window (GIT ne ...

Added by wiztek2000 on Thu, 31 Oct 2019 05:05:51 +0200

Vue unit test (Karma+Mocha+Chai)

In daily work and JavaScript development, especially in Vue JS project, testing is very important. Combined with the example given by Vue.js on the official website, it can be summarized as follows: use Mocha & karma, and combine with the official recommendation of Vue. vue-test-utils Go to unit ...

Added by barbgd on Tue, 29 Oct 2019 19:21:23 +0200

Learning record vue(ref, life cycle, component, router)

ref = "name": Registration reference information this.$ref. Name: get object (this is the operation dom node) Calculation attribute: calculated Calling this function in the differential expression directly returns the result, not the function itself. When the data in data changes, it will be calculated automatically. new Vue ...

Added by coder_ on Fri, 25 Oct 2019 21:46:38 +0300

mpvue quick start

Main characteristics Using mpvue to develop applets, you will acquire the following capabilities based on the technical system of applets: Thorough component development ability: improve code reusability Complete Vue.js development experience Convenient Vuex data management solution: easy to build complex applications A quick mechanism to bui ...

Added by BlackKite on Mon, 21 Oct 2019 10:44:30 +0300

vue simple use of mock

I. mock 1, introduction mock is an analog data generator designed to help the front-end develop independently of the back-end and help write unit tests. It can simulate Ajax and return simulation data, so that the front end does not need to call the back-end interface, which is convenient for testing.  2. vue directly uses mock step1: inst ...

Added by BRAINDEATH on Thu, 17 Oct 2019 23:45:57 +0300

Running interval timer with worker in Vue environment

Running interval timer with worker in Vue-Cli environment Today, in code review, we found some problems left over before: In a video playback page, there is a 40ms interval that has been blocking, resulting in a gradual increase in video delay. So I wrote a worker and pulled the timer out and ran alone. The implementation steps are as follows B ...

Added by Jonob on Sun, 13 Oct 2019 22:03:44 +0300

File upload into library MySQL and download

Demand: Excel files need to be parsed, uploaded to a table in the database and downloaded. Technology: ElementUI for front-end vue, spring boot for back-end, mybatis Achieving results:   Upload implementation: 1) Field type selection The field type used to store files in the database is BLO ...

Added by Dlex on Fri, 11 Oct 2019 23:38:20 +0300

Realization of Classification Menu of Goods on the Left Side of E-Commerce

Whether on the pc side or the mobile phone side, there are similar categories on the left side, clicking on the right side to switch the content of the functional page. To achieve this function, the first step is to master the method of left and right layout. Left and right layout Flexible Layout is recommended .parent { display: flex; } ...

Added by AustinP on Fri, 11 Oct 2019 18:13:49 +0300