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

Write a JS Call Stack Visualizer hound-trace

background Recently, when analyzing some frame sources, while writing notes, some function call stacks want to be recorded as flowcharts and opened http://draw.io Is an operation, after drawing several call stacks, it feels troublesome.So squatting in the toilet, I started to think, since the call stack can be printed out with console.trace(), ...

Posted on Thu, 15 Aug 2019 09:08:54 -0700 by foreknowapparel

Build a full stack application using MongoDB, React, Node and Express (MERN)

Original: Let's build a full stack MongoDB, React, Node and Express (MERN) appAuthor: jelo riveraTranslator: BoxuanIn order to ensure the readability of the article, free translation is adopted instead of literal translation. When I want to move from front-end developers to full stack developers, it's hard to find an article that contains all ...

Posted on Thu, 15 Aug 2019 05:36:59 -0700 by wilorichie

React Native iOS Mixed Development

Links to the original text: https://www.jianshu.com/p/66eb84f13bd8 When developing RN, communication between JS and Native is usually indispensable. For example, when initializing RN, Native transfers data to JS, JS calls Native's album ...

Posted on Wed, 14 Aug 2019 04:06:05 -0700 by smti

Reaction-native-wechat Sharing the Pit of Wechat Apps

The first time I wrote it was to share some pits in the process of sharing widgets on Android. My Google and Baidu have been sharing problems for a long time, but there are still some problems that do not have good answers, so I summarize them. Many people use the RN for Wechat Sharing. yorkie/react-nat ...

Posted on Sun, 11 Aug 2019 22:58:39 -0700 by abakash

Ant Design Pro - Practice React Hooks - Components

demand Background project, using Ant Design Pro, has such a requirement: there is a table, the width is adaptive, there is a column in the table is notes, the length of the text is variable, we want to use ellipsis when the text is too long, and there is a prompt box to display the full text when the mouse is hovering. Design I plan to design a ...

Posted on Fri, 09 Aug 2019 00:29:09 -0700 by EcLip$e

Advanced Guide to Reaction

react advancement Lazy load React.lazyFunctions allow you to handle dynamic imports like rendering regular components.SuspenseLoad indicators elegantly degrade components.fallbackProperty accepts whatever you want to show during component loading React Elements. const OtherComponent = React.lazy(() => import('./OtherComponent')); function M ...

Posted on Thu, 08 Aug 2019 02:18:20 -0700 by rklapwijk

Summary of react related technologies

Summary of react related technologies react Chinese Document Scaffolding created-react-app Create React App is an official scaffolding tool developed by FaceBook's React team to build React single page applications. It integrates Webpack itself, and configures a series of built-in loader s and d ...

Posted on Thu, 01 Aug 2019 01:08:53 -0700 by redbullmarky

Vue knowledge point sorting-routing (vue-router)

What is routing ** Back-end routing: ** For ordinary websites, all hyperlinks are URL addresses, and all URL addresses correspond to the corresponding resources on the server; Front-end routing: ** For single-page applications, hash(#) in the URL is used to switch between different pages. At the s ...

Posted on Wed, 31 Jul 2019 06:51:49 -0700 by raydona

Single Page Routing Switching Principle/Simple Implementation

Preface Recent react learning, when using react-router-dom, the principle of history and routing handover implementation are not understood, after learning to sum up! If you just use the following principles of react with history, you probably won't use them. But when you need to use your own history or a third-room history, you need to unders ...

Posted on Mon, 22 Jul 2019 22:04:12 -0700 by akrocks_extreme