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