Proceso de desarrollo de aplicaciones web

Proceso

Marco general: establezca el "documento de desarrollo front-end" que incluye la lista de recursos del módulo, las convenciones de nomenclatura de archivos y los casos de referencia, las convenciones de ns clase de js y los casos de referencia, los nombres de campo, las consideraciones de front-end
Modelo de datos: si hay una operación api, los datos de prueba en formato json deben organizarse y establecerse, y el modelo del módulo debe organizarse y establecerse en consecuencia
Interfaz de back-end: revise los datos de prueba con el personal de back-end y establezca la documentación de API para permitir el desarrollo de API de back-end
Lógica de vista: analice la lógica de la interfaz de usuario para determinar la vista del módulo, determinar la función de cada vista y la relación entre vista y vista, vista y modelo (evento)
Desarrollo completo: desarrollo html css js.
Limpie el código: cambie de datos de prueba a datos api ajax, mejore html y css. Resuma el componente y envíelo corriente arriba.

Use jquery get ajax api para datos de prueba durante el desarrollo y setTimeout para devolución de llamada

  $.getJSON('/mock-data/get_post_list.json', function(ret) {
    setTimeout(function() {
      PostList._addItems(ret);
    }, 1000)
  });