GOOCODE - Find your code/scripts

0 CDF Talk (Institute Speech) is an innovative speech event launched by the 20th China Development Forum. The theme of the event is "My Future with China". Twelve representatives from Chinese and foreign outstanding people are invited to share their stories with China. In the first issue, please discuss with Baidu founder, chairman and CEO Li Yanhong "China changes technology."

In China, we must make full use of the advantages of data, the advantages of the scene, the advantages of talent, the advantages of capital and the advantages of infrastructure, and push innovation forward.
These innovations can be used not only by China, but also by the world. Through big data, we can create big opportunities for China to contribute technology that belongs to the world.

0 Google URL Shortener officially announced its cessation of support today. Since March 30, 2018, Google has gradually closed the goo.gl URL short URL service. After April 13, 2018, only existing users will be allowed to continue to use the short link generation service. In addition, the user's analysis data can be viewed and the short link information can be downloaded in CSV format. On March 30, 2019, the goo.gl console will be officially closed.

Google's short URL service goo.gl was launched on December 14, 2009, and it has been 9 years since the service was closed. The existing goo.gl link is still available, but the new link has not been created. Google recommends that developers can turn to their Firebase dynamic links, and regular users can only switch to other short URL services.

0 On a page with video playback, sometimes we need to scroll the page to view video-related content information, such as profiles, related comments, etc., then when scrolling the page, the video player will leave the window area, this time we can use JS and CSS technology will The player toggle is fixed to the bottom right corner of the page.

Use jquery to detect the scrolling event of the window and switch the videoBox's class class to the appropriate position to hide and appear in the lower right corner.

0 Echo.js is a standard stand-alone javascript image lazy loading (lazy loading) library. It is very small and fast, only 2KB. It uses HTML5's data-* attribute to delay the request to load image resources without relying on any third-party plugin libraries. Especially suitable for applications that need to load a large number of pictures on the mobile side.

Blank.gif is a 1 x 1 image used as the default image. The attribute value of data-echo is the real address of the image. You can set the width and height of the image, or set it in CSS, otherwise it seems that the image at the bottom and bottom is lazy.

0 We continue to provide the latest front-end javascript and CSS library resources for web enthusiasts. We will share some good front-end resources carefully collected this month, thank you for your continued attention to goocode.

Core UI is a Bootstrap4-based UI library for background management templates. It provides a highly customizable solution and control panel, and is very easy to integrate with the current popular front-end frames, such as: AngularJS, Angular 2, React.js , and Vue.js.

1 Unlock.js is a jQuery slide unlock plugin. At present, many websites use the verification method of sliding to unlock when a user logs in and registers to prevent malicious attacks. The user needs to slide the specified slider to the specified position in order to pass the verification. Unlock.js can implement this sliding unlock function.

The unlock.js plugin has the following features:
Slide to unlock.
Size, color, font size, etc. can be customized.
After the unlock is completed, there will be a callback function to trigger further data processing.

0 Here I have compiled a few fresh and better javascript and CSS libraries to learn about the latest and coolest front-end technology, and I hope to help us.

Whitestorm is a framework for developing 3D webapps and games based on the Three.js engine. It contains many common Three.js tasks, so it's very easy to set up the environment, create objects, add objects, and the official provides a very good one. The tutorial is as good as the react.

0 In the future, goocode will release some well-collected good front-end and back-end resources at the appropriate time every month. Keep an eye on the latest trends in web development. We will share the best resources that are most helpful to everyone. Please keep an eye on goocode.

Flexdatalist is a jQuery plugin for entering autocomplete hints. This library leverages HTML5's /datalist /, allowing developers to easily organize the values and properties of all possible select options. It can run multiple sections, refreshing UI, and is easy to use.

0 basicContext.js is a powerful pure Js context menu plugin. The js context menu plugin can make a left-click menu, a right-click menu, and can customize the location of the menu. It supports all modern browsers, including the mobile side, and it can also be used in conjunction with jquery.

The basicContext.js plugin can be installed via bower or npm.

0 Prior to PSR-4, PHP components and frameworks used the magic method _autoload() or spl_autoload_register() to implement their own autoloaders, so we learned to use each component and framework's unique autoloader, and Nowadays, everyone follows PSR-4, which means we can mix and match multiple PHP components with just one autoloader.

The PHP framework works with an automatic loading mechanism. Autoloading is the process by which the PHP interpreter automatically finds and loads PHP classes as needed at runtime. This is an amazing feature that links many interoperable components of the modern PHP ecosystem.