fe awesome demos

fe-awesome-demos

vue-awesome-template https://github.com/BryanAdamss/vue-awesome-template; a [email protected] project template based on [email protected]; integrates various common components, wheels, best practices; novices-friendly?

This repo saves some demo cases accumulated when learning front-end, most of which have detailed annotations, which is of great help to beginners; if you like this repo, you are welcome to star and fork

Table of contents (from easy to difficult)

DaNei

• Some demos from Danei's tutorial in the early days
• Important points
  • jQuery plugin
  • jQuery plug-in development best practices
  • Make jQuery plug-in support AMD, CMD, CommonJs specifications
  • Size and position summary

Dmd

• Commonly used code segment related demos (demo is less... lazy)

MiaoV

• Wonderful V tutorials some demos (demo is less... lazy)

Zns

• Smart Club tutorial related demo

CssSecrets

• CssSecrets Book demo
• This link can be viewed online for demonstration

Plugins

• Some simple wheels that I have imitated
• Important points
  • jQuery plugin template
  • Countdown
  • Drag and drag
  • Local pager
  • jsonp implementation
  • Mobile gesture component

Practice

• Some practice demos
• Important points
  • requestAnimationFrame usage summary
  • Summary of native js modular writing
  • Handlebars template engine summary
  • Data type judgment and existence detection
    • For specific articles, please refer to this link
  • JS plugin templates that are compatible with the amd specification
  • jQuery plugin templates that are compatible with the amd specification
  • Twenty lines implement a template engine
  • flex summary
  • flex instance
  • Mobile photo album viewing component PhotoSwipe usage summary
  • Summary of solutions for fixed positioning and input obstructed on mobile terminal
  • Summary of bootstrap-table related APIs
  • Custom scrollbar summary
  • des3 encryption and decryption summary
  • Summary of commonly used map coordinate conversion algorithms
  • Generate composite layer demo

QA

• High-frequency basic test points in interviews
• Array deduplication
  • Array deduplication
  • Array deduplication_The second item starts traversal
  • Array deduplication_filter
  • Array deduplication_es6
  • Array deduplication_Object storage
  • Array deduplication_Sort first
• Shallow copy
  • Shallow copy of array
  • Shallow copy of array_slice
  • Shallow copy of array_concat
  • Shallow copy of array_es6
  • Shallow copy of the object
  • Shallow copy of the object_assign
  • Reference type deep copy
  • Reference type deep copy_JSON
  • Reference type deep copy_compatible
• Summary of traversal methods
  • Array traversal
    • Comparison of array traversal methods
    • Summary of whether to change the original array method
  • Object traversal
    • Object traversal summary
• Random number
• Array minimum maximum value
• DOM Ready
  • DOM loading time
  • ready compatible processing
  • ready ultimate treatment

Canvas

• MOOC canvas tutorial study summary
• MDN canvas tutorial

AngularJs

• AngularJs official document demo summary
• AngularJs Mooke demo summary
• AngularJs Lagou.com example
• AngularJs Kitten Cup Tutorial Summary
• TodoMVC

Vue

• Vue official website learning demo summary
  • For details, please see this link
• Vue Music App Example
• VueCli detailed comment summary

Webpack

• Webpack official website learning demo summary
  • For details, please see this link
• Webpack multi-page practice summary
  • For details, please see this link
  • Related repoWebpackTemplate

Sjms

• Design Pattern Learning Demo Summary
• Common modes
  • General lazy single case
  • Policy Patterns in JS
  • Supports observer mode that publishes first and then subscribes, and provides namespace

other

• Personal Blog
• One PC, mobile project scaffolding
• webpack multi-page scaffolding
• Vue scaffolding