knowledge/categories/web.md

HTML

• HTML5
  • audio
  • video
  • drag and drop
  • more input type
  • more elements
    • section
    • article
    • footer
    • header
  • localstorage
  • websocket
  • canvas
• HTTPS

CSS3

• transition
• transaction
• border-radius
• rgba
• flex
• box-shadow
• svg

CORS

• Nginx proxy
• Server add headers

CDN

• Reduce request amount
• Reduce server network traffic
• Speed up load

Websocket

• Pusher
• Socket.IO

json-schema

• Describe data format
• Clear, machine and human readable
• Complete structure validation

Auth Related

• session
  • store session_id in cookie, server side has a map in memory
• JWT Token
  • expire
• cookie
• local storage

Browser

CSS

• tips

  • inline element can’t set width, modify the display to inline-block

• inline element

  • i
  • span
  • a
  • image
  • label
  • input
  • button
  • textarea
  • br