04-VUE Common Instructions Best Practices
Background analysis
Traditional html does not support definitions of structures such as expressions, branch statements, looping statements, etc. To compensate for the shortcomings of many front-end frameworks, the template engine enhances the functionality of html by adding custom attributes to html elements and then processing html custom ...
Added by exec1 on Thu, 09 Sep 2021 02:00:13 +0300
Share 15 code snippets commonly used in JavaScript work
preface
Original intention: Sort out the JavaScript tips commonly used in work and share them with you. I hope it can help you to improve development efficiency in your work.
Suitable for people: Front end primary development, big guys detour.
1. Function parameter default value
Before Es6, if we want to write the default valu ...
Added by prime on Wed, 08 Sep 2021 08:39:55 +0300
Exploration of black-and-white implementation of App. Is there a one line code implementation scheme? It is recommended to learn
It looks like a lot of work.
Later, I was thinking, since the web side can add a gray effect to the whole page, should our app also be ok?
How do we add a grayscale effect to the app page?
Under normal circumstances, our app page is actually drawn by Canvas, right?
The corresponding API of Canvas must also support grayscale.
So is it OK fo ...
Added by ealderton on Mon, 06 Sep 2021 06:13:45 +0300
HTML Basics - Summary of common tags 1
HTML Basics - Summary of common tags 1
Title Tag <h1>...</h1>
......
<h6>...</h6>
Display text in a prominent manner on the page characteristic:
The font size changes, h1 is the largest and h6 is the smallestThe fonts are boldExclusive rowVertical distance from top to bottom Properties: align sets the horizontal a ...
Added by bluegreen1 on Sun, 05 Sep 2021 06:18:06 +0300
Picture magnifying glass function of an East commodity detail page
First, let's look at the effect of an East:
This case can be divided into three functional modules:
The mouse passes through the small picture box, the mask layer and the large picture box are displayed, and leaves the hidden mask layer and the large picture box.The mask layer follows the mouse.Move the mask layer and the big picture follows ...
Added by curb on Sun, 05 Sep 2021 02:37:01 +0300
Bootstrap learning notes 2
This article records common tool classes.
record
Borders:
// Set border
<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>
// Remove border
<span class="border-0"& ...
Added by mrbaseball34 on Sat, 04 Sep 2021 07:55:21 +0300
Canvas Getting Started 6 requestAnimationFrame for Animation
The learning resources for this article come from "Graphics, Animation and Game Development of HTML5 Canvas Core Technologies"
Try not to use setInterval and setTimeout to animate, but rather use the requestAnimationFrame() method to let the browser decide the frame rate on its own.
Because browsers differ in the implementation of ...
Added by dawho9 on Tue, 07 Jul 2020 17:40:43 +0300
canvas tags for HTML5
canvas tags for HTML5
preface
text
What is canvas
Basic use of canvas
canvas element
Rendering context
Test support
canvas drawing concept
Coordinate space
Draw rectangle
Draw path
Draw arc
arc example 1
arc example 2
arc example 3
Add canvas style
fillStyle
strokeStyle
Draw text
Add text sty ...
Added by cresler on Wed, 24 Jun 2020 09:22:11 +0300
Don't worry about picture processing, give you ten helpers
In this paper, Apollo will introduce ten "little helpers" for your little buddies, each with unique skills such as blurring, compressing, cropping, rotating, synthesizing, and comparing.I'm sure you'll be able to cope with most picture processing scenarios easily once you know them.
But before ...
Added by tr0gd0rr on Tue, 23 Jun 2020 04:29:55 +0300
Native js implements addClass,removeClass,hasClass methods
1.hasClass()
//Determine whether a class exists
function hasClass(element, value) {
var cls = value || '';
//\s Matches any white space characters, including spaces, tabs, page breaks, and so on
if (cls.replace(/\s/g, '').length == 0) {
return false; //Returns false when no parameter is returned ...
Added by geroid on Thu, 21 May 2020 19:13:09 +0300