- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 浅谈前端测试
浅谈前端测试浅谈 TDD 和 BDDTDD Test Driven Development (测试驱动开发)一种使用自动化单元测试来推动软件设计并强制依赖关系解耦的技术。使用这种做法的结果是一套全面的单元测试，可随时运行，以提供软件可以正常工作的反馈。大概的流程是先针对每个功能点抽象出接口代码，然后编写单元测试代码，接下来实现接口，运行单元测试代码，循环此过程，直到整个单元测试都通过。这...
2019-03-25 12:04:11
4306
原创 你可能不知道的 Promise
你可能不知道的 Promise简介Promise 有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态一旦状态改变，就不会再变状态只能 pending->fulfilled/rejected如果状态改变已经发生了，你再对 Promise 对象添加回调函数，也会...
2019-03-21 11:57:44
236
原创 浏览器垃圾回收机制
浏览器垃圾回收机制简介由于字符串、对象和数组没有固定大小，所有当他们的大小已知时，才能对他们进行动态的存储分配。JavaScript 程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript 的解释器将会消耗完系统中所有可用的内存，造成系统崩溃。JavaScript 使用垃圾回收机制来...
2019-03-20 17:20:14
4608
1
原创 Async、Await 实现原理
Async、Await 实现原理简介async 用于声明一个函数是异步的await 用于等待异步完成await 只能在 async 函数中使用async 返回一个 promiseawait 后边永远跟的是一个 promise，如果是一个非 promise，则会自动转换为 promiseAsync、Await 是通过 Generator + Promise 实现babel 转码...
2019-03-20 15:54:01
2801
2
原创 TypeScript XXX.d.ts 文件描述
TypeScript XXX.d.ts 文件描述简介TypeScript 的核心在于静态类型，我们在编写 TS 的时候会定义很多的类型，但是主流的库都是 JavaScript 编写的，并不支持类型系统。TypeScript 身为 JavaScript 的超集，自然需要考虑到如何让 JS 库也能定义静态类型。TypeScript 经过了一系列的摸索，先后提出了 tsd(已废弃)、typings...
2019-03-07 15:41:15
2225
原创 Vue computed 实现原理
Vue computed 实现原理Vue 2.5.171、Vue 在初始化的时候会 initState ，这个方法会初始化 props methods data computed watch// 4069vm._self = vm;initLifecycle(vm);initEvents(vm);initRender(vm);callHook(vm, 'beforeCreate...
2019-03-03 16:35:47
4822
原创 JavaScript 异步
JavaScript 异步为什么 JavaScript 是单线程JavaScript 的主要用途是与用户互动，以及操作DOM。假定 JavaScript 同时有两个线程，一个线程在某个 DOM 节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？所以，为了避免复杂性，从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。为了利用多核 ...
2019-03-03 16:33:55
193
原创 Vue 路由懒加载根据根路由合并chunk块
路由懒加载的小技巧一般来说当我们的项目越来越大的时候，我们打包的文件也越来越大。这时候我们的首屏加载就会很慢。因此我们会使用到路由的懒加载机制来对我们的模块进行划分。export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/A', ...
2019-03-01 11:53:26
2964
原创 Angular(7) 学习资料 （9）i18n
i18n应用程序的国际化涉及到开发的很多方面，主要是如何让应用可以被全世界的用户使用而且用起来比较友好。本章内容主要讲的下面几个方面：Angular 内置国际化ngx-translate : 用来给我们自己的组件添加国际化支持，主要模块是 @ngx-translate/core,@ngx-translate/http-loaderng-zorro-antd : 使用的第三方组件库，其内部...
2019-03-01 10:00:27
1376
原创 Angular(7) 学习资料 （8）HttpClient
HttpClient简介现代浏览器支持使用两种不同的 API 发起 HTTP 请求：XMLHttpRequest 接口和 fetch() API。@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供了一个简化的 API 来实现 HTTP 客户端功能。它基于浏览器提供的 XMLHttpRequest 接口。HttpClient 带来的其它优...
2019-03-01 09:24:47
2736
原创 Angular(7) 学习资料 （7）RxJS
RxJS 6+ 入门学习简介与基本概念RxJS 是 ReactiveX 编程理念的 JavaScript 版本。ReactiveX 来自微软，它是一种针对异步数据流的编程。简单来说，它将一切数据，包括HTTP请求，DOM事件或者普通数据等包装成流的形式，然后用强大丰富的操作符对流进行处理，使你能以同步编程的方式处理异步数据，并组合不同的操作符来轻松优雅的实现你所需要的功能。RxJS 是...
2019-03-01 09:23:59
1326
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人