SUMMARY.md

Summary

• PersonalWiki
• MIT
• Hacker
• Contribution
• Coder
  • Programming Language
    • C/C++
      • cJSON
      • conversion between string, char*, const char*
    • C#
      • Args
      • BitOperation
      • File
      • Enum
    • Java
      • Overview
      • Type
      • Class
      • Package
      • Exception
      • Thread
      • Network Programming
      • JDBC
      • InnerClass
      • Collection
      • GUI
      • IO
    • JavaScript
      • JavaScript Framework | Library
        • Modernizr
        • Interact
        • Classie
        • Google Closure
          • Slow Loop
          • Slow Switch
          • Six Months in a Leaky Boat
        • GreenSock
        • Walkway
        • Dyanmics
        • JQuery
        • node.js
          • Create and publish a node.js module
            • Advanced Topics
              • Lock all dependencies?
          • Create a static server with node.js
          • Use Node to write a command line tool
          • Differences between spawn and exec of child_process
        • React
          • Quick Start
            • Quick Started
            • Tutorials
            • Think in React
          • Guides
            • Why React?
            • Displaying Data
              • JSX Syntax
              • JSX Gotchas
              • JSX Spread Attributes
            • Interactivity and Dynamic UIs
            • Multiple Components
            • Reusable Components
            • Transferring Props
            • Forms
            • Working With the Browser
              • Refs to Components
            • Tooling Integration
              • Language Tooling
              • Package Management
              • Server-side Environments
            • Add-Ons
              • Animation
          • Tips
            • Inline Styles
            • If-Else in JSX
            • Self-Closing Tag
            • Maximum Number of JSX Root Nodes
            • Shorthand for Specifying Pixel Values in style props
            • Type of the Children props
            • Value of null for Controlled Input
            • componentWillReceiveProps Not Triggered After Mounting
            • Props in getInitialState Is an Anti-Pattern
            • DOM Event Listeners in a Component
            • Load Initial Data via AJAX
            • False in JSX
            • Communicate Between Components
            • Expose Component Functions
            • this.props.children undefined
            • Use React with other libraris
            • Dangerously Set innerHTML
          • Webpack
            • Webpack + React
            • React Hot Loader
          • Router
            • React Router
              • Introduction
              • Basics
                • Route Configuraon
                • Route Matching
                • Histories
                • Index
          • Redux
            • React + Redux
          • Pjax
            • Pjax + React
          • Components
            • Mountain
            • Paginate
            • Rectangle Loading
            • Typer
            • Multi-level Navigation
            • Slider
        • Vue
          • Quick Started
          • Guides
            • Vue Instances
            • Template Syntax
            • Computed Properties and Watchers
            • Class and Style Bindings
            • Logical Rendering
            • Event Handling
            • Form Input Bindings
        • Webpack
          • Tutorials
            • Installation
            • Usage
            • Webpack + React
            • Webpack + Font Awesome
            • Tree Shaking
          • APIs
            • Loader
          • Advanced
            • ES3-Compatible Webpack Plugin
            • Resolve?
            • Bundle Style
        • Redux
          • Introduction
          • Basics
            • Actions
            • Reducers
            • Store
            • Data Flow - Data Lifecycle in Redux
            • React + Redux
        • underscore.js
          • Use void 0 rather than undefined
          • Common Type Inference and some useful tutorials
          • Compatibility problems of for ... in
          • The internal function: createAssigner()
          • How to compare the equality of two elements
          • Certain object functions like pick() and create()
          • How to find items in an array
          • How to get an array unique
          • Flatten an array
          • Certain array functions like compact(), difference(), and without()
          • NaN?
          • Array-like Objects
          • How to shuffle an array
          • Group
        • ESLint
          • Installation
          • Configuration
        • ReactiveX
        • Angular
          • AngularJS (1.x)
            • Environment Setup
            • Bootstrapping
            • Static Template
            • AngularJS Templates
            • Components
            • Directory and File Organization of AngularJS Applications
            • Filtering Repeaters
            • Two-way Data Binding
      • Web APIs
        • WebSocket
        • Worker
        • XMLHttpRequest
      • WebAssembly
      • WebGL
        • 2D
          • Canvas
            • Advanced
              • Animated Glowing Line Drawing
              • Animate a progressive drawing of SVG path
              • Finding Contours of a bitmap image
              • Drawing an SVG file
          • SVG
            • Basic
              • Introduction
            • Advanced
              • Calibration parameters for drawing a SVG file
              • Convert all shapes/primitives into path elements of SVG
        • 3D
          • three.js
            • Introduction
              • Create a scene
              • Matrix transformations
              • Camera
            • Advanced
              • Virtual Reality
                • A simple demo created by Ritter Liu
                • WebVR Boilerplate
        • Advanced
          • GLSL
            • Utils
              • webgl.js
              • gl-obj.js
            • Basics
              • The Graphics Rendering Pipeline
              • GLSL Basics
              • Vertex Shaders
      • JSDoc
        • Tags
          • @abstract
          • @access
          • @alias
          • @async
          • @augments
          • @author
          • @borrows
          • @callback
          • @class
        • Advanced
          • Namepaths
      • TC39
        • Stage 4 (Finished)
        • TC39 process
      • Categories
        • Basics
          • Lexical Structure
          • Types, Values, and Variables
            • Arithmetic
            • Infinity & NaN
            • Precision
            • Date and Times
            • Text
            • Wrapper Object(包裝對象)
          • Array
            • How to detect whether an object is an array
            • Methods of an array
          • Object
          • Regular Expressions
            • Basic Skills
            • Programming with Regular Expression
            • Validation and Formatting
            • Words, Lines, and Special Characters
            • Numbers
            • Source Code and Log Files
            • URLs, Paths, and Internet Addresses
            • Markup and Data Formats
          • Data Structure
            • Arrays
            • Lists
            • Stacks
            • Queues
            • Linked Lists
            • Dictionaries
            • Hashing
            • Sets
            • Binary Trees and Binary Search Trees
            • Graphs
          • Parameters Passing
          • Generator
          • Reflect
          • Atomics
        • Advanced
          • ESTree
          • Closures
          • Event Bubbling and Capturing
          • Memory Leak
          • JSONP
          • Shim and Polyfills
          • Strict Mode
          • Module System Style
          • High Performance
            • JavaScript Loading
              • Loading and Execution
            • Coding Technique
              • Data Access
              • DOM Scripting
              • Algorithms and Flow Control
              • Strings and Regular Expressions
              • Responsive Interfaces
              • Ajax
              • Programming Practices
            • Deployment
              • Building and Deploying
            • Testing
              • Tools
            • Advanced
              • Virtual DOM
          • ES6 features
            • Block Scope
            • Arrow Functions
            • Promise
            • Spread Operators
            • Rest Parameters
            • Destructuring Assignment
            • Variables Definition
            • Global
          • Event Loops
          • Unit Tests
          • Asynchronous Programming
          • Aspect-oriented Programming(AOP)
          • Easing Function
          • Currying
    • TypeScript
      • Tutorials
        • Brief Descriptions
        • Integrations
      • Syntax
        • Basic Types
        • Variable Declarations
        • Interfaces
        • Classes
        • Functions
        • Generics
        • Enums
        • Symbol
        • Iterators
        • Modules
        • Namespaces
        • Namespaces and Modules
      • Advanced
        • Type Inferences
        • Type Compatibility
        • Advanced Types
    • CSS
      • CSS Framework
      • Attribute
      • Less
        • Overview
        • Variables
        • Extend
      • Categories
        • External CSS
        • Internal CSS
        • Selector
        • Flexbox
        • Grid
    • HTML
      • Categories
        • Structure
        • Text
        • List
        • Links
        • Image
        • Tables
        • Forms
        • HEAD
        • Tags
      • Extra
        • Extra Markup
        • Flash, Video and Audio
        • Quirks, Standard(Strict) Mode
      • DOM
        • About DOM
        • DOM Structure
        • Layers of Nodes
        • Access Relative Nodes
      • Advanced
        • A transition from IFrame sandbox to CSP
    • Ruby
      • Installation
      • Programming
    • PHP
      • Crash Course
      • Laravel
        • Documents
          • Configurations
          • Installation
          • Cache
        • Note
          • Eloquent
    • Shell
      • Array
  • Algorithm
    • Analysis
      • DC
        • MergeSort
        • QuickSort
      • DP
        • Assembly-line Scheduling Problem
        • Matrix-chain Multiplication Problem
        • Longest Common Subsequence Problem
        • Max Sum Problem
        • 0-1 Knapsack Problem
        • Single-source Shortest Path Problem
          • Bellman-Ford Algorithmn
        • All-Pairs Shortest Path Problem
          • DP Algorithmn
          • Floyd-Warshall Algorithmn
      • Greedy
        • Activity-Selection Problem
        • Fractional Knapsack Problem
        • Single-source Shortest Path Problem
          • Dijkstra Algorithmn
      • Search
        • Back-Tracking
          • N-Queen Problem
        • Branch & Bound
          • 15-Puzzle Problem
      • Random
        • Genetic Algorithmn
        • Simulated Annealing Algorithmn
    • Sort
      • Overview
      • InsertSort
      • BubbleSort
      • MergeSort
      • HeapSort
      • QuickSort
      • CountSort
      • RadixSort
      • BucketSort
    • Encode
      • Huffman Coding
      • Arithmetic Coding
      • LZW Coding
    • Computability
  • Thought
    • Coder
      • OOP
    • Designer
      • The laws of Elegance
      • The laws of Simplicity
    • Life
      • Recruitment for start-up companies
  • Database
    • A lock
  • Network
    • Overview
    • Coding
      • Socket
        • UDP Socket Coding
        • Original Socket Coding
      • Read
      • Write
      • Close
      • Server
        • Bind
        • Listen
        • Accept
        • Model of Sever
      • Client
        • Connect
      • Multiplex
        • Select
        • Poll
      • IO
        • IO
    • 5 Layers - the structure of Network
      • Application Layer
        • HTTP
          • HTTP Response Status Code
          • HTTP Request Methods
          • Idempotence (幂等性) between HTTP Request Methods
          • Different versions of HTTP
          • HTTP Headers
            • Headers around resource caching
            • Headers around CORS (Cross-Origin Resource Sharing)
            • Fetch metadata request headers
        • DNS
        • RPC
        • Practices
          • Web Communication
      • Transport Layer
        • Out of band(OOB, 帶外數據)
      • Network Layer
      • DataLink Layer
      • Physical Layer
  • OS
    • Thread & Process
      • 守護進程
      • Create Processes
      • Signal
      • Kill processes
      • Interprocesses Communication(IPC)
        • pipe & fifo
        • message queue
        • shared memory & memory mapped file
        • semaphore
        • UNIX socket
    • IO
  • Embedded System
    • Concepts
    • Interruption
    • Cache
    • DMA
    • Assembly Language
    • DSP
    • Autogen
    • Store Resource
    • The design of PARWAN
  • Software Architecture
    • Categories
      • Style
        • Dataflow
        • Call/Return
        • Data centric/Shared data
        • Virtual Machine
        • Independent Components
      • Quality Attributes
        • Usability(易用性)
        • Security(安全性)
        • Testability(可測試性)
        • Availability(可用性)
        • Modifiability(可修改性)
        • Performance(性能)
      • Modeling and Documenting
        • Class Diagram
        • Object Diagram
        • State Diagram
        • Interaction Diagram
        • Activity Diagram
        • State Diagram
        • Communication Diagram
        • Sequence Diagram
        • Timing Diagram
        • Interaction Overview Diagram
        • Package Diagram
        • Component Diagram
        • Deployment Diagram
        • Use-case Diagram
      • Architecture Tradeoff Analyse Method
    • Advanced
      • Progressive Web Apps (PWA)
  • Project Management
    • Introduction
    • IT Context
    • Process Groups
    • Project Integration Management
    • Project Scope Management
    • Project Time Management
    • Project Cost Management
    • Project Quality Management
    • Project Human Resource Management
    • Project Communication Management
    • Review
  • Multimedia
  • Git
    • Get projects from the repository
    • Record updates
    • Patch
    • Submodule
    • A successful Git branching model
    • Personal Configuration
    • Git Commit Message Convention
    • Try to shrink sizes of large Git repository
    • A useful collection of Git commands
  • Video & Image
    • OpenCV
  • Security Vulnerabilities
    • Injection
    • Broken Authentication
    • Sensitive Data Exposure
    • XML External Entities (XXE)
• Designer
  • Creativity
    • Websites
    • Awards
  • WeByDo
  • Falcoon
• Posts
  • Posts
    • Common Posts
      • [轉載] 5 Reasons Why Your Startup Needs a Security Consultant
      • [轉載] Optimizing images for SEO
      • [轉載] Code Review Best Practices
      • [原創] An automatically deployed GitBook project
    • Front-end
      • [轉載] 大公司裏怎麼開發和部署前端代碼
      • [轉載] 前端工程 -- 基礎篇
      • [轉載] Leverage Browser Caching
        • Defining optimal Cache-Control policy
        • Invalidating and updating cached responses
        • Caching checklist
      • [轉載] Javascript中判斷數組的正確姿勢
      • [轉載] JavaScript 原型中的哲學思想
      • [轉載] 前端開發面試題
      • [轉載] 22個優質的 React 開源項目
      • [轉載] 使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript
      • [原創] Something about float and clear in CSS
      • [轉載] Beat Detection Using JavaScript and the Web Audio API
      • [轉載] Drawing Audio Waveforms
      • [轉載] Presentational and Container Components
      • [轉載] CSS Blend Modes could be the next big thing in Web Design
      • [轉載] Basics of CSS Blend Modes
      • [轉載] Drawing images using edge detection and SVG animation
      • [轉載] Styling SVG use Content with CSS
      • [轉載] 前端技術體系大局觀
      • [原創] How to draw in JavaScript?
      • [轉載] Create a Dynamic Point Mesh Animation with HTML5 Canvas
      • [轉載] ALGORITHM SUNDAYS: CONVERTING ROMAN NUMERALS
      • [轉載] Animated Heat Distortion Effects with WebGL
      • [原創] Kaleidoscope
      • [轉載] HTML5的WebGL實現的3D和2D拓撲樹
      • [轉載] Rain & Water Effect Experiments
      • [原創] How to make React components actually reusable
      • [轉載] 前端服务化——页面搭建工具的死与生
      • [轉載] What happens when...
      • [轉載] Preload, Prefetch And Priorities in Chrome
      • [轉載] Font-size: An Unexpectedly Complex CSS Property
      • [原創] Web skills for creating watermarks
      • [轉載] The Gooey Effect
      • [轉載] Moving the mouse: mouseover/out, mouseenter/leave
    • Design
      • [原創] Mingtocat
      • [原創] Memorial Missions for 12.17 Shenzhen
      • [轉載] So, You're a Web Designer, Right?
      • [轉載] Discover the Full Story of City's Buildings
    • Back-end
      • [轉載] 99%的人都理解錯了HTTP中GET與POST的區別
      • [轉載] Internationalized Domain Names (IDN) in Google Chrome
    • CV (Computer Vision)
      • [轉載] 從圖像到知識: 深度神經網絡實現圖像理解的原理解析
      • [轉載] OpenCV (C++ vs Python) vs MATLAB for Computer Vision
      • [轉載] Facial Landmark Detection
      • [轉載] Face Morph Using OpenCV — C++ / Python
      • [轉載] Face Swap using OpenCV ( C++ / Python )
      • [轉載] YOLO: Real-Time Object Detection
• Questions & Answer
  • Q&A
    • Common QA
      • How to use browser better
      • How PGP encryption works
      • How to use Gitbook to write something
      • How to specify a ssh key for some git operations on a certain domain
      • How to support Chinese for Git client in Windows
      • What is Gist
      • What are the differences between .zip, .rar, .deb, and .tar files
      • Sublime Text 3 Pluggin
      • Some commands of SVN
      • Some common problems of ssh keys in GitHub
      • Charsets of files
    • Linux
      • How to see logs of crontab in Ubuntu
      • How to solve the problem of dpkg sub-process throwing a error in Ubuntu
      • How to see the version of Ubuntu
      • How to set the default window size of the Terminal in Ubuntu
      • How to install composer in Ubuntu
      • How to build up osmocomBB in Ubuntu
      • How to build up gqxr in Ubuntu
      • How to install atom in Ubuntu 32 bits
      • How to deploy TL-WN722N in Ubuntu 14.04
      • How to free cached memory in Ubuntu
      • How to use curl in Linux
      • How to install double-boot Ubuntu in a Macbook Air
      • How to deploy a shadowsocks server on a Vultr VPS
      • Why does the shell script always break down when running for statement
      • Some commands of Linux
      • Some problems of building gr-rsm
      • Some problems of building Virtual AGC
      • Set up portal with WifiDog + AuthPuppy
    • Front-end
      • How to make a smart picture showing with css
      • How to upload files and data with jQuery ajax
      • How to write footer with CSS
      • How to write triangles with CSS
      • How to write menu button with CSS
      • How to write a new scroll bar with CSS
      • How to use JavaScript to interact with Android and IOS
      • How to convert JSON to Markdown
      • How to use powerful rem with responsive web app development
      • How to know the valueOf() method
      • How to convert string between Unicode and Ascii with JavaScript
      • How to convert string between HTML entities and Ascii with JavaScript
      • How to get current timestamp with JavaScript
      • How to preload resources with JavaScript
      • How to detect whether a document is inside a iframe with JavaScript
      • How to manage JavaScript projects with Lerna
      • How to preview an image after uploaded with file input and FileReader
      • How to calculate the FPS value of a page
      • How to calculate the size of an iFrame
      • How to detect IE version with JavaScript
      • How to calculate the width of a scrollbar in browsers
      • How to hide input[file] in IE8
      • How to build up Android development environment when using Ionic and Cordova to build APP
      • How to define a function with dynamical name
      • How to handle error message and binary response with Axios within a same request
      • How to detect changes upon the disabled attribute of input elements?
      • How to avoid XSS when trying to modify HTML content via DOM
      • How JavaScript emulate private members?
      • Something about scrolling
      • Something about !DOCTYPE
      • Something about iframe
      • Something about parsing JSON
      • Something about typesetting in CSS
      • Differences between link and import
      • Differences between Cookie, localStorage, and sessionStorage
      • What's the difference between tilde(~) and caret(^) in package.json?
      • What's new in HTML5
      • Remove DOM elements and restore again?
      • Base64 encode or decode in Javascript
    • Back-end
      • How to solve the lib problem when using xampp to shell_exec c++ files
      • How to add dns for a server
      • How to enable Navicat with remote accessing database
      • How to build up Node.js and npm on Windows
      • How to use master-slave synchronization between two servers
      • How to set ssh with asymmetric keys on servers
      • How to enable MySQL logs and watch them
      • How to check whether it's PC's accessment in PHP
      • How to get real IP of clients with PHP
      • How to pass a callback function as a parameter in PHP
      • How to json_encode Chinese in PHP
      • How to check connecting status
      • What is ETag
      • What is Cassandra
      • Differences between URL, URI and URN
      • Differences between CGI, FastCGI, PHP-CGI, PHP-FPM, Spawn-FCGI
    • CV (Computer Vision)
      • How to set up Dlib in the Visual Studio 2013
      • How to compile Dlib(C++) on Linux
      • How to build up OpenCV on Linux
      • How to detect squares in an image with OpenCV
      • How to use ffmpeg in c/c++
      • Some problems of releasing memory in C++
• Idols
  • Sara Soueidan
  • Chris Gannon
  • 原デザインKenya Hara, 原研哉
• Books
  • Coder
    • Antirez's news
      • Redis Manifesto
      • 75: Redis new data structure: the HyperLogLog
    • Gates Notes
    • Front-End
  • Designer
    • Kenya Hara
• Translation
  • Translation Works
    • Translate
      • Distributing React components
      • Your Timeline for Learning React
      • Stack Overflow: The Architecture - 2016
      • A successful Git branching model
      • Memory Leak Detection in C++
      • The WebGL potential
      • How GitHub Works
        • Hours are Bullshit
        • Be Asynchronous
        • Creativity is Important
      • Angular vs. React - the tie breaker
      • Improve Angular Performance with React
      • Give it five minutes
      • OpenCV (C++ vs Python) vs MATLAB for Computer Vision
      • Apollo-11
      • Google Interview University
      • Styling SVG Content with CSS
      • Align SVG Icons to Text and Say Goodbye to Font Icons
      • React "Aha" Moments
      • How to Achieve Reusability with React Components
    • Proofread
      • Things I Wish I Were Told About React Native
      • Making React Native apps accessible
      • How we "CSS" at BigCommerce
      • 3 New CSS Features to Learn in 2017
    • References
      • [轉載] 翻譯的誤區(一) 不知道把名詞轉換為動詞
      • [轉載] 翻譯的誤區(二) 認為“雅”是最高境界
• Job
  • Summary
    • Note
      • FFmpeg
      • ImageMagick
      • Docker
        • English
        • 中文
      • Redis
      • Jpush
      • Laravel
      • M3U8
      • API Format
      • Graduation Thesis
      • GSM
        • Architecture
        • Protocol Stack