JS realizes the left and right, up and down movement function of list data

This article mainly introduces the JS implementation to add the data of the selected items in the left drop-down list to the right, which supports multi selection movement. Two schemes are provided in this paper: one is to copy the selected items on the left to the right without changing the data on the left, and preven ...

Posted on Fri, 03 Apr 2020 23:36:59 -0700 by jesse26

Using js to solve the problem of mobile device adaptation

I remember sharing with you about using media query to solve the problem of mobile device adaptation. As a front-end person, when you need to do mobile devices and use media query for mobile adaptation, I believe you will crash at this time. For small editors, the last thing they want to do is to solve the adaptation problem. U ...

Posted on Fri, 03 Apr 2020 22:55:54 -0700 by yogibear333

Vue component development

The page is divided into several components, which simplifies page development, facilitates maintenance and reuses components.   Type of component General components, such as forms, pop ups, menu bars, paging components, etc Business component, which implements a business, such as lottery component Page component, also known as single page, a ...

Posted on Thu, 02 Apr 2020 17:06:25 -0700 by vince81

Demonstration and comparison of JQuery filter selector and property modification

Text matching Enter the value in the form input item, click the judgment button according to the input value, and make the corresponding check box selected   <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/ ...

Posted on Thu, 02 Apr 2020 16:17:08 -0700 by Seas.Comander

Function attempt of Knockout component

Components need to be reused to make sense, so component HTML templates should be independent of external files. The following are component HTML templates <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="template" da ...

Posted on Thu, 02 Apr 2020 14:38:10 -0700 by bran

The front end realizes search history and clear history (angularjs+ionic)

Page effect to achieve:   1. Display historical search, 2. The most recent search is at the top, 2. Display up to 8 history 4. Clear history Train of thought: 1. To display the history first, an array searchItems is required, and each of them is displayed through ng repeat <label class="item item-input input-search"> <input n ...

Posted on Thu, 02 Apr 2020 13:59:52 -0700 by mgmoses

Compare whether two arrays and objects are the same

JavaScript cannot directly compare the equality of two arrays with the = = or = = = operators alert([]==[]); // false alert([]===[]); // false Because Array is an object in JavaScript, the = = or = = = operators can only compare whether two objects are the same instance, that is, whether they are the same object refere ...

Posted on Thu, 02 Apr 2020 11:25:55 -0700 by cyclops

Angular cli 1.6.7 building applications some configuration of webback

Building application of angular cli 1.6.7 Some configuration of webpack Label: Angular The project initialized with ng new my app does not contain the webpack configuration file. You need the ng eject command to add the webpack.config.js configuration file. At this time, the file has a more complete configuration. But there is a lack of other ...

Posted on Wed, 01 Apr 2020 23:50:48 -0700 by mj_23

JavaScript object oriented and prototype

JavaScript object oriented and prototype I. Preface ECMAScript has two development modes: 1. Functional (programming), 2. Object oriented (OOP). Object oriented language has a sign, that is, the concept of class, through which any number of objects with the same properties and methods can be created. However, ECMAScript does ...

Posted on Wed, 01 Apr 2020 21:07:50 -0700 by lizard

Django REST framework+Vue to create fresh supermarket (3)

xadmin background management 3.6.xadmin add rich text plug-in (1) New file ueeditor.py under xadmin/plugins folder The code is as follows: # xadmin/plugins/ueditor.py import xadmin from xadmin.views import BaseAdminPlugin, CreateAdminView, ModelFormAdminView, UpdateAdminView from DjangoUeditor.models import UEditorField from DjangoU ...

Posted on Wed, 01 Apr 2020 19:20:09 -0700 by loony383