Vue interesting turntable assembly
A rotatable component written with vue, as shown in the figure
layout
Use the number of cards to divide the 360 degree circle evenly, use the absolute positioning to distribute on the external container, and rotate itself through the rotate
computedCardPosStyle(index){
let deg = index * this.unitCardDeg;
let absDeg = Math. ...
Posted by richardw on Sun, 03 Nov 2019 16:04:25 -0800
Vue's Key attributes, v-for and v-if, v-if/v-show, v-pre do not render, v-once only renders once
key attribute
Why add
key -- api explanation
The special attributes of key are mainly used in the virtual dom algorithm of vue. If key is not applicable, vue will use an algorithm to minimize dynamic elements and try to repair / reuse the same type of elements as much as possible. With key, it rearranges the order of elements based on the chan ...
Posted by michelledebeer on Sun, 03 Nov 2019 14:54:48 -0800
vue elementUi tree lazy load usage details
11:17:04, November 21, 2018 Happy cousin Number of readings: 3513
https://blog.csdn.net/a419419/article/details/84315751
Background:
Using elementUI under vue
File:
http://element-cn.eleme.io/#/zh-CN/component/tree#tree-shu-xing-kong-jian
Demand:
Only the data selected in the secondary node is saved; the data selected in ...
Posted by philweb on Sun, 03 Nov 2019 12:06:52 -0800
Basic configuration of multi page application with Vue3.0 and bootstrap
Next is the configuration of multi page application. After installing vue 3.0, you can find that the directory is much smaller than that of 2.0,
public is equivalent to the original static. index.html is the entry of the project. src is the same as before. Cli 3.0 has no build or config. If you want to configure, you need to create the vue.c ...
Posted by c_pattle on Sun, 03 Nov 2019 11:32:24 -0800
vue reads the local excel file and displays it on the web page
I want to read a local xlsx file (task list. Xlsx) and display it on the web page. At first, I choose to build an express server by sending an axios request, but I think it's too complicated to make a server just to read a local file. At last, I read the local file through the "xlsx" module + axios, without the back-end. The steps are ...
Posted by MrLister on Sun, 03 Nov 2019 10:44:28 -0800
Building Vue CLI and introducing element UI
Building Vue cli scaffold
Install git
Install node and configure environment variables, using zip version
# Check whether node is installed successfully
node -v
Use Taobao image
npm config set registry https://registry.npm.taobao.org
# Check whether the configuration is successful
npm config get registry
Install node module cnpm
np ...
Posted by mrjoseph.com on Sun, 03 Nov 2019 08:57:04 -0800
Java's new project learning online notes-day12
3 search front end development 3.1 search page 3.1.1 demand analysis The above figure is the interface of the front end of course search. The user sends a search request to the server through the front end. The search function includes:1. All courses are queried by default and displayed in pages. 2. Search courses by level 1 and level 2 classi ...
Posted by radalin on Sun, 03 Nov 2019 06:52:01 -0800
Spring+Vue integrates UEditor rich text to upload image attachments
Download UEditor
https://ueditor.baidu.com/web...
Download the full source and JSP versions
Spring backend integration
1. Decompress the complete source code, copy the java source code under the jsp directory to the spring mvc backend.
java source code in jsp directory
Integrating spring mvc backend
2. Configure config.json
Unzip JSP versio ...
Posted by llandudno on Sat, 02 Nov 2019 21:31:18 -0700
Data hijacking and data broker
Data hijacking
Data hijacking uses Object.defineProperty() to implement the two-way binding of vue. Let's see how it works.
let obj = {}, txt = ''
Object.defineProperty(obj,'txt',{
set(val) {
console.log('set ....')
txt = val || '';
},
get() {
//get callback will be triggered when getting obj.txt.
...
Posted by flashbot on Fri, 01 Nov 2019 14:51:46 -0700
Cook a delicious CLI
At the beginning, I really want to write a recipe, because of the limited cooking ability, so the title is a lie, ha ha^_~
Today, let's talk about the development of command-line tools (CLI: command-line interface, which will replace the long command-line tool terms with CLI).
After reading this article, you will have a more comprehensive un ...
Posted by buducom on Fri, 01 Nov 2019 05:32:51 -0700