React - Picture Input Box - Mobile Web Page _018
React-Picture Input Box-Mobile Web Page
gitHub Address Feels Valuable for Reference
https://github.com/xiaopingzh...
directory structure
.
├── README.md
├── dist
│ ├── bundle.js
│ └── index.html
├── package.json
├── src
│ ├── components
│ │ ├── ErrorPage
│ │ │ ├── ErrorPage.css
│ │ │ └── ErrorPage.js
│ │ ├── Notice
│ ...
Posted by sheraz on Tue, 26 Mar 2019 23:27:29 -0700
Flexible Layout Exercise, Imitate Mobile Phone Taobao Home Page
After reading God's flex tutorial, I decided to write a fake hand to have fun! I'm sure I can finish it by dividing three into five and dividing two. Yes! You're right! ~ ~
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
As a result, I haven't slept in the ...
Posted by JeditL on Mon, 25 Mar 2019 16:00:29 -0700
Some Experiences of IndexedBD (Summary)
Some Experiences of IndexedBD
Tutorial recommendation
HTML5 Local Storage - IndexedDB (1: Basic Use)
html5 web IndexedDB usage details
Front-end database: Introduction to IndexedDB
MDN uses IndexedDB
Experience
Asynchronism of IDB
When you try to retrieve data from result and assign additional values, remember that IDB is an asynchr ...
Posted by tiggy on Mon, 25 Mar 2019 02:33:28 -0700
CSS Common Problems and Solutions
In the process of development, front-end engineers encounter the most headache is the compatibility of browsers, often in order to achieve a compatible browser effect rack their brains. When we usually write front-end code, we also encounter various compatibility problems when typesetting, especially when the boss asks for compatibility with IE ...
Posted by mallard on Mon, 25 Mar 2019 00:51:29 -0700
The gulp article of the front-end engineering chapter makes it easy for you to master gulp [full set of gulp source annotation parsing]
gulp is a build tool that runs on a Node.js-based platform using the modular syntax of commonJs.
We use packages that gulp needs
A TASK task, corresponding to a package, corresponding to a processing logic,
gulp.series corresponds to synchronous tasks, which are executed from left to right in turn. Long time
gulp.parallel corresponds to async ...
Posted by khovorka on Sun, 24 Mar 2019 20:33:28 -0700
File API and NodeJs for Picture Upload
File API of HTML5
The file API of HTML5 makes it easier for us to process image uploads.
Example
html code
<div class="form-group">
<label for="modal_inputFile" class="col-md-3 control-label label-font">Location map:</label>
<div class="col-md-9">
<input type="text" readonly="" class="form-control" ...
Posted by ulrikqk on Sat, 23 Mar 2019 23:27:28 -0700
flex forbids rebound mechanism of ios wechat browser
Problem Description: Because of the rebound mechanism of Wechat Visitor, when html body is scrolled down, the whole page will be pulled down and the words provided by XXX will appear.
Problem recurrence:
Solution: Fix the whole html or body in the browser's visual area with flex. If the content area scrolls, you need to use the scroll plug-in. ...
Posted by ankrah on Thu, 21 Mar 2019 17:06:52 -0700
JS Acquisition Points of Bessel Curve Algorithms
What is the Bessel curve?
Bezier curve, also known as Bezier curve or Bezier curve, is a mathematical curve applied to two-dimensional graphics applications.
In this first-order Bessel curve drawing process, the black dot moves from P 0 - > P 1 as a percentage t, so you can't see anything. ~Let's move on to the following figure.
This is a se ...
Posted by dale282 on Thu, 21 Mar 2019 14:21:53 -0700
ABP Introduction Series (7) - Paging Implementation
ABP Introductory Series Catalogue: Practical Exercise on Learning Abp Framework
After completing the addition, deletion and alteration of the task list, let's talk about the essential paging function.
First of all, I'm glad that ABP has encapsulated our paging implementation. It's really intimate.
Come on, let's take a look at how to use ABP to ...
Posted by Threepwood on Thu, 21 Mar 2019 08:18:52 -0700
Front-end daily combat: 164 # video demonstrates how to create a Sudoku training game with native JS and GSAP (including 4 videos)
Effect preview
Press the "click preview" button on the right to preview the current page, and click the link to preview the whole screen.
https://codepen.io/comehope/pen/mQYobz
Interactive Video
This video is interactive, you can pause the video at any time, edit the code in the video.
Please open it with chrome, safari, edge.
Part 1 ...
Posted by deeppak on Wed, 20 Mar 2019 16:12:31 -0700