¿Cuáles son las teclas de acceso directo para hbuilder?
alt+[coincidir corchetes
Alt+↓ salta a la siguiente área editable.
Ctrl+Alt+j fusiona la siguiente línea.
ctrl+alt+/Asistente de selección
ctrl+Intro y avance de línea
Ctrl+Mayús+intro y avance de línea.
Ctrl+d elimina una línea.
Ctrl+Shift +R copia la línea anterior.
Crear estructura HTML: h 8 (presione h para activar la lista de bloques de código, presione 8 para seleccionar el octavo elemento, el bloque de código HTML, o presione h t Enter)
Salto de línea :' Ctrl+ Enter '
Establecer juego de caracteres: me6enter
Referencia js externo: s2enter' ctrl+enter '
Crear bloque js: s Enter
Crear función: f u n 3 (o fun n n enter)
Nombra la función: Who is E
Saltar al final de la función: Fin 'Alt+[' ↓ ' Ctrl+Enter ' (Alt+[ salta al paréntesis correspondiente).
Crear nodo de estilo:s t Enter ↓ 'Ctrl+Enter '
Hacer referencia a CSS externo: l Enter Enter
Saltar a la siguiente área editable:' Alt+ ↓ '
Crear etiqueta img: Estoy Enter Enter Enter ' Ctrl+Enter '
Insertar salto de línea: "Shift+Enter" Enter
Crear div y configurar la identificación y la clase: d ingreso d1 → espacio c y presiono Enter (la lista de clases que se solicita aquí está definida en test.css).
Ir a la definición de la clase: "Ctrl+Alt+D" (mantenga presionado Alt y haga clic con el mouse)
Desactivar pestañas: "Ctrl+w" (puede use Ctrl +e para alternar el carácter de tabulación).
Agregue el atributo personalizado data-test y asígnelo a 1: → espacio d7T e s t pestaña 1.
Combina las siguientes líneas: "Ctrl+Alt+j" "Ctrl+Enter"
Crea un hipervínculo y establece el ID: A Enter → Espacio I Ingreso A1.
Utilice el Asistente de selección para seleccionar # d 1:' ctrl+Alt+←' ctrl+Alt+←' ctrl+Alt+←' (si las teclas de método abreviado entran en conflicto, puede usar Alt+S U o hacer doble clic la cita).
El enlace modificado apunta al recién creado a1: retroceso ' alt+/'enter' ctrl+enter '.
Crear ul: uEnter
Contraer código: "Ctrl+Alt+-"
Inserte una línea en blanco hacia arriba: 'Ctrl+Shift+Enter'Tab( Generalmente , la tecla de método abreviado Ctrl + una letra se convierte en Ctrl + Shift + la misma letra, lo que a menudo significa el significado opuesto).
Cuando no hay un bloque de código, use la sintaxis de emmet para crear una etiqueta: n a v Tab (si no comprende la tecnología emmet, busque y aprenda, el front-end debe aprender).
Utilice Mayús para transcodificar, ingrese un espacio: 'Mayús+espacio' (si entra en conflicto con la tecla de método abreviado del método de entrada, también puede ingresar &; n 2)
Botón Crear : "ctrl +enter"in enter enter tab tab tab who space I s space e→
Agregar un evento de clic: Space on c k Enter who enter → (onck es una coincidencia difusa. Si no ingresa una completa palabra, será una coincidencia aproximada, excepto el código. La coincidencia aproximada se admite para todas las sugerencias de sintaxis fuera de los bloques).
Utilice go para definir la función js: 'Ctrl+Alt+D' ↓
-La siguiente es la parte js.
Defina una variable e: v ar space e; enter
Asigne un valor a e: e Space = Space d o Enter. g 6 "Intro (puede mostrar la lista de estilos).
Utilice Intro o Tab para saltar el cursor a la línea vertical verde (si no hay una línea vertical verde, utilice Fin para ir al final de la línea): Enter; Enter
Asigne un valor de 2 a e: e space = space d o enter .
Asigne un valor de 3 a e (este bloque de código es muy común): e Espacio = Espacio $(o DG)Entrar 2 Entrar presione Entrar (se le puede solicitar la lista de ID, seleccione d1).
Establecer propiedades de alginato para e: e. s e 2 "a l Enter →," c Enter Ingresar para ingresar
Establecer propiedades personalizadas: e. Ingrese para ingresar a la
lista de fuentes solicitadas. f o 2 = "Enter Enter; enter
Lista de imágenes solicitadas: e. s tEnter. b 7 = "h b Enter enter;
También puedes escribir CSS así :e . s enter . cs2 = " b7hb enter→; enter
Escribir criterio de cambio e: s w 2 e. s t Enter. Etiqueta de entrada
El rango de valores mostrado se encuentra en las siguientes situaciones: Lo siguiente indica: "-w e y presione Enter.
Saltar al final del interruptor (con la línea vertical verde): Enter.
Escriba un bloque de código if: if f Enter (o use if 2)
Agregue un estilo al atributo de juicio condicional de if: por ejemplo, e t a t Enter "c Enter Enter! = "Enter ↓
Establece el estilo de e: e. c l 2 (cl n enter también se puede usar aquí) = " enter ↓Enter
Puedes solicitar html: e en js. I n n enter = "
La asignación se cambia a un hipervínculo: e Espacio = Espacio $ Enter; enter
Agrega una dirección de enlace a 1:e. h r. Enter = " Enter Enter; enter
Agrega el objetivo a un 1:e . t 5 = " enter enter
La asignación se cambia a un objeto de imagen: e Espacio = Espacio nuevo Espacio im 6 Enter; enter
Agregar imagen a img: e. s r Enter = " Enter Enter enter
La asignación se cambia a objeto indexedDB: e space = space wienter. iIngrese el espacio | | indexé el espacio 5 | indexé el espacio 3 | 4 e enter ↓
Método para ejecutar indexdb: e.p. p>-Lo siguiente es eliminar y agregar referencias CSS externas.
Defina variables de encabezado: v ar space h e a d space = space d o enter . g8 " h e enter enter[0→; enter
También puedes usar: with h h (o w i t 2) Enter h Enter ↓
Obtener el último nodo secundario de head: v a r Espacio l Espacio = Espacio l e c Enter (puede identificar directamente el objeto secundario ingresando con el encabezado)
Eliminar este objeto secundario nodo :r e m 6 l→; ↓enter (el últimoElementChild de head es un css referenciado externamente)
Genera dinámicamente una referencia de archivo css: e Space = Space d c Enter l 5 Enter enter
Agregar atributo: e.r3 = " t y enter enter
Tipo de configuración: e.t y enter = " c enter enter
Establecer href: e.h r enter = ". c Enter Enter; Enter
Agrega e:henter encima del encabezado. a p Enter e Enter
: demuestra la refactorización, es decir, el cambio de nombre de las variables.
Utilice bloques de código para definir variables s: v ar s enter tab e space I s space ' ctrl+enter '
Determine los atributos de e: if e (o if 3) enter por ejemplo 2 "d enter enter = = n u 2 ↓
Asignar un valor a s: s = s+e . o u Alt+↓'
Asignar un valor a s : s = s+" u n k n o w→ ;↓Entrar
Imprimir salida s: a lEntrar s
Seleccione s y vaya a la definición: 'Shift+↓' 'Ctrl+Alt+D' ( Mantenga presionada la tecla Alt y haga clic con el mouse).
El nombre de la S reconstruida es SS:' CTRL+F2' ENTER S ENTER (aparecerá un cuadro de diálogo para obtener una vista previa de los resultados de la reconstrucción).
Salta al final de la función: 'Alt+↓' 'Alt+↓' y pulsa Enter.
Agregue un evento de inicio: a d Enter "d o m l o Enter →, f u n a Enter (aquí también puede ser f u 6) ↓
jsdoc: f I in I input 1 mensajes definidos por el usuario función .
-Sección CSS
Saltar a CSS:' alt+↓'
Agregar estilo al cuerpo: b o Ingresar {Enter >Agregar textalign:t c Tab. en modo emmet
La coincidencia difusa agrega selección de usuario
Escribe un estilo: ↓Enter
Ingresa para agregar estilo: i n Enter [t y Enter = Enter → {Enter
Utilice el bloque de código para establecer el ancho: w 9 9 0 ↓Enter Estilo ul: u l {d n Enter 'Ctrl+Enter '
ID también puede solicitar: # 2 {. Ingresar
Lista de fuentes solicitadas: f f Ingresar e ingresar
Ingresar el final de la línea de autocompletar Punto y coma: Ingresar
Agregar imagen de fondo: b Escribo h b Enter.
Ya terminaste, guárdalo y ejecútalo: 'Ctrl+s' 'Ctrl+r '
Si tu pantalla es lo suficientemente ancha, también puedes hacer clic en el interruptor de vista. en la esquina superior derecha, cambie para ver Ctrl+P y guarde el lado izquierdo para actualizar automáticamente el lado derecho
.