[project record] build pc Netease cloud music program with Vue electron - build basic page
After the project is created, you can start to write static pages. Before you start, first take a rough look at the official Netease cloud music program style to see which modules can be reused to improve development efficiency.
Like tabbar, module title, some radio stations and mv modules can be reused.
Another is to ensure that there are ...
Added by bizshop on Fri, 11 Feb 2022 04:36:51 +0200
What are server rendering (SSR), client rendering
What are server rendering and client rendering
1, Introduction
1.1 server side rendering (SSR)
sketch: . when you right-click to view the source code, th ...
Added by Fireglo on Fri, 11 Feb 2022 04:14:23 +0200
Differences among calculated, Methods and Watch in vue
1. Calculated attribute
It is very convenient to use js expressions in the template. The purpose of the design is only for simple operation. Putting too much logic in the template will make the template too heavy and difficult to maintain. Therefore, for any complex logic, you should use computational properties.
<!-- Complex operation --& ...
Added by KPH71 on Thu, 10 Feb 2022 23:53:53 +0200
Vue note 2: basic grammar
Vue note 2: basic grammar
1. Interpolation (dynamic content)
Mustache syntax (double braces)
Insert the text data in data into HTML. At this time, the data is responsive.
<span>Message: {{ msg }}</span>
<span>{{firstName}}{{lastName}}</span>
<span>{{firstName+lastName}}</span>
<span>{{firstName+ ...
Added by ckehrer on Thu, 10 Feb 2022 23:41:24 +0200
How to use the novice guidance tool intro.com across pages (across routes) in vue project js
Functional requirements
The company requires novice guidance on its own platform, or cross page and cross routing. I found the novice guidance plug-in on the Internet and finally chose intro JS to use, maybe because it looks a little good, so throw it away.
Most of what I write are ideas. If I can understand it, I should be able to easily ...
Added by adyre on Thu, 10 Feb 2022 23:08:00 +0200
Vue framework 2 Initial attempt of X, dynamic binding, responsive data, event modifier, (including small exercises)
catalogue
Dynamic binding style (supplement to v-bind):
Pass class
Use the form of variables or expressions
2. Object form
3. Array form
Through style
1. Variable or expression
2. Object form
3. Array form
Dynamic binding style (supplement to v-bind):
Pass class
Use the form of variables or expre ...
Added by digioz on Thu, 10 Feb 2022 21:00:41 +0200
On the sixth day of vue, front-end engineering webpack, babel, vue single component, vue scaffold and element UI
--------------Modularization related specifications------------------
1.1 modular overview
Main problems of traditional development mode
name conflictFile dependency
Solve the above problems through modularization
Modularization is to encapsulate a single function into a module (file). Modules are isolated from each other, but internal mem ...
Added by nosmasu on Thu, 10 Feb 2022 20:45:31 +0200
Vue modifier
Vue modifier
The modifier is a half angle period " ”Indicates the special suffix used to indicate that an instruction should be bound in a special way
<form v-on:submit.prevent="onSubmit">...</form>
The. prevent modifier tells the v-on instruction to call event for the triggered event preventDefault()
Event modifie ...
Added by Lexi on Thu, 10 Feb 2022 18:17:13 +0200
Getting to know Vue2: form input binding (with Demo)
Online demonstration
http://demo.xiongze.net/
Download address
https://gitee.com/xiongze/Vue2.git
js reference
<!--Here you can download the reference by yourself or use external dynamic link reference-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
Basic usage
You can use the v-mo ...
Added by iamcaper on Thu, 10 Feb 2022 10:25:48 +0200
Vue -- 03. Life cycle of Vue, asynchronous communication, calculation properties, slots, custom events, and final summary
1, Life cycle of Vue
Official documents: https://cn.vuejs.org/v2/guide/instance.html# Life cycle diagram Vue instances have a complete life cycle, which is a series of processes from the beginning, such as creating initial platform data, compiling templates, mounting DOM, rendering update rendering, unloading and so on. We cal ...
Added by Aebx on Thu, 10 Feb 2022 04:07:55 +0200