Geek Web Front-end development resources Great Meta #002

The weekly geek will summarize this week's most exciting material for everyone, hoping to bring you more inspiration and help! The Geek #gb Course Library # is now online, whether you are a beginner, intermediate, or advanced front-end engineer. This will help you get more and more efficient learning.

• #GB课程库 #

• Geek Web Front-end development resources Great Meta #001

How to write high-performance jquery code

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 4b67a94a-b9a6-41a8-b8fd-b983e85532cb.jpg "/>

Articles that discuss the performance of jquery and JavaScript are not uncommon. However, I plan to summarize some of the speed techniques and some of my own suggestions to improve your jquery and JavaScript code. Good code can lead to speed improvements. Fast rendering and responsiveness means a better user experience.

First, keep in mind that jquery is JavaScript. This means that we should take the same coding conventions, style guides and best practices. Second, if you're a novice JavaScript, I suggest you read the best practices for JavaScript beginners, a high-quality JavaScript tutorial that you'd better read before you touch jquery.

When you are ready to use jquery, I strongly recommend that you follow these guidelines!

Geek Interactive Course: particle motion effects with HTML5 canvas

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ B0ee2160-b46f-4590-b051-0c27a9105e1a.jpg "/>

In this section we will describe the use of the underlying HTML5 canvas API to generate various particle motion effects, and if you are unfamiliar with the underlying HTML5 canvas API, learn the HTML5 Canvas Basics Introductory Course in the course library.

JQuery Smoove Plug-in online demo effect-ABE Media

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ C65f658c-f976-4625-8a7a-a37ad31f02d2.jpg "/>

When you scroll through the page, the content is automatically loaded into your page.

A List Apart Design Pattern Library

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 2ebc1cd7-f69b-4ab0-a0e3-f0266889b54e.jpg "/>

The well-known design blog A List Apart launches a library of web design patterns that contain common components and design patterns in web design.

Free Electronics • Book: Mobile UI Design Patterns

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 1b6ccdec-b87d-4e5e-a9ed-f8f7300791e3.jpg "/>

Contains 46 carefully selected UI design mode of detailed explanation, in-depth explanation of today's most popular apps, I believe you will benefit from reading, free, download it!

Super Cool selection Box jquery Plugin-Select or Die

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 88f95efd-334d-4fc1-87dc-c63805c24d3c.jpg "/>

Select or Die-another jquery plugin that helps you beautify and harden the selection box, with a lot of features to support customization.

Static HTML code analysis tool-Htmlhint

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 4808bb78-824b-4b4e-b7bf-3e9a8335894a.jpg "/>

Developed by Yanis Wang, Htmlhint can help you analyze HTML code errors or related issues and can be easily used in the IDE or the compilation system.

MICROJS: Awesome mini-frame and mini-Library tool

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 94ff9222-c6c4-4da8-9cd0-9b93717e5b4f.jpg "/>

You can search for the desired class library or framework conditionally, as follows:

• Basic framework

• Template engine

• DOM Operations

• CSS Animations

• JavaScript animations

• Data manipulation

• More

Data visualization: Sigma-implemented rollover effect interactive graphics

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ D06b3c73-36c1-4112-9852-52649aca89f8.jpg "/>

Data visualizations from the social collection data generation.

Interactive Effects Data Visualization demo-Wimbledon 2013 | Match Tree

650) this.width=650; "Src=" http://www.gbtags.com/gb/networks/uploadimgthumb/ 8d509e2a-417a-4fb4-88cb-96c313e3266e.jpg "/>

SVG data visualizations developed by D3.

Geek Web Front-end development resources Great Meta #002