Attention to developing a map class system (openlayers.js) using vue.

Use vue to develop the attention of the map class system. 1. Objects that should be created with maps use less vue data and computed attributes to store data or vuex. Why should we pay attention to this problem? Answer: This is to understand the implementation principle of vue. Principle reference; When you pass a normal JavaScript object int ...

Added by rockofaith on Fri, 17 Jan 2020 18:43:16 +0200

JavaScript Design Mode-Factory Mode

Author| Jeskson Excavation| https://juejin.im/user/5a16e1f3f265da43128096cb What is factory mode? The scene goes to buy dumplings for you to eat, order directly instead of making your own. The restaurant makes dumplings (dumpling process) and sells them directly to customers. class Product{ constructor(name) { this.name = name } init() { ...

Added by pck76 on Mon, 06 Jan 2020 14:27:27 +0200

Nuxt.js Learning - Asynchronous Data

[TOC] 1. Asynchronous data 1.1. Official documents: Nuxt.js extends Vue.js by adding a method called asyncData that allows us to get or process data asynchronously before setting up the data for a component. asyncData method The asyncData method is called before each load of the component (page component only).It can be invoked on the server s ...

Added by homchz on Mon, 06 Jan 2020 01:21:33 +0200

An article takes you through function expressions, recursion, closures, variables, this objects, module scopes in JavaScript

Author| Jeskson Source|Dada Front End Bistro How functions are defined: The first is a function declaration; the second is a function expression. Grammar: function functionName(arg0, arg1, arg2) { // Function Body } In Firefox, Safari, Chrome, and Opera: This property gives you access to the name specified by this function. console.log(funct ...

Added by Twister1004 on Mon, 30 Dec 2019 03:08:45 +0200

Analysis of Vue principle: thoroughly understand the generation process from virtual Dom to real Dom

Previous: Analysis of Vue principle (4): do you know how to generate virtual Dom? After another tree structured JavaScript object, what we need to do now is to form a mapping relationship between this tree and the real Dom tree. First, we briefly review the previous mountComponent methods: export function mountComponent(vm, el) { vm.$el = e ...

Added by EXiT on Mon, 23 Dec 2019 12:23:54 +0200

When the vue list goes to the details page and returns to the list, save the cache and call the interface again

Using keepAlive caching scheme Note that using in the layout page is not necessarily in App.vue, and the judgment may be a little grumpy. It's better to make a sketch and list all the situations. For example: Jump from non cache page to cache list = > clear cache Cache list jump to details = > unclear cache Cache list jump to cache l ...

Added by radalin on Tue, 17 Dec 2019 19:27:29 +0200

H5 wake up APP client

When developing WeChat public number project, share page users sign up to participate in the activity. The activity flow is to be completed on app, and the activity page is clicked to sign up. It needs to check whether the user's mobile phone is installed app, and does not install the guide user to download. If app is installed, the app will be ...

Added by Ree on Wed, 11 Dec 2019 17:21:26 +0200

Styles to be noticed in embedding html in mail

In the work, there is often a need to send mail to users, and front-end engineers are needed to make html format mail. However, due to the limited support of mail clients for styles, many principles need to be paid attention to to to in order to be compatible with many kinds of browsers: 1. Use table+css layout for mail 2. The main part of the ...

Added by rob_maguire on Wed, 11 Dec 2019 11:35:29 +0200

Wechat applet popup wx.showModal does not support image and multi text formats

Add the following code for index.wxml: (wechat applet - the highest level of canvas, how to go beyond the level of canvas, only the cover view tag can be used) <!--index.wxml--> <button class="show-btn" bindtap="showDialogBtn">Popup</button> <!--Popup--> <cover-view class="modal-mask" bindtap="hideModal" wx ...

Added by aleczapka on Tue, 10 Dec 2019 08:37:41 +0200

How is JavaScript implemented in AOP?

The concept of AOP should be familiar to anyone who has used spring. In Dojo, AOP is also supported. I don't know if there is AOP support for other JavaScript frameworks and libraries. AOP is also called face-to-face programming. Students who have used spring must be very familiar with AOP. In js, AOP is a technology point that has been seriou ...

Added by steveangelis on Mon, 09 Dec 2019 01:12:40 +0200