Replacing px with rem in vue project - usage method - 01
Mobile page adaptation, rem and vw adaptation scheme
Base point: rem is relative to the font size of the root node. So no px; Root font: font size px; px: think of it as something like cm; Benchmark: 750 design draft (general UI designers give 750 design draft);
tool
vue cli: use scaffold to build vue front-end project Postcss: it is a ...
Added by crazy_carl on Sat, 22 Jan 2022 03:05:41 +0200
vue editor web shop decoration rapid development template npm vue jsonschema form
This editor is extracted from the open source project: Vue JSON Schema Form The Editor section It is extracted to facilitate secondary development, use and learning Original author: Liu Jun Official website: https://vue-json-schema-form.lljj.me/
Primary directory structure: Route - route Vue route directory │ └─routes └─views └─editor Table ...
Added by dexter_sherban on Sat, 22 Jan 2022 01:20:07 +0200
New API in Vue3
Common Composition API
setup
Vue3.0 is a newly added configuration item. The value is a functionsetup is the of all composition APIsThe data and methods used in the component need to be configured in the setup functionThere are two return values of the setup function:
If the return is an object, the attributes and methods in the object can ...
Added by ericdorman on Fri, 21 Jan 2022 20:28:11 +0200
Crazy God says Vue notes
Preliminary knowledge review
SSM review
Mybatis
Spring
spring mvc
Vue's core library only focuses on view layers to facilitate integration with third-party libraries or existing projects.
HTML + CSS + JS: View: show the user and refresh the data given by the background
Network communication: axios
Page Jump: Vue router ...
Added by mikwit on Fri, 21 Jan 2022 20:16:43 +0200
Replacing px with rem in vue project
unscramble
1. Why is the width of the mobile page rendering 640 or 750?
To be honest, of course, but for the sake of specification, 640 or 750 is relatively appropriate. Take the Iphone 5s for example. Its css pixel width is 320px. Because its dpr=2, its physical pixel width is 320 × 2 = 640px, which is why you cut a picture in 5s a ...
Added by madsporkmurderer on Fri, 21 Jan 2022 15:45:52 +0200
Insensitive refresh token
When it comes to the login token, the product asks a question: can I make the token expire a little longer? I have to log in frequently.
Front end: back end, can you set the token expiration time longer.
Back end: Yes, but that's not safe. You can use a better method.
Front end: what method?
Back end: give you the interface to refresh the t ...
Added by billspeg on Fri, 21 Jan 2022 14:08:58 +0200
Vue learning record
network application
axios: import first and then reference
axios.get("url").then(function(response){
}, funcition(err){})
Vue Foundation
Vue data unidirectional transmission
Vue is actually based on MVVM design pattern Controlled area: View Instance object: View Model data: Model in Vue
Vue data bidirectional transmission
v-mode ...
Added by andychurchill on Fri, 21 Jan 2022 02:19:34 +0200
Initialization of vue data rendering (vue source code analysis 1)
The following code and analysis process need to be combined with Vue JS source code view, through the break point one by one comparison.
I code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body& ...
Added by AcidDriver on Fri, 21 Jan 2022 01:02:56 +0200
Learn Vue | Vue router in simple terms
Vue routing
Vue Router is Vue JS official routing manager. It and Vue JS core deep integration makes it easy to build single page applications. The functions include:
Nested routing / view tablesModular, component-based routing configurationRouting parameters, queries, wildcardsBased on Vue View transition effect of JS transition systemFi ...
Added by phpuser_2000 on Thu, 20 Jan 2022 20:29:02 +0200
Read the element UI source code and how to find the style and component entry file
How to read?
First, find the entry fileFind style and component filesAre there any reusable small components, and what are the large components composed of these small components
Entry file
Project startup document:
"scripts": {
"bootstrap": "yarn || npm i",
"build:file": "node build/bin/iconInit.js & node build/bin/build-entr ...
Added by Megahertza on Thu, 20 Jan 2022 17:32:05 +0200