Header layout, search verification and AJAX automatic search prompt are encapsulated into components to improve code reusability

index.html header structure and style Design sketch   Static style Part of index.html <!-- head --> <div class="header"> <div class="container"> <!-- h1 Tag is for search engine optimization, indicating importance But don't show too much in the page --> <h1 class=" ...

Posted by laurajohn89 on Sat, 22 Feb 2020 23:51:28 -0800

Inheritance of JavaScript constructors

Legend https://www.xs86.com In the previous article, we talked about JS objects, constructors, and prototype patterns. This article discusses the inheritance of JavaScript Inheritance is one of the most popular concepts in OO language. Many OO languages support two kinds of inheritance: interfa ...

Posted by Trenchant on Sat, 22 Feb 2020 23:37:18 -0800

The principle of react router DOM

Implement rendering different components according to different paths There are two ways to achieve this: HashRouter: it uses monitoring hash change (there is an event hashchange) to realize routing switching. It is a routing container, rendering sub components, and passing (Context context transfe ...

Posted by subrata on Sat, 22 Feb 2020 20:17:50 -0800

Node.js Foundation: Chapter 3

Chapter 1: basic concepts of server 1.1 - composition of the website Web applications are mainly divided into two parts: client and server. Client: the part that runs in the browser is the interface program that the user sees and interacts with. Build using HTML, CSS, JavaScript. Server side: the part running in the server, responsible for sto ...

Posted by ctsiow on Sat, 22 Feb 2020 01:43:32 -0800

Encapsulation, implementation and optimization of display layer (no animation + css3 animation + js animation)

showhide.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>showhide</title> <link rel="stylesheet" href="../css/base.css"> <style> body{ width:400px; margin:0 auto; } button{ width:50%; ...

Posted by chalexan on Fri, 21 Feb 2020 22:43:51 -0800

Solution to the problem that the toolbar button fails after the table of layui is reload ed

After the table in layui uses the toolbar, the buttons on the toolbar will fail when the table is refreshed. The reason is that after the table is reloaded, there is no trigger event for binding toolbar buttons. Therefore, you only need to rebind the binding events of all buttons after the initialization of the table and after the refresh of ...

Posted by stiduck on Fri, 21 Feb 2020 07:47:07 -0800

Summary: How to modify default styles for beautifying radio, checkbox, select

Now that front-end pages are becoming more and more effective, the default input component style obviously does not meet the design requirements.A few years ago, development projects happened to meet the related requirements, and in this particular collation, modify the methods of radio, CheckBox, style. Principle: The general principle i ...

Posted by xX_SuperCrazy_Xx on Thu, 20 Feb 2020 09:22:59 -0800

Three templates in Vue

Because what you have learned is still relatively basic and what you have summarized is also some basic things, it is mainly to review what you have learned and put them together so that you can look back later, so it is only suitable for beginners. 1. html template:HTML templates: DOM-based templates, templates are valid and ...

Posted by Pro.Luv on Tue, 18 Feb 2020 08:07:14 -0800

AJAX advantages, cross domain solutions, JSON data formats and JSON objects in browsers

ajax does not reload the entire web page, update part of the web page technology Note: ajax only works when it is running on the server. I usually use phpstudy locally Advantage: 1. Optimize the user experience 2. It undertakes part of the work of the server and reduces the pressure of the server 3. Optimized the transmission of server-side and ...

Posted by damo87 on Tue, 18 Feb 2020 06:15:57 -0800

java learning notes day17 advanced JavaScript

Today's content: 1. JavaScript: 1. ECMAScript: 2. BOM: 3. DOM: 1. Event DOM simple learning: to meet case requirements *Function: control the content of html document *Get page label (Element) object: element *document.getElementById("id value"): get the element object through ...

Posted by MishieMoo on Tue, 18 Feb 2020 04:54:06 -0800