[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