GOOCODE - Find your code/scripts

0 NProgress.js provides a page loading progress bar effect. When the page opens and loads, a progress bar loading animation will appear at the top of the page. NProgress.js is a lightweight progress bar component that is easy to use and can be easily integrated into single-page applications.

Directly quote the nprogress.js and nprogress.css files to your page.

0 In the AJAX era, network requests such as APIs are made through XMLHttpRequest or encapsulated frameworks. The fetch framework now produced is simply to provide more powerful and efficient network requests. Although there are currently a few browser compatibility issues, when we make some asynchronous requests, we can use fetch to make perfect network requests.

1 HTML5's FILE api has a slice method that splits the BLOB object. The front end obtains the corresponding file through the FileList object, segments the large file according to the specified splitting manner, and then passes it to the back end one by one, and then the back end then splicing the files in a sequence.

At present, there are two commonly used methods for resuming breakpoints. One is to upload files through the websocket interface, and the other is through ajax. Both methods have their own advantages. Although websocket sounds more high-end, it uses different ones. The other algorithms outside the protocol are basically similar, and the server needs to open the ws interface. Here, the relatively convenient ajax is used to illustrate the idea of uploading the breakpoint.

1 File upload WEB development in a wide range of applications, we often send microblogging, send micro-channel circle of friends have used the picture upload function. File upload refers to the process of uploading local images, videos, audio files to the server for other users to browse or download. Today, I talk to you about the common file (picture) upload methods and points to deal with.

15 By clicking the menu on side of the page it is loaded along with the corresponding slide transition animations, but also with the progress bar effect. Of course, the page loaded is driven by Ajax, the entire loading process of transition is very smooth, with very good user experience.

HTML structure, .cd-main body of the page contains content, .cd-side-navigation contains the side navigation bar, # cd-loading-bar is used to make a progress bar with animation.

6 PHP's serialize a sequence of the variable, the variable type and returns a string expression with a structure, but JSON is a lighter, more user-friendly format for interfaces (AJAX, REST, etc.) for data exchange. In fact, both are in a string manner to reflect a data structure. So what difference does it have between them?

We may see the contents of a database or stored in a text file with a long list of seemingly has a special meaning in the text string some old WEB system. We look carefully will find that it has a data type and structure information, but it is not easy to read manual, it is only suitable PHP program reads. PHP's serialize the array is serialized and stored. We assume that there is such an array:

5 As we all know, since the front end javascript to access cross-domain security restrictions made, javascript can only be accessed with the content of the document that contains it in the same domain. And when we encounter the actual code using iframe cross-domain access, Ajax cross-border communications and other operations, this time the problem of how to break cross-border operations, with examples of this article will tell solutions.

At the same how different subdomains main domain javascript calls? This problem easy to solve, such as the existing primary domain and subdomains helloweba.com abc.helloweba.com, there is a page in helloweba.com embedded iframe pointing to a certain page abc.helloweba.com under, iframe page needs access helloweba. com this js the function code of the page, then the solution is: at the top of the two pages plus document.domain information.

2 SweetAlert can replace the native function alert and confirm showing the pop-up boxes, it will prompt box landscaping, and allows customization, support setting the prompt box title, alert type, content display pictures, confirmation cancel button text, click after the callback function, etc.

First we have to put SweetAlert widget js files and css files into the page.

2 When operating the data list, you need to adjust the order of data rows, move up and down the line as the top line data, etc., these operations can be done by clicking a button in the front, and along with the simple dynamic effects, easy implement sorting tabular data.

The page is a simple data table, we were placed in the data row "Up", "Down" and "top" three links, and three class attributes are defined, we have to implement these operations through jQuery.

5 I have some time before the concept of responsive or Bootstrap, Amaze like the frame assembly, used a few times also disagree, I think the domestic search engine to provide mobile search results page or give mobile site extra points, but not like google responsive as recognition sites may take some time to develop. But there is no doubt that the priority now move to mobile Web trends, of course, if you use the domain name or other solutions are not impossible, but may be more responsive simpler, prospects are also good.

Both three weeks I have been writing every day responsive page, thereby accumulated a lot of experience responsive page and the ajax. I generally focus combing several responsive page, or if you want to develop this talent was viewed with some interest, we hope to give you a little help.