vuex Persistence Plug-in Solves Browser Refresh Data Vanishing Problem

As we all know, vuex is a global state management plug-in, but when the browser refreshes, the state in memory will be released. The usual solution is to save the data in local storage, and then assign it to state when vuex is initialized. Manual storage and manual retrieval will be very troublesome. At this time, the vuex-solidification plug-i ...

Posted on Fri, 12 Apr 2019 22:51:31 -0400 by freejellyfish

Talk about the basic packaging types of JavaScript

ECMAScript provides three special reference types for easy manipulation of basic type values: Boolean, Number, and String. Whenever a base type value is read, the background creates an object corresponding to the base wrapper type. The difference between the reference type and the basic packaging type is the lifetime of the object. Instances ...

Posted on Fri, 12 Apr 2019 21:36:32 -0400 by Mchl

Transfer Order of EventListener Events in JavaScript -- Bubble and Capture Propagation

addEventListener() methodTrigger a listening event when the user clicks a button: document.getElementById("myBtn").addEventListener("click", displayDate); The first parameter is the type of event (such as "click" or "mousedown"). Remove onThe second parameter is the function that is called after the event is triggered.The th ...

Posted on Fri, 12 Apr 2019 15:12:32 -0400 by tinkertron

HTML 5 games based on geographic information - simple implementation

I haven't written an article for a long time. Before I had an idea, I would like to make a route according to the user's walking, get the geographical location, and then draw them out. The final effect is similar to the trace left by snail walking. Recently, I think about it, I built an https, implemented it briefly, and provided some ideas for ...

Posted on Fri, 12 Apr 2019 06:00:33 -0400 by davey_b_

React+webpack+Antd Develop a todoMvc from 0 to 1

First, let's take a look at the final shape of our completion. TodoMvc: Learning Necessary Conditions: Understand node.js, ES6, and then your computer must have a new version installed. node No students rushed to install it.Okay, don't talk too much nonsense, just start. The first part of the source code: todoMvc-1step webpack Configuration ...

Posted on Fri, 12 Apr 2019 03:00:32 -0400 by simshaun

vue+echarts realizes the discount graph of draggable nodes (supports the setting of drag direction and upper and lower bounds)

This document mainly uses echarts to realize the discount graph of draggable nodes, and finds a demo, portal in echarts: https://echarts.baidu.com/examples/editor.html?c=line-draggable But it is not written in vue, and in the process of rewriting to Vue components encountered many problems. In Baidu process, found no relevant documents, so deci ...

Posted on Fri, 12 Apr 2019 01:06:33 -0400 by steveh62

FormData and Iframe upload files in two ways

Uploading files with AJAX usually uses FormData objects. A FormData object is a set of key pairs that can be used to simulate a complete form and then send the "form" using XMLHttpRequest. Use of FormData Create an empty FormData object and then add key-value pairs one by one using the append method var formdata = new FormData();for ...

Posted on Thu, 11 Apr 2019 22:18:31 -0400 by andreiga

The Intermediary Model of Design Patterns

Intermediary model We know that objects in a program are not completely independent, they may be related to each other, and they may interact with each other, just like this. Obviously, such complex object relationships are very confusing to manage. But if we change it to something like this, it might not be the same. That is to say, by distr ...

Posted on Thu, 11 Apr 2019 17:06:31 -0400 by jdimino

Hadoop: Build with JavaScript

Explain All operations in this paper are carried out in linux environment. Please indicate the source for reprinting. "Any application that can be written in JavaScript will eventually be written in JavaScript. " As a small front-end, I was inspired by Jeff Atwood's predecessors. The above law was put forward by him. background Rec ...

Posted on Thu, 11 Apr 2019 14:18:31 -0400 by irvieto

Implementation of Hybird's Data-Driven and Script-Driven in IOS

Now Hybird has a lot of articles on the internet, which have been studied recently and shared with you. What is Hybird technology? 1. Generally speaking, it refers to a set of technical schemes which are a mixture of WebView and Native technologies. 2. It can also be understood as the mixed development of non-Native technology and Native tec ...

Posted on Thu, 11 Apr 2019 03:06:31 -0400 by JamesU2002