TypeScript Learning-10 Advanced Types
Advanced Types
Intersection Types
Cross-type combines multiple types into one type. This allows us to overlay existing types into one type, which contains all the required characteristics. For example, Person & Serializable & Loggable are both Person and Serializable and Loggable. This means that objects of this type have all thre ...
Posted by imderek on Fri, 04 Feb 2022 18:40:12 +0100
Logon/Exit Function
1. Logon overview
1. Login Business Process
Enter a user name and password on the login pageCall back-end interface for validationAfter validation, jump to the project home page based on the response status in the background
2. Relevant technical points of login business
http is statelessRecord status on client side by cookieLogging status ...
Posted by Jeroen_nld on Fri, 04 Feb 2022 18:06:47 +0100
JavaScript: immediate function
After defining a function in JavaScript, declare a function and immediately execute (call) the function. Such a function is immediately executed function expression (IIFE), also known as immediate function. Typical style:
(function(){
//Execute statement
//......
})()
It can also be:
(function () {
//Execute statement
//......
}())
Recommen ...
Posted by revez2002 on Fri, 04 Feb 2022 15:40:47 +0100
Solve the problem that ng serve starts slow ly after upgrading to Angular v13
Recently, we are upgrading the company's Angular project. The project is built with Angular cli, and the UI uses Angular metal library and lazy loading route. The Angular version is upgraded from v10 to v13. Upgrade instructions: https://update.angular.io/
Problem: after upgrading, ng serve compilation is very slow
It takes 90 seconds just ...
Posted by google_man2000 on Fri, 04 Feb 2022 13:35:20 +0100
vue life cycle
Life cycle of vue
The process from creation to destruction of vue instances is the life cycle. vue each component is independent, and each component has its own life cycle. Life cycle makes it easier for us to form better logic when controlling the whole vue. It can be divided into three stages: Mount stage, update stage and destroy stage. ...
Posted by Fahid on Fri, 04 Feb 2022 12:28:47 +0100
JS interview question - anti shake and throttling
1, Anti shake
Problem scenario: sometimes we encounter such a situation, such as searching in a search box. Without function anti shake, when we modify the value in the input box, what we want is to wait until we complete the input before performing the search for the input keyword. Here, problems begin to appear, such as the following exa ...
Posted by dotsc on Fri, 04 Feb 2022 10:44:51 +0100
The second web front-end training (HTML)
1. Video link
[excellent limit] HTML+CSS+JavaScript+jQuery front-end compulsory course, Xiaobai teaching, front-end foundation, complete version_ Beep beep beep_ bilibili
2. Tutorial link
HTML form | rookie tutorial
3. Form
3.1 form
Form elements allow users to enter content in the form, such as text fields, drop-down lists, radio buttons ...
Posted by Gestahr on Fri, 04 Feb 2022 07:53:38 +0100
Source code learning Vue loader source code
See the Vue loader source code step by step according to the execution process
Usually, when configuring webpack, we will configure a loader and a plugin
// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')
// ...
{
test: /\.vue$/,
loader: 'vue-loader'
},
// ...
plugins: [
new VueLoaderPlugin(),
]
When we run web ...
Posted by LDM2009 on Thu, 03 Feb 2022 21:10:58 +0100
First web front-end training notes (Html basic syntax and common tags)
I What is HTML Html is a language used to describe Web pages. Html is a general markup language used on the web. HTML allows you to format text, add pictures, create links, input forms, frames and tables, and save them as text files that can be read and displayed by the browser.
HTML refers to HyperText Markup Language HTML is not a program ...
Posted by saedm on Thu, 03 Feb 2022 20:18:20 +0100
vue component development
vue component development
Developed in vue, are developed with the idea of component. Generally, when a project is built, component templates will be built first, and shelves will be put up. That is, the <template>view layer, <script>logic layer, and <style>css style layer are defined in the component.
Typically, a comp ...
Posted by shanu_040 on Thu, 03 Feb 2022 18:24:34 +0100