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
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
1000 powder! Use three JS make an exclusive 3D Medal 🥇
backgroundThe defense is broken 😭! Suddenly, I found that the number of fans of SegmentFault platform has exceeded 1000. It is the first of my three blog platforms nuggets, blog Garden and SegmentFault to exceed 1000. So I designed and developed this page to commemorate it. Thank you very much for your attention 🙏, In the future, I will pay ...
Added by wrathyimp on Thu, 20 Jan 2022 14:13:55 +0200
SASS and Compass study notes and using SASS in vue
preface
A simple blog about learning SASS
1, Install SASS
SASS is developed based on Ruby language, so we need to use SASS first Install RubyAfter installation, we can install SASS. Open the command line window and enter gem install sassThen test whether it is installed. On the command line, enter sass -v to display the version num ...
Added by jalbey on Thu, 20 Jan 2022 00:40:33 +0200
New features of CSS3 (I) new selector
Status of CSS3:
1.CSS3 new selector
1.1 attribute selector
1. The attribute selector can select elements according to the specific attributes of elements without the help of class or id selector
2.
Match the above selector:
^Means to select the beginning, $select the end, * select any name
<style>
/* 1.It must be input, b ...
Added by kittrellbj on Wed, 19 Jan 2022 14:50:16 +0200
Interview summary, overall process and technical problems
***
Describe yourself and your work experience (self introduction)
Self introduction: prepare well before the interview and express it fluently and methodically during the interview. It should be a bonus.
Background:
1. The interviewer has time to read your resume only when you introduce yourself. There are too many people to watch a ...
Added by hismightiness on Wed, 19 Jan 2022 14:24:55 +0200
Front end case: my memo (supports the addition, deletion and modification of events, and the code is complete)
This case does not use any framework. It is implemented using js native and DOM operation. The code is complete and can be copied and used immediately.
catalogue
1, Case effect
2, Key points involved
1. Event monitoring
2. DOM node operation
(1) Common node acquisition methods
(2) Common node information acquisition methods
(3) Common ...
Added by Brokenhope on Wed, 19 Jan 2022 10:09:59 +0200
css common components
advantage
1. Separation of content and performance
2. The web page structure is unified and can be reused
3. Very rich styles
4. It is recommended to use css files independent of html
5. Using SEO, it is easy to be included by search engines
Template
Flying ice, template home
grammar
Each declaration ends with a semicolon
Selector{
S ...
Added by olidenia on Wed, 19 Jan 2022 05:28:00 +0200
css drawing triangle (use of border attribute)
1 . Implement a simple triangle
The following triangles can be realized by using the border in the css box model:
Implementation principle:
First, let's look at what a border looks like when adding a border to an element; Assume the following codes:
<div></div>
div {
width: 50px;
height: 50px;
border: 2px solid or ...
Added by danc81 on Tue, 18 Jan 2022 15:08:10 +0200