ES6 QuickStart for JavaScript

1, ES6 grammar guide After the back-end project is built, the front-end page is next. But before that, some preparations are needed. We need to learn the Syntax Standard of ES6. What is ES6? ECMAScript version 6 standard. 1. What is ECMAScript? Let's take a look at the development of the front end: web1.0 era: The original web page is mai ...

Added by congos on Mon, 17 Jan 2022 15:22:07 +0200

HTML CSS (Basic) Chapter4(Pink) composite selector

1. CSS composite selector The descendant selector is also known as the include selector. You can select the child elements of the parent element (li is the child of ol). Element 1 and element 2 must be separated by spacesDescendant selectors can be a combination of basic selectorsThe child selector can only select the nearest child eleme ...

Added by RockyShark on Mon, 17 Jan 2022 04:58:38 +0200

CSS floating and how to remove floating

1, First we need to know what floating is Take the official word The float of CSS is a method to separate elements from the document flow. It will move elements to the left or right, and the surrounding elements will be rearranged. Float is often used for images, but it is also very useful in layout. In plain English CSS floating is like fl ...

Added by MasterHernan on Sun, 16 Jan 2022 18:08:27 +0200

Attack the front-end HTML5 crossing a learning record

1. Content outline 1. New attribute placeholderCalendar, date, time, email, url, searchContentEditableDraggableHiddenContent-menuData val (custom attribute) 2. New label Semantic labelcanvassvgAudio (sound playback)Video (video playback) 3.API Mobile web development generally refers to h5Location requiredGravity sensing (gyroscope in mobi ...

Added by NuLL[PL] on Sat, 15 Jan 2022 18:49:53 +0200

Fabric.js three methods of changing pictures (including changing pictures in the group and caching)

Introduction to this articleI listed three in fabric JS to replace the picture.It also includes the operation of changing pictures in the group.Environment and versionChrome browser version: 96.0.4664.45Fabric.js version: 4.6.0I developed it in the native environment, and also provided a code developed in Vue3 environment (there is a link at th ...

Added by 10legit10quit on Fri, 14 Jan 2022 21:58:17 +0200

Vue learning series - 05 - most detailed learning process (full of dry goods)

Vue learning series - 05 - most detailed learning process (full of dry goods) preface 04 - Portal This chapter will advance to a new chapter! Start with componentization We all know that the rainbow can't be seen until the wind and rain. But we all hope to sit directly in the rainbow. Others have arranged a beautiful world for y ...

Added by Benny007 on Fri, 14 Jan 2022 12:35:33 +0200

Array grouping in JavaScript: array groupBy()

Array grouping in JavaScript: array groupBy()Original text: https://dmitripavlutin.com/ja...Due to the rich library of standard utilities, many developers prefer the Ruby programming language. For example, Arrays in Ruby There are a lot of ways.JavaScript has also gradually enriched its standard library of strings and arrays. For example, in th ...

Added by breadcom on Fri, 14 Jan 2022 07:43:38 +0200

Vue quick start (IDEA version) one article is a quick start (you can directly develop front-end and back-end separation projects)

1, Vue quick start In 2008, google's Chrome was released, and then it occupied the market at a very fast speed, surpassing IE to become the leader of the browser market. In 2009, based on Google's Chrome v8 engine, Ryan Dahl created an asynchronous IO framework based on event loop: node js. Asynchronous lO based on time cycle Single thread ...

Added by Grant Holmes on Thu, 13 Jan 2022 21:53:40 +0200

CSS secret: special shape drawing adaptive ellipse, trapezoid and parallelogram

catalog: 1,Adaptive ellipse rendering 2,Drawing of parallelogram 3,Corner cutting effect 4,Trapezoidal tab 1. Adaptive ellipse renderingProblem Description: we know that as long as we set a fixed value or percentage for border radius, we can achieve the effect of fillet, but how to achieve ellipse?In fact, we can use border radius to separatel ...

Added by senatedc on Thu, 13 Jan 2022 18:07:34 +0200

Bootstrap practice - responsive layout

1, Introduction Responsive layout is that a website can be compatible with multiple terminals, rather than making a specific version for each terminal. This concept was born to solve the problem of mobile Internet browsing. Navigation bar and rotation account for a high proportion in the head of most websites, especially the navigation bar, whi ...

Added by cbyrns1125 on Tue, 11 Jan 2022 17:53:42 +0200