前端
文章平均质量分 89
Alonzo de blog
这个作者很懒,什么都没留下…
展开
-
Generator和Async简介
Generator和Async简介迭代器 Itreator迭代器Iterator 是 ES6 引⼊的⼀种新的遍历机制,同时也是⼀种特殊对象,它具有⼀些专⻔为 迭代过程设计的专有接⼝。每个迭代器对象都有⼀个next()⽅法,每次调⽤都返回⼀个当前结果对象。当前结果对象中有 两个属性:value:当前属性的值done:用于判断是否遍历结束, 当没有更多可返回的数据时,返回true。 每调⽤⼀次next()⽅法,都会返回下⼀个可⽤的值,直到遍历结束。生成器 Generator⽣成器是⼀种返回迭代器原创 2022-05-17 20:58:35 · 164 阅读 · 0 评论 -
Promise规范及应用
Promise规范及应用Promise规范术语promise 是⼀个有then⽅法的对象或者是函数,⾏为遵循本规范thenable是一个有then方法或者是函数value是promise状态成功时的值,也就是resolve的参数,包括各种数据类型, 也包括 undefined/thenable 或者是 promisereason是promise状态失败的值,也就是reject的参数,表示拒绝的原因exception 是一个使用throw抛出的异常值规范promise states原创 2022-04-27 21:19:44 · 444 阅读 · 0 评论 -
前端样式-卡片01
运用到的技术:html + css+ js样式:HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc原创 2022-03-19 20:08:40 · 3366 阅读 · 0 评论 -
vue-05
路由路由就是对应关系前端路由的概念与原理前端路由:Hash地址与组件之间的对应关系SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。vue-router的基本使用vue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项目 中组件的切换。vue-router安装和配置安装 vue-router 包创建路由模块导入原创 2022-01-20 21:54:49 · 131 阅读 · 0 评论 -
vue-04
动态组件动态组件是指动态切换组件的显示与隐藏实现动态组件渲染vue 提供了一个内置的 component 组件,专门用来实现动态组件的渲染。<template> <div> <!--通过is属性,动态指定要渲染的组件--> <component :is="comName"></component> <!--点击按钮,动态切换组件的名称--> <button原创 2022-01-20 21:48:53 · 868 阅读 · 0 评论 -
vue-03
组件的生命周期生命周期&生命周期函数生命周期(Life Cycle)是指一个组件从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。生命周期函数:是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。组件生命周期函数的分类组件创建阶段组件运行阶段组件销毁阶段生命周期图示Vue 生命周期图示(vuejs.org)组件之间的数据共享组件之间的关系在项目中,组件之间的最常见的关原创 2022-01-20 21:46:39 · 104 阅读 · 0 评论 -
vue-02
侦听器watch侦听器watch 侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。const vm=new Vue({ el:'#app', data:{username:''}, watch:{ //监听username值的变化 //newVal 是“变化后的新值”,oldVal 是“变化之前的旧值” username(newVal,oldVal){ alert(newVal,oldVal原创 2022-01-20 21:42:55 · 848 阅读 · 0 评论 -
vue-01
vue简介Vue 是一套用于构建用户界面的前端框架。vue 框架的特性:数据驱动视图数据的变化会驱动视图自动更新好处:程序员只管把数据维护好,那么页面结构会被 vue 自动渲染出来!双向数据绑定在网页中,form 表单负责采集数据,Ajax 负责提交数据。js 数据的变化,会被自动渲染到页面上页面上表单采集的数据发生变化的时候,会被 vue 自动获取到,并更新到 js 数据中注意:数据驱动视图和双向数据绑定的底层原理是 MVVM(Mode 数据源、View 视图原创 2022-01-17 22:50:17 · 430 阅读 · 0 评论 -
webpack
webpackwebpack的基本使用什么是webpack在项目中安装webpack在终端运行如下的命令,安装webpack相关的两个包:npm install webpack@5.42.1 webpack-cli@4.7.2 -D-S是 --save的简写-D是 --save-dev的简写在项目中配置webpack在项目根目录中,创建名为webpack.config.js的webpack配置文件,并初始化如下的基本配置:module.exports={ mode:'deve原创 2022-01-15 22:45:24 · 193 阅读 · 0 评论 -
jquery
jquery1.jquery的基本使用1.1jquery入口函数//1.$(document).ready(function(){ ;//此处是页面DOM加载完成的入口});//2.$(function(){ ;//此处是页面DOM加载完成的入口})1.等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jquery帮我们完成了封装2.相当于原生js的DOMContentLoaded3.不同于原生js中的事件load事件是等页面文档、外部的js文件、原创 2022-01-15 22:43:21 · 381 阅读 · 0 评论