自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端精髓

前端与移动开发

  • 博客(8)
  • 资源 (1)
  • 收藏
  • 关注

原创 单项数据流

vue单项数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。<template> <div id="app"> <HelloWorld :total="total" /> &lt...

2019-10-29 14:11:39 384

翻译 使用Nginx作为HTTP负载均衡

介绍跨多个应用程序实例的负载平衡是一种用于优化资源利用率,最大化吞吐量,减少延迟和确保容错配置的常用技术。可以将nginx用作非常有效的HTTP负载平衡器,以将流量分配到多个应用程序服务器,并使用nginx改善Web应用程序的性能,可伸缩性和可靠性负载均衡方法nginx支持以下负载平衡机制(或​​方法):轮询-对应用程序服务器的请求以轮询方式分发,最少连接-将下一个请求分配给活动连接...

2019-10-28 14:06:55 457

原创 vue中的单元测试

生成项目的时候一定要选择Jest选项,然后项目目录有tests文件夹单元测试都写在unit这个文件夹里面,单元测试的具体内容import HelloWorld from '@/components/HelloWorld.vue'import Vue from 'vue'it ('测试HelloWorld', () => { let BaseVue = Vue.extend(H...

2019-10-19 21:50:14 1634

原创 Jest生成测试覆盖率

npx jest --init 生成配置文件package.json添加执行命令 "scripts": { "test": "jest --coverage" },可以打开这个HTML文件再浏览器查看

2019-10-19 21:30:39 16972 3

原创 Jest模拟定时器

useFakeTimers模拟定时器执行,不用等待了export const getDataCallback = fn => { setTimeout(() => { fn({name: 'callback'}) }, 1000);}useFakeTimersimport { getDataCallback } from '../index'jest.use...

2019-10-19 21:03:19 2500

原创 Jest单元测试

一般我们写完代码会这样测试function sum (a, b) { return a + b}// 通过console输出值跟预期的结果对比console.log(sum(1, 2), 3)上线的时候会把console都删掉,但是别人使用的时候又会测一下这个功能是否正常使用Jest测试,可以避免这样的问题出现开始使用安装jest和@types/jest包含的声明文件,声明文...

2019-10-19 17:52:46 3286 1

原创 单元测试介绍

单元测试主要包含断言、测试框架、测试用例、测试覆盖率、mock、持续集成等几个方面,由于Node的特殊性,它还会加入异步代码测试和私有方法的测试这两个部分。断言在程序设计中,断言是一种放在程序中的一阶逻辑(如一个结果为真或是假的逻辑判断式),目的是为了标示程序开发者预期的结果——当程序运行到断言的位置时,对应的断言应该为真。若断言不为真,程序会中止运行,并出现错误信息。断言用于检查程序在运...

2019-10-19 11:53:11 241

原创 vue3.0快速上手

仓库地址:GitHub文档地址:连接@vue/composition-apivue3.0为了更好的类型推断,(避免使用装饰器),完全使用普通函数,用TS重写了源码,所以在如果你使用Vue3.0开发,最好和TS搭配使用。数据通信之前使用高阶组件(会导致没有更新的组件也进行重新渲染),mixin(变量名会和组件内部冲突),作用域插槽(会导致数据来源不明确)@vue/composition-a...

2019-10-17 21:34:17 793

移动端横向picker组件

使用vue开发移动端横向滚动的picker组件,不依赖任何框架和库,使用原生JS编写,组件代码约300行,代码难度一般。

2019-01-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除