Programmer Think

catalogue 1. List collection thread safety 2.HashSet set thread safety 3.HashMap collection thread safety 4. Eight questions 5. Fair lock and unfair lock 6. Re entrant lock 7. Deadlock 8.Callable interface FutureTask 9.JUC auxiliary class 9.1 CountDownLatch decrease count 9.2 CyclicBarrier 9.3 Semaphore semaphore 1. List collec ...

Vue+elementUi selector remote search Front end code: According to the example given by the official, basically pick it up Official address https://element.eleme.cn/#/zh-CN/component/select This is my code <el-form-item label="Project Leader" prop="projectLeader"> <el-select v-model="form.projectLeader" filterable remote placeholder="P ...

Final effect:   1. Components used Pagination component <el-pagination v-model:currentPage="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange" @current-change="handleCurrentChange"> </el-pagination> 2. Pag ...

      Basic layout of registered components Based on the element UI component library, the DOM structure of the registration form is rendered: 1. Static label + style < El form > < / El form > a set of form labels< El form item > < / El form item > there are several items and groups of < El form item >&l ...

1. When there is only one input under the form, press enter to refresh the page The reason is that the default submission behavior of the form is triggered, and @ submit. Is added to the El form native. Just prevent. <el-form inline @submit.native.prevent> <el-form-item label="order number"> <el-input v-model="query ...

This article is reproduced from WeChat official account If there is infringement, please contact me 1. When there is only one input under the form, press enter to refresh the page The reason is that the default submission behavior of the form is triggered, and @ submit. Is added to the El form native. Just prevent. <el-form inline @submit. ...

User login form - data bidirectional binding <template> <div class="form-container"> <el-form label-width="80px"> <el-form-item label="cell-phone number"> <el-input v-model="form.mobile"></el-input> </el-form-item> <el-form-item label="password"> <el-inp ...

Continue with the previous article. This article mainly talks about the following operators: Remainder operator (%), Exponential operator (* *), Boolean operator (!), Logical & & Logical or (|) Relational operators (>, <, > =, < =) 1. Remainder operator% The sign is% and this operator can find the remainder of the d ...

less overrides the Message width of the Element UI Because the Element UI is used on the mobile phone, it is inevitable to use the Message component of the Element UI. However, most of the Message components can't be displayed completely, which is very ugly (as shown below), so I want to cover the Message style. After looking around the Intern ...

Addition, deletion, modification and query of role list 1. Add role First, write the interface according to the API document; // Add role export const addRolesApi = (data) => { return axios({ method: 'post', url: 'roles', data }) } Reference in the role component, and then bind a click event addRolesClick to the "add ...