Vue3-Use Amap, mask, customize icons, click on icons to enlarge, and get local weather at the same time

1. Enter the Amap open platform Amap Open Platform | Amap Map API 2. Console-My Application-Create New Application-Add Key Key will be generated after clicking submit 3. Download in the project yarn add @amap/amap-jsapi-loader 4.Introduce it into the required page import AMapLoader from “@amap/amap-jsapi-loader”; /*When used in Vue3, you need to introduce the shallowRef method […]

Functional interface Consumer, BiConsumer, Supplier, Predicate, Function, BiFunction

Functional interface Consumer, BiConsumer, Supplier, Predicate, Function, BiFunction 1. Consumer The Java Consumer interface comes from the java.util.function package introduced in Java 8. Consumer is a functional interface used as a task target for lambda expressions or method references (passing a parameter to execute the specified method). The functional interface of Consumer is an operation […]

Element-ui and Element-plus get all icons

Element-ui export const iconFontList = [ ‘el-icon-platform-eleme’, ‘el-icon-eleme’, ‘el-icon-delete-solid’, ‘el-icon-delete’, ‘el-icon-s-tools’, ‘el-icon-setting’, ‘el-icon-user-solid’, ‘el-icon-user’, ‘el-icon-phone’, ‘el-icon-phone-outline’, ‘el-icon-more’, ‘el-icon-more-outline’, ‘el-icon-star-on’, ‘el-icon-star-off’, ‘el-icon-s-goods’, ‘el-icon-goods’, ‘el-icon-warning’, ‘el-icon-warning-outline’, ‘el-icon-question’, ‘el-icon-info’, ‘el-icon-remove’, ‘el-icon-circle-plus’, ‘el-icon-success’, ‘el-icon-error’, ‘el-icon-zoom-in’, ‘el-icon-zoom-out’, ‘el-icon-remove-outline’, ‘el-icon-circle-plus-outline’, ‘el-icon-circle-check’, ‘el-icon-circle-close’, ‘el-icon-s-help’, ‘el-icon-help’, ‘el-icon-minus’, ‘el-icon-plus’, ‘el-icon-check’, ‘el-icon-close’, ‘el-icon-picture’, ‘el-icon-picture-outline’, ‘el-icon-picture-outline-round’, ‘el-icon-upload’, ‘el-icon-upload2’, ‘el-icon-download’, ‘el-icon-camera-solid’, ‘el-icon-camera’, ‘el-icon-video-camera-solid’, ‘el-icon-video-camera’, ‘el-icon-message-solid’, ‘el-icon-bell’, ‘el-icon-s-cooperation’, […]

2. The front-end Gaode map and rendering marker (Marker) introduce custom icons, and manually set the zoom

To achieve this effect, let’s take a look at the current page display: There is a legend on the left, we can zoom out the map in a way, and the dynamic marker is on the right. At that time, the backend will definitely return the corresponding color identification, text display, and coordinate points to […]

[Java] Jdk8 function interface Supplier, Function, Predicate, Consumer, BiFunction, BiPredicate, BiConsumer

Overview Supplier, Function, Predicate, Consumer, BiFunction, BiPredicate, BiConsumer are part of the Java functional interface, which are used to define different types of functions, thus providing a more flexible way to process data in functional programming. Supplier: Represents a supplier that does not accept any parameters, but returns a result. Its abstract method is T […]

el-carousel put multiple boxes and modify icons on one screen

el-carousel put multiple boxes and modify icons on one screen 3 in a row <el-carousel :loop=”false” :interval=”3000″ arrow=”never” indicator-position=”outside” ref=”newCarousel” > <el-carousel-item v-for=”item in newsArr” :key=”item.index”> <div class=”newsList”> <div class=”news_body” v-for=”el in item” :key=”el.id” > <p class=”date”> {<!– –>{<!– –> `${<!– –>el.time.split(“-“)[1]}.${<!– –> ->el.time.split(“-“)[2]}` }} </p> <p class=”year”> {<!– –>{<!– –> el.time.split(“-“)[0].split(“:”)[1] }} </p> <div […]

How to use svg icons in VUE project

This article takes you through the use of svg icons! Article directory foreword 1. The advantages of SVG compared to font icons 2. Use steps 1. Create a new vue2 project 2. Install project dependencies 3. Create a new folder in the src directory 4. Create the svg-icon component 5. Introduce index.js under icons in […]

[Ant Design of Vue] Use of custom SVG icons

1. Requirements Since the Icon icon provided by Ant Design Vue cannot meet the needs of the project (the demand icon is not provided), we use a custom SVG icon 2. Technology stack Front-end framework: vue2 + Vue Cli Front-end UI framework: Ant Design of Vue (v1.7.8) 3. Method 1 vue-svg-loader This is the usage […]

emoji emoticons, unicode emoticons

Table of Contents Preface ?use New in Unicode version 1.1 ? New in Unicode version 3.0 New in Unicode 3.2 ?Added in version 4.0 of Unicode New in Unicode 5.1 ? New in Unicode version 5.2 New in Unicode 6.0 New in Unicode 6.1 New in Unicode 7.0 New in Unicode version 8.0 New in […]

Displays associated icons and descriptions for files and folders

PUBLIC oForm As Explorer oForm = CREATE OBJECT(“Explorer”) oForm.Visible=.T. * end of main DEFINE CLASS Explorer As Form #DEFINE LVM_FIRST 0x1000 #DEFINE LVM_GETIMAGELIST (LVM_FIRST + 2) #DEFINE LVM_SETIMAGELIST (LVM_FIRST + 3) #DEFINE LVM_SETITEM (LVM_FIRST + 6) #DEFINE LVIF_IMAGE 0x0002 #DEFINE LVSIL_SMALL 1 #DEFINE LVS_SHAREIMAGELISTS 0x0040 #DEFINE GWL_STYLE -16 #DEFINE MAX_PATH 260 #DEFINE SHGFI_SYSICONINDEX 0x000004000 #DEFINE […]