TypeScript
聂大哥
前端技术爱好者,有问题可私聊
展开
-
前端大文件分块上传及计算大文件MD5值
本文主要讲解文件的MD5值计算及上传逻辑。大致思路:在选择文件获取到文件之后,首先是对文件进行MD5值的计算,然后拿着这个MD5值对查询后端接口此文件是否存在。查询结果分为三种情况,一是不存在,二是已存在,三是部分存在。不存在时对文件分块,然后一块一块上传;已存在时直接使用已存储的文件,即秒传;部分存在时后端会返回不存在的文件块的位置,然后上传对应不存在的块。原创 2023-02-22 16:26:18 · 3059 阅读 · 2 评论 -
前端数据请求Loading方案
在写业务的时候,你现在是否还再请求调用处一遍遍写showLoading、hideLoading?即使自己对不同组件库的Loading进行二次封装,方便你调用,但这也不是很好的一种解决办法。无论是ElementUI的Loading还是Antd中的,你使用前都必须要先进行导入,这时候你可能会二次封装,将封装后的对象绑定在全局上。这是很常用的一种方法,直到前两天 突发奇想,为什么Loading不能统一写在一个地方,而不需要我们一遍遍的在请求调用处写showLoading、hideLoading呢。原创 2022-11-26 12:39:55 · 1734 阅读 · 0 评论 -
Angular 监听服务(Service)中的数据变化
在上一篇文章中,我对服务的作用及创建使用稍作介绍。那么,问题来了,在服务中 这个公共领域,如果其属性值发生变化,那我们如何将其更新到组件中呢?首先,你需要了解Angular的完整生命周期,对应的生命周期钩子的作用是什么,都分别在什么时候触发。lifecycle.components.tsimport { Component, OnInit } from '@angular/core';import { UserService } from "../../services/user/user.serv原创 2021-11-17 10:03:42 · 3669 阅读 · 0 评论 -
Angular 服务的创建及使用
在网页开发中,我们在必要时需要在多个组件之间进行通用数据。就好比vuex、Redux、Dva一样,那么在Angular中,它也有自己的独特的数据状态管理,那就是服务 service !服务的创建:你可以在项目根目录通过命令创建服务ng g service services/user,前面这一串我们就使得我们在app目录下创建了一个services文件夹,在此文件夹下有个user服务;user.service.tsimport { Injectable } from '@angular/core';原创 2021-11-13 21:10:41 · 1524 阅读 · 0 评论 -
Angular实现数据双向绑定
如果你了解Vue,那你就会习惯于Vue的数据双向绑定MVVM的模式,那么在Angular中能不能实现双向绑定呢?答案当时是可以的。第一步:在app.module.ts文件中引入FormsModule模块,然后将导入的FormsModule在imports中进行使用!import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';// 只有引入了FormsModule原创 2021-11-13 17:50:16 · 1804 阅读 · 1 评论 -
Angular 快速入门
Angular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。其开发便捷程度不亚于Vue及React。语法简单易理解。首先你电脑需安装较新版本NodeJS(v12.20, v14.15, v16.10),然后使用npm安装Angular脚手架:npm install -g @angular/cli安装完成之后,通过命令ng v查看:下一步,通过脚手架创建项目:ng new projectname创建项目的过程中,会让你选择是否安装路由及选择样式预处理器,这个看自己的需原创 2021-11-13 14:27:44 · 865 阅读 · 0 评论