Code development specification of common problems in front-end development
Record of code non-standard problems often occurred in development
Record of code non-standard problems often occurred in development
1. Template
1.1. Use v-for with v-if1.2. Avoid writing inline styles unless dynamic binding is required1.3. Remove useless code after code copy1.4. Disable complex expressions in templates 2. scrip ...
Added by mdub2112 on Fri, 11 Feb 2022 00:51:23 +0200
CSS3 frame animation summary
Frame animation creates animation by defining key points and key states in an animation.
Although transition also controls the frame, the control granularity is often large, which is mainly for a change process, such as setting the change time / speed and where to start the change in the process of width / background change. Although there ...
Added by scottfossum on Thu, 10 Feb 2022 02:45:46 +0200
CSS box elastic layout
@[TOC]HTML+CSS to realize the elastic layout of web pages
Elastic box
Recommended learning address:
Link: CSS3 flex box. Centering properties understand: align-items justify-content align-content Station B Layout effect: Project address: https://download.csdn.net/download/LF2018131/18888035
Basic knowledge and characteristics
The elastic ...
Added by rusty1001 on Wed, 09 Feb 2022 03:43:37 +0200
vue.js project tiktok APP- tenth: review list function
[warm tips]: if you want to know more about the actual combat content of this project, you can go to vue.js project tiktok APP- project planning Learn more about project planning.
[project address] The project is managed by Git, and the final project will be released to GitHub. Interested partners can learn together to improve the project. Pro ...
Added by oh_maestro on Tue, 08 Feb 2022 23:35:41 +0200
Learn CSS selector, read this article is enough (nearly 20000 words in detail)
Long time no see, I miss you very much! hello everyone!
I'm breeze Yangyang. Today's article is to talk to you about CSS selectors in detail. I hope you can gain something after reading them. Then my hard codewords are worth it. If you have the greatest motivation to lose and like your creation, I might as well continue to support you. The nex ...
Added by Topsy Turvey on Sun, 06 Feb 2022 21:47:32 +0200
1000 lines of code to achieve customized image and send blessings for the year of the tiger
Β
1, Foreword
The year of the tiger is coming. I give you the blessing of the tiger, the sweetness of the tiger, the luck of the tiger, the health of the tiger, the happiness of the tiger, the mood of the tiger, the comfort of the tiger, the success of the tiger, the happiness of the tiger and the life of the tiger!We send blessings to ...
Added by dave_biscuits on Sat, 05 Feb 2022 11:22:22 +0200
css box model and its practical case
π Personal profile
π About the author: Hello, I'm Daniel ππ Personal homepage: Hall owner a Niuπ₯π Support me: like π+ Collection β Email + message ππ£ Series column: web developmentππ¬ Maxim: so far, all failures hinder me from moving forward! π₯
π preface
Today, I summarize the rest of the box model
π· Rounded border ...
Added by jomama on Fri, 04 Feb 2022 07:05:56 +0200
CSS floating layout
Introduction to document flow
What is "document flow"? Simply put, it refers to the order in which elements appear on the page. It can be divided into "normal document flow" and "out of document flow".
1. Normal document flow
Normal document flow, also known as "normal document flow" or "norma ...
Added by donbre on Thu, 03 Feb 2022 21:33:12 +0200
Summary of layout
When using css to write web pages, we need layout to make the web pages look beautiful and attract more attention. Therefore, there are four layout methods: box layout, floating layout, positioning layout and elastic box layout
1. Box layout
The box layout generally uses div tag, which is a block level element, which can set the width and hei ...
Added by stuffradio on Thu, 03 Feb 2022 09:30:00 +0200
ViewPager implements the second section of an automatic rotation chart
The general framework of the viewpager in the previous section has been set up. We found that there is a rotation picture, that is, it can't rotate automatically, and can only slide left and right manually, and it can't slide indefinitely. If you slide to the beginning and end in order, you can't move. Next, we'll realize how to make the pictur ...
Added by whir on Thu, 03 Feb 2022 07:31:46 +0200