[front end Engineering] II: use, encapsulation and release of automated construction tools Grunt and Gulp
Automated construction
When developing web applications, there are often some commands that need to be repeated in the development stage
NPM Script is the easiest way to automate the build tool flow
"build": "sass scss/main.scss css/style.css --watch",
The preserve hook mechanism of npm script, which executes yarn build before executing yar ...
Added by OU_Student on Sun, 09 Jan 2022 16:12:44 +0200
HTML5 final assignment: Flower Gift website design - flower gift online shopping website (21 pages) HTML+CSS+JavaScript web page design example assignment
HTML5 final assignment: Flower Gift website design - flower gift online shopping website (21 pages) HTML+CSS+JavaScript web page design example assignment
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cos ...
Added by agga.gaag on Sun, 09 Jan 2022 16:02:35 +0200
Day 5 of the project [official website] - Coding of query result page
Project [official website] day 5 - Coding of query result page
Project development process
General directory: the birth of the project [official website]
The first day of the project [official website] - building the overall framework of the back end
The second day of the project [official website] - Preparation of back-end C-end interface ...
Added by KeitaroHimura on Sun, 09 Jan 2022 15:26:42 +0200
File upload and download (Chapter 12)
catalogue How to upload files API related to file upload Realize file upload Realize file download 1, How to upload files To realize the file upload function in Web development, it usually needs to complete two steps: one is to add the upload input item in the Web page; the other is to read the data of the uploaded file in the Servlet and save ...
Added by prexep on Sun, 09 Jan 2022 13:18:19 +0200
vue Proxy data proxy for verification part of source code analysis
initProxy
In addition to preparing for building a responsive system, the idea of data interception can also filter data. Let's look down at the initialization code. After merging options, vue will set a layer of agent for vm instances, which can filter data for vue during template rendering
Vue.prototype._init = function(options) {
// Opt ...
Added by tomkure on Sun, 09 Jan 2022 12:24:50 +0200
Front end to improve code quality -- Design Pattern
Premise: when you initiate a project merger request, you are often called back for modification. The reason is that there are too many low-quality codes. You have thought about it before writing the code, but you have realized the requirements, but the degree of thinking is too superficial. Now you plan to summarize the design model of the code ...
Added by bg on Sun, 09 Jan 2022 11:38:14 +0200
[Milkdown] editor Integration Guide
preface
Recently, due to business needs, a WYSIWYG Markdown editor was integrated. After Google searched, I saw Milkdown. At that time, I was attracted by its appearance as soon as I saw the interface. After experiencing his convenient syntax, I immediately decided to use this editor. However, it was not so smooth in the process of use. The do ...
Added by catreya on Sun, 09 Jan 2022 10:12:38 +0200
Jquery+Css+Html enables front-end verification of login user and password and user login
Jquery+Css+Html enables front-end verification of login user and password and user login
preface
Application scenario: the login of any program can be realized, and the front-end verification of user name, password memory, or mobile phone number, email and other information can be verified.
Tip: the following is the main content of ...
Added by ysu on Sun, 09 Jan 2022 10:05:02 +0200
Handwritten Promise (native Promise analysis V -- encapsulated by resolve, reject and other methods)
Preface: before that, we have successively encapsulated Promise, then and all, and explained the mechanism and packaging process. Now, we will go through the remaining simpler methods.
1. race()
This method is similar to the all method. The passed in parameter is also an array composed of Promise, but its result analysis is relatively simple. ...
Added by ghostrider1337 on Sun, 09 Jan 2022 05:53:35 +0200
Evolution history of Angular Universal
Imagine a scenario where you have been working on your Web project for several months, which is likely to be a Web application and, more specifically, a "single page application". But now it's time to deliver and publish your application to millions of users and... Search engines. In order for your application to succeed, it must be i ...
Added by seran128 on Sun, 09 Jan 2022 04:09:36 +0200