Complete the memory game in JavaScript in 30 minutes

Learn JS, CSS and HTML by building a memory game in 30 minutes! This tutorial introduces some basic concepts about HTML5, CSS3 and JavaScript. We will discuss data attributes, location, perspective, transformation, flexbox, event handling, timeouts, and ternary expressions. You don't need a lot of programming knowledge to read this article. If ...

Posted on Sat, 17 Aug 2019 03:47:53 -0700 by jingato

Summary of Learning in the Preparatory Stage of the 2019 Electric Competition

The next year, I took part in the electric competition. This year, I came to the direction of the TT&C UAV. I mainly recorded some learning experiences. No matter how hard it is, we must refuel!!! Update on July 18, 2019 Recently, our group is intensely preparing for the topic of TT&C quadrup ...

Posted on Sat, 27 Jul 2019 00:27:36 -0700 by calevans

Angular 2 + Troubleshooting: (8) Handwriting an unreliable upload component

Preface Upload function plays an important role in any website. This article mainly talks about how to implement an upload component. Design sketch Functions Supported image format (default parameters are used without reference) Supported picture size Pictures will be compressed (front-end) - loaded asynchronously before uploading The ...

Posted on Fri, 12 Jul 2019 19:15:04 -0700 by Zooter

Angular JS1.X Learning Notes 8 - Custom Directives (Part 1)

AngulaJS instructions are a very powerful feature. An ng-repeat can make it very convenient for us to display a list of data. Instructions are equivalent to a component, which provides us with the possibility of reuse by encapsulating something. Personally, I think the custom instructions are more complicated, so I will start to tackle the key ...

Posted on Thu, 11 Jul 2019 16:07:56 -0700 by goltoof

Angular JS1.X Learning Notes 13-Routing

ThinkPHP framework has the concept of routing. It seems that routing is more a back-end thing. How can Angular run out of a routing? In fact, Angular is focused on one-page applications. One of his applications is generally a page. The changes you see in the content of the page actually change only the content after the # of the URL address. Ro ...

Posted on Thu, 11 Jul 2019 11:15:06 -0700 by aman_batra

UI-Grid Adjustment Column Size

Original: 204 Column Resizing The resize column function allows you to resize each column. To enable it, you must include the "ui.grid.resizeColumns" module, and you must include ui-grid-resize-columns instructions on the table elements. Documents with the "resize column" function are provided in api documents, in partic ...

Posted on Mon, 08 Jul 2019 11:00:35 -0700 by saronoff

Custom Services for Angular Services

Custom Service Hello, everyone. Today I'd like to talk about the customization of Angular's services. As we know, Angular JS is a framework for developing dynamic web projects based on MVC processing mode, which implements two-way binding of MVVM data. Among them, V in MVC is View view, which is specially used for data display and extr ...

Posted on Thu, 04 Jul 2019 14:45:19 -0700 by amazing

First Experience of Vue (2) Instructions with v-prefix

1. v-bind instruction. Instruction is an implementation of Vue which imitates angular. Through instruction, we can manipulate the attribute values of the interface to achieve the purpose of changing the interface. For example, class is an attribute that determines the style of the interface. We make the following changes. This is our basic fr ...

Posted on Sun, 30 Jun 2019 17:41:59 -0700 by dpronk

Topic: Angular 2 - Summary of upgrades from beta to Release 4.0

Reprinted from: https://www.qcloud.com/community/article/832946?fromSource=gwzcw.149714.149714.149714 I. Version Description Original version: 2.0.0-beta.6 Target version: 4.1.1 New scaffolding: Angular-cli Scaffold version: 1.0.0-rc.1 Upgraded version mainly depends on the following: "dependencies": { "@angular/commo ...

Posted on Sat, 29 Jun 2019 15:35:44 -0700 by albinoazn

Css3 Series-Learning Notes on New Features of CSS3

1. Introduction to CSS3 Learning website: http://css.doyoe.com/ 1.1. Principles Principle of Progressive Enhancement For example, rounded corners and box-shadow 2. Selector section nth-child() selector Choose the first five with nth-child(-n+5) His rule is in accordance with the expression kn+b, nth-child(5-n) is ...

Posted on Mon, 24 Jun 2019 17:10:34 -0700 by smixcer