Stop confusing observer mode with publish subscribe mode!
Observer modeThere are usually two models in the observer model, one observer and one observed. Literally, when the observed person has some behavior or change, it will notify the observer, and the observer will deal with it according to this behavior or change.Let's take a simple chestnut 🌰: Now there is a landlord (observer) whose house is p ...
Posted by oscar2 on Fri, 11 Feb 2022 15:51:21 +0100
The seventh web front-end training (JavaScript)
1 built in object
The Arguments of the function are only saved in the Arguments of the function
Array object
Date Date object, which is used to create and obtain dates
Math object
String string object, which provides a series of operations on strings
1.1String
charAt (index): returns the character at the specified position
indexOf (chr) ...
Posted by VooDooRT on Fri, 11 Feb 2022 14:37:08 +0100
Front end learning log-5-jQuery
jQuery selector
jQuery is a JavaScript library, which integrates DOM/BOM/JavaScript class library. With simple syntax and cross platform compatibility, it greatly simplifies the operations of JavaScript developers in traversing HTML documents, operating DOM, executing animation and developing Ajax.
Implementation: dynamic effects
Operation: ...
Posted by erasam on Fri, 11 Feb 2022 13:47:30 +0100
How to quickly build your own component library for the team -- Element source code architecture
The article has been included in github , welcome to Watch and Star.brief introductionThe source code architecture of ElementUI is explained in detail, which lays a solid foundation for building the team's own component library based on ElementUI in the next step.How to quickly build your own component library for the team?Component library i ...
Posted by sharugan on Fri, 11 Feb 2022 12:53:15 +0100
Reduce Webpack packaging time
1.1 optimize Loader
For the Loader, Babel must bear the brunt of affecting the packaging efficiency. Because Babel will convert the code into string to generate AST, then continue to transform the AST, and finally generate new code. The larger the project is, the more code is converted, and the lower the efficiency is. Of course, we have a ...
Posted by kycan on Fri, 11 Feb 2022 11:51:46 +0100
Front end Vue element admin, creation and basic configuration of front-end projects
1, Vue element admin
1. Introduction Vue element admin is a background management system integration scheme based on element UI.
Function: https://panjiachen.github.io/vue-element-admin-site/zh/guide/# function
GitHub address: https://github.com/PanJiaChen/vue-element-admin
Project online preview: https://panjiachen.gitee.io/vue-element ...
Posted by DragonHighLord on Fri, 11 Feb 2022 11:12:41 +0100
Python WEB learning notes - WEB server
WEB server learning notes
1, Build a static web server
1. What is a static Web server?
A program that can provide static documents for the requesting browser. Usually, when we browse Baidu news, the news data will change every day. The page we visit is dynamic, while what we develop is static, and the data of the page will not change.
2. Ho ...
Posted by deko on Fri, 11 Feb 2022 09:46:35 +0100
es6 series promise, async, await
1, promise1. IntroductionPromise is a solution for asynchronous programming, which is more reasonable and powerful than the traditional solution "callback functions and events".Advantages of asynchronous operation:Chain operation reduces the difficulty of coding (solving the problem of callback hell)Code readability is significantly e ...
Posted by cptnwinky on Fri, 11 Feb 2022 09:45:37 +0100
Various implementation schemes of tab
1. First build structure and style
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>tab </title>
<style>
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
.box {
width: 500px;
...
Posted by supinum on Fri, 11 Feb 2022 09:39:10 +0100
Realize a simple version of Vue router from zero, which is too easy to understand
1. Meaning: No matter what address the browser visits, the real page visited is always index HTML and vue render different components according to different addresses. Because the real page is unique, the page switching seen by the user is actually the switching of components. This kind of application is called single page application
Â
2. ...
Posted by campsoup1988 on Fri, 11 Feb 2022 06:45:54 +0100