- 博客(13)
- 收藏
- 关注
原创 React入门
React 基础初步创建React特点Hello World创建虚拟DOM的两种方法关于虚拟DOMJSX语法规则ES6结构赋值组件函数式组件类组件组件实例的三大核心状态state组件传值propsrefs获取节点React事件处理收集表单数据高阶函数函数柯里化生命周期旧版本react生命周期钩子函数新版本react生命周期钩子函数重要的钩子函数即将废弃的钩子函数Diffing算法和Key的作用Diffing算法key的作用React脚手架创建项目项目结构React 请求数据axios跨域处理办法fetch组
2021-12-29 11:24:35
758
原创 ts泛型定义
泛型泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持泛型函数function getData<T>(value: T): T { return value;}console.log(typeof getData<number>(123));console.log(typeof getData<string>('123'));console.log(typeof getData<Object>({value: 1}));
2021-11-02 22:59:16
1241
原创 Angular路由配置
官方文档配置路由文件import { Routes } from '@angular/router';import { HomeComponent } from'./home.component';import { CompanyComponent } from'./company.component'impogt { rootRouting } from './root.routing...
2021-11-01 22:10:52
203
原创 Angular路由守卫
配置路由守卫接口文件路由守卫支持多种守卫接口:用CanActivate来处理导航到某路由的情况。// 创建auth.guard.tsimport { Injectable } from '@angular/core';import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/r...
2021-11-01 22:10:30
424
原创 ts接口定义
1.属性接口对自定义方法中传入参数的约束interface FullName { firstName: string; secondName: string; age?: number;}function printName(name: FullName) { console.log(name.firstName + '--' + name.secondName);}const obj = { firstName: '张', secondN
2021-11-01 22:06:40
1636
原创 es5构造函数与继承
构造函数// 构造函数function Person() { this.name = '张三'; this.age = 18; this.run = function () { console.log(this.name + '在跑步'); };}// 静态方法Person.work = function() { // this指向构造行数 console.log('这是静态方法');}// 添加原型..
2021-10-27 21:38:59
184
原创 Angular路由参数
get传值无需配置路由传参<a routerLink="/home" [queryParams]="{params: 123}"></a>获取constructor(private route: ActivatedRoute) { this.route.queryParams.subscribe(res => { console.log(res); })}动态路由路由配置const routes: Routes = [ {p
2021-10-27 17:06:27
331
原创 异步程序处理方式
callback回调函数function getData(fn) { setTimeout(() => { const data = '张三'; fn(data); }, 1000)}getData((data) => { console.log(data);})Promisefunction getData() { return new Promise(resolve => { setTimeout(() => {
2021-10-27 17:04:52
108
原创 vuex状态管理工具的基础使用
创建store文件import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: {}, // 存储共享数据 mutations: {}, // 修改共享数据 getters: {}, // 获取处理后的数据 actions:{}, modules:{}})state - 共享数据存储 store引用方法:this
2020-06-29 15:56:47
141
原创 VUE 基础使用
VUE 基础使用动态属性绑定:v-bind:<div v-bind:title="msg">{{ msg }}</div><!-- 简化 --><div :title="msg">{{ msg }}</div>事件绑定:v-on:<button v-on:click="myClick">按钮</button><!-- 简化 --><button @click="myClick"&.
2020-06-24 15:19:29
198
原创 ng-template / ng-container / ngTemplateOutlet 使用
ng-template / ng-container / ngTemplateOutlet 使用核心指令ng-container,ng-template和ngTemplateOutlet一起使用,可以创建高度动态和可定制的组件。ng-template 使用配合*ngIf / else 使用:testing为false则引入模板ng-template内容&amp;lt;div&amp;gt; &amp;lt...
2019-01-02 14:41:50
1512
原创 Angular 拦截器配置
Angular 拦截器配置官方文档创建AuthInterceptor.ts文件import { AuthService } from './../app.service';import { Injectable } from '@angular/core';import { HttpInterceptor, HttpRequest, HttpHandler } from '@angula...
2018-12-27 10:34:05
3159
原创 Angular 项目启动
Angular StatrCreate a angular projectng new projectinstall dependenciesnpm installstart projectnpm start // localhost:4200 Default portng serve --port 3200 // localhost:32...
2018-04-03 17:36:55
617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人