Summary of problems encountered by Vue3 in creating projects
1.Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=4b09f9b8' does not provide an export named 'default'
[solution]
Configuration file of Vue Router:
Scheme I:
import * as VueRouter from 'vue-router'
import routes from './routers'
const router = VueRouter.createRouter({
history: VueRouter.createWebHashHisto ...
Posted by jpschwartz on Tue, 01 Mar 2022 16:58:30 +0100
Front end training item "CSS&&JavaScript" and "03"
catalogue
design sketch
Blind spots encountered
Source code
design sketch
The functions of color matching, adjusting clarity and changing color are realized
Blind spots encountered
1.< Label > is generally shared with < input >
advantage:
The label text is not only visually associated with its ...
Posted by yakabod on Tue, 01 Mar 2022 01:45:51 +0100
Why did it fail to import css of Cesium in the packaging tool?
1. Cause of the problemI use vite2 + vanillajs template to create CesiumJS project, where, main JS is like this:import { Viewer } from 'cesium'
import './style.css'
import 'cesium/Source/Widgets/widgets.css'
let viewer
const main = () => {
const dom = document.getElementById('app')
viewer = new Viewer(dom)
}
document.addEventListener(' ...
Posted by mherr170 on Mon, 28 Feb 2022 12:06:49 +0100
Double flying swallow layout, Holy Grail layout and flex layout realize three column layout (fixed on both sides and adaptive in the middle)
1. Grail layout
Main: floating + margin left + relative positioning
Write a large container containing middle,left and right. Put the middle in frontThe three containers below the container float and write the height of 200pxWrite 100% for the middle width. At this time, left and right are squeezed into the second line. Set the width of left ...
Posted by philooo on Mon, 28 Feb 2022 11:22:03 +0100
CSS & SVG foreignObject to realize text hollowed out wave animation
I read an article before: CSS tricks | clever use of mixed mode to achieve text hollowed out wave effect , it is very ingenious to integrate CSS animation into the text, mainly using the mixed mode. The effect is like thisWhy use mixed mode? Because this is text and it is impossible to put HTML nodes inside the text, another method will be intr ...
Posted by SQL Advanced on Mon, 28 Feb 2022 05:46:12 +0100
HTML basic learning
HTML Basics
1. Introduction
HyperText Markup Language (HTML) is a standard markup language for creating web pages. HTML runs on the browser and is parsed by the browser.
2. Simple examples
Comment statement format: <-- Contents of comments -- >
<!DOCTYPE html> <!-- Declare as HTML5 file -->
<html lang="en">
< ...
Posted by madolia on Sun, 27 Feb 2022 02:18:48 +0100
css learning record
CSS usage
External style test.css
h1{
color: red;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>css External introduction</title>
<!--External lead-in-->
<link rel="stylesheet" href="test.css" type="text/css"/>
</head>
< ...
Posted by ThunderVike on Fri, 25 Feb 2022 14:09:52 +0100
css and picture theme color
The idea comes from the skeleton screen in "performance optimization": In sites with a large number of pictures, this will be a very nice experience - picture loading is usually uncomfortable. Generally, the bitmap in a good skeleton is a low pixel picture, that is, the general color matching and change are consistent with the actual ...
Posted by jamesbrauman on Thu, 24 Feb 2022 14:07:04 +0100
HTML table (for the use of HTML table, collecting this one is enough)
HTML table
Article catalogue
HTML table
1. Definition of form2. Label of the form3. Cell border4. Merge cells
4.1 merge row cells (colspan)4.2 merge column cells (rowspan) 5. Table format setting
5.1 cell align ment (center, left, right)5.2. Bgcolor & background
5.2.1 cell background color & picture5.2.2 table bac ...
Posted by electronish on Wed, 23 Feb 2022 16:08:23 +0100
H5 canvas introduction to mastery_ The second part (drawing text, pictures, coordinate system, canvas color and style, canvas drawing environment)
catalogue
1. Draw text
2. Draw image
(1) Basic drawing method
(2) Case: sequence frame animation
3. Drawing coordinate system
4. canvas color style and shadow
5.? Complex style
(1) Gradual change
(2) Draw background map
(3) Transformation (emphasis)
6. Related operations of drawing environment
1. Draw text
**ctx.font；** Set t ...
Posted by nerya on Wed, 23 Feb 2022 14:50:16 +0100