Tabla de contenido
1. ¿Qué es un producto atrevido?
2. A continuación quiero hablar sobre el bucle de eventos.
3. Algunas teclas de acceso directo para la ventana cmd
4. La diferencia entre componentes y complementos
5. Llame al método de la aplicación después de que el proyecto vue esté integrado en la aplicación.
7. Encuestas cortas y encuestas largas
8. Biblioteca de momentos de front-end
9. Terminal móvil: tocar fondo y renovarse para hacer realidad las ideas centrales
12.git instrucciones de operación comunes
1. ¿Qué es un producto atrevido?
Por ejemplo, Youdao Cloud Notes Feishu y otros proyectos orientados a empresas, estos proyectos son productos SaaS. El software y los servicios también son responsables de las actualizaciones de productos posventa y la implementación del servidor, como la instalación. Servicios de tren.
Asistente creativo dice:
Los productos Sass se refieren a productos basados en el modelo de software como servicio basado en tecnología en la nube. Por lo general, se puede acceder a ellos y utilizarlos a través de la red sin necesidad de que los usuarios instalen o tengan una infraestructura de TI compleja. Normalmente, el proveedor gestiona y mantiene estos productos para garantizar la seguridad y disponibilidad de los datos. Los usuarios solo necesitan suscribirse a los servicios correspondientes según sea necesario y luego pueden utilizar funciones y herramientas relacionadas para satisfacer sus necesidades comerciales. Por ejemplo, Youdao Cloud Notes, DingTalk, Tencent Conference, etc. son todos productos Sass.
2. A continuación quiero hablar sobre el bucle de eventos.
Todos sabemos que js es un lenguaje de subproceso único. Cuando ejecutamos tareas, las colocaremos en la cola de tareas de arriba a abajo. Las tareas se dividen en tareas sincrónicas y tareas asincrónicas. Durante el proceso de ejecución, se ejecutarán tareas sincrónicas. Primero, las tareas asincrónicas se dividen en tareas macro y micro tareas. Las tareas macro son temporizadores y temporizadores. Las tareas micro son promesas. Al ejecutar una tarea asincrónica, las micro tareas en la cola se ejecutarán primero en orden de arriba a abajo, y luego se ejecutarán las macrotareas, dando prioridad a las macrotareas, sincronice la tarea en la tarea, luego ejecute la microtarea en la macrotarea y luego ejecute la siguiente macrotarea una vez completada la ejecución.
Tareas macro: script, solicitud asincrónica Ajax, setTimeOut, setInterval, eventos dom, otras tareas macro
Microtask Promise (.luego, .catch, .finalmente), proceso.nextTick, otras microtareas,
3. Algunas teclas de acceso directo para la ventana cmd
tecla de acceso directo
alt+f4 cerrar ventana
Alt+shift+esc para abrir el administrador de tareas
Alt+espacio abre el menú
Ingrese exit en la línea de comando para salir
4. La diferencia entre componentes y complementos
El componente es el módulo comercial utilizado para constituir su aplicación y su objetivo es App.vue. Los complementos son módulos funcionales que se utilizan para mejorar su pila de tecnología y su objetivo es el propio Vue.
Los complementos brindan servicios directamente, los complementos no necesitan ser desarrollados y se pueden introducir y utilizar directamente. Los componentes son solo ruedas que constituyen funciones.
Los componentes pueden ser grandes o pequeños. Todo el proyecto vue se compone de componentes .vue. Cada componente puede ejecutarse de forma independiente.
5. Llame al método de la aplicación después de que el proyecto vue esté integrado en la aplicación.
Primero determine el entorno y luego llame al método proporcionado por el extremo correspondiente.
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
window.webkit.messageHandlers.js_month_report_change_id.postMessage(id)
} else if (navigator.userAgent.match(/(android|Android);?/i)) {
window.Android.monthChange(id);
}6. Haga clic en el botón editar para regresar directamente a la parte superior y el cursor del cuadro de entrada parpadeará y se enfocará.
<van-field
ref="input"
v-model="text"
rows="2"
autosize
type="textarea"
maxlength="800"
placeholder="请输入内容"
show-word-limit
/>
test(){
window.scrollTo(0,0);
this.$refs.input.focus();
},7. Encuestas cortas y encuestas largas
sondeo corto
El sondeo breve es fácil de entender: en un intervalo de tiempo específico, el navegador envía una solicitud HTTP al servidor, el servidor devuelve datos de mensajes no leídos al cliente en tiempo real y el navegador los procesa y muestra.
Se puede utilizar un temporizador JS simple para solicitar la interfaz de recuento de mensajes no leídos una vez por segundo.
Dado que los datos push no cambian con frecuencia, el cliente realizará una solicitud independientemente de si se generan nuevos mensajes en el backend en este momento, lo que inevitablemente ejercerá mucha presión sobre el servidor y desperdiciará ancho de banda y recursos del servidor.
sondeo largo
Es común utilizar WebSocket. Después de un protocolo de enlace TCP, el cliente y el servidor establecen una conexión persistente. Mientras el cliente no se desconecte activamente, la comunicación continuará. Mientras haya nuevos mensajes, el cliente los recibirá en tiempo.
8. Biblioteca de momentos de front-end
Mucha gente pregunta por qué tanta gente usaba la biblioteca del momento antes.
Si solo necesita convertir el formato de hora, realmente puede encontrar una manera en línea de encapsularlo en un método público.
La razón es que la biblioteca de momentos no solo puede convertir el formato de hora de un lado a otro, sino también comparar la hora actual y la hora especificada según cuántos días hay. Existen métodos correspondientes, por lo que es muy práctico en muchos proyectos.
var at = this.$moment(time).format('YYYY-MM-DD')
var to = this.$moment(new Date()).format('YYYY-MM-DD')
if(this.$moment(to).diff(at, 'day')<7){
//
}9. Terminal móvil: tocar fondo y renovarse para hacer realidad las ideas centrales
获取滚动条高度，页面可视区域高度，页面滚动高度
如果页面可视区域高度加页面滚动高度大于等于滚动条高度，执行刷新
如果页面可视区域只有一屏或小于一屏，获取手势滑动事件，上滑即刷新
10.sintaxis jsx
Combina la flexibilidad de js y la semántica de xml, y se representa a través del método de renderizado de la instancia de vue. Es similar a la sintaxis de la plantilla, pero algunas son diferentes, como { {}} se convierte en {}, la sintaxis jsx puede use directamente la sintaxis de bucle es6. Vue generalmente solo se usa cuando se encapsulan componentes públicos, como la ventana emergente de mensajes en tiempo real en la esquina inferior derecha de la página. Las páginas de React están escritas básicamente en sintaxis jsx.
11. El componente secundario monitorea el valor del componente principal y actualiza el valor en tiempo real.
watch: {
"$parent.childCompanyName": function () {
console.log('1 :>> ', this.$parent.childCompanyName);
this.$set(this.valueObj,"companyName", this.$parent.childCompanyName);
},
},12.git instrucciones de operación comunes
Cuando usamos git add, accidentalmente agregamos archivos que no queremos enviar o queremos actualizarlos y luego los enviamos juntos, entonces necesitamos deshacerlos.
git restablecer CABEZA
Volver a la última operación en su conjunto
git restablecer nombre de archivo HEAD
Revertir un archivo a la última operación
1. No usar el código de caché de git add
1) Abandonar un determinado comando de archivo local: git checkout - nombre de archivo
2) Descartar todos los comandos de modificación de archivos: git checkout.
2. Se ha utilizado git add para almacenar en caché el código, pero no se ha utilizado git commit.
1) Abandonar un determinado comando de archivo local y volver a git add. Antes: git reset HEAD filename
2) Abandone todos los comandos de modificación de archivos y regrese a git add.Antes: git reset HEAD
3. El código se envió usando git commit. Tenga en cuenta que usar la reversión en este momento no retendrá nuestras modificaciones de código.
1) Regresar al estado de la última confirmación: git reset --hard HEAD^
2) O retroceder a cualquier versión de git reset --hard commit id, use el comando git log para ver el historial de git commit y el commit id: git reset --hard commit id