01、单元测试基本概念在计算机编程中， 单元测试（又称为模块测试, Unit Testing）是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作，程序单元是应用的最小可测试部件 。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。 通常来说，程序员每修改一次程序就会进行最少一次单元测试，蓝狮注册开户在编写程序的过程中前后很可能要进行多次单元测试，以证实程序达到软件规格书要求的工作目标，没有程序错误； ...
蓝狮注册开户Vue3中的teleport节点传送
vue3 teleport官方文档地址：https://vuejs.org/guide/built-ins/teleport.html Vue3中的teleport api极大方便了在Vue3业务逻辑中操作移动dom位置。 简单举例 1.当teleportToTarget 为#idTest时,节点会被传输到 #idTest 节点中，等同于// let teleportToTarget = ref(‘#idtest’); 2.当teleportToTarget 为.main时,节点会被传输到 .main时 节点中，多个class同名，蓝狮注册开户默认会传输到第一个节点中。等同于// let teleportToTarget = ref(‘.main’); 3.当teleportToTarget 为body时, ...
蓝狮注册开户这些老系统代码，是猪写的么？
小王新加入了一家公司，这家公司有点年头，所以连屎山都是发酵过的，味道很冲。 和大多数时运不济的程序员一样，到了这种公司，做的大多数工作，就是修补这些屎山，为其添砖加瓦铸造更大的屎山。每当被折腾的筋疲力尽，就忍不住鼻孔喷着浑浊的空气：“设计这个系统的人，真的是太垃圾了”！ 当然，设计这个系统的人，可能早就离职了，也可能就是你的顶头上司。如果你有幸获得一个脾气温和的前辈，他会带着无比后悔的口气告诉你：“这个系统确实千疮百孔，如果我们当初按照正确的思路设计就好了”！ 没有程序员不后悔过，就 ...
蓝狮注册开户Mac OS安装brew 并更改brew源为国内源
Homebrew国内镜像源目前主要有中科大镜像、阿里镜像、清华镜像。首先查看自己本地的镜像源地址是什么，在命令行输入以下命令可以查询： 查看 brew.git 当前源 cd “$(brew –repo)” && git remote -v查看 homebrew-core.git 当前源 cd “$(brew –repo homebrew/core)” && git remote -v如果输出是下面这些，就代表不是本地镜像源，可以换成本地镜像源，蓝狮注册这样下载会更快点。查看 brew.git 当前源输出 origin https://github.com/Homebrew/brew.git (fetch)o ...
蓝狮注册开户超 Nice 的表格响应式布局小技巧
今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 css，能否实现这样一种响应式的布局效果： 简单解析一下效果： 在屏幕视口较为宽时，表现为一个整体 Table 的样式 而当屏幕视口宽度较小时，原 Table 的每一行数据单独拆分为一个 Table 进行展示 很有意思的一个响应式布局，让信息在小屏幕下得到了一种不错的展示。 那么，仅仅使用 CSS 的话，能否实现这样一个布局呢？蓝狮注册答案是 可以的 。 首先，肯定会用到 媒体查询 ，这个不难看出。另外，我们观察下拆分后的每一组数据： 都会存在一组原 ...
蓝狮注册开户使用 JavaScript 编写 Shell 脚本
作为程序员，在平时的开发中肯定少不了一些命令行操作了。当然，简单的命令大家都是可以拿捏的，但是涉及到一些逻辑的时候还是比较头疼的。 ShellShell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。它既是一种命令语言，又是一种程序设计语言。 Shell 脚本（shell script），是一种为 shell 编写的脚本程序，一般文件后缀为 .sh。 Shell 编程跟 java、php 编程一样，蓝狮注册只要有一个能编写代码的文本编辑器和一个能解释执行的脚本解释器就可以了。 Shell 的解释器种类众多，常见的有： sh – ...
蓝狮注册开户Vue3生命周期Hooks的原理及其与调度器(Scheduler)的关系
写在最前：本文章的目标vue3的生命周期的实现原理是比较简单的，但要理解整个Vue3的生命周期则还要结合整个Vue的运行原理，又因为Vue3的一些生命周期的执行机制是通过Vue3的调度器来完成的，所以想要彻底了解Vue3的生命周期原理还必须要结合Vue3的调度器的实现原理来理解。同时通过对Vue3的调度器的理解，从而加深对Vue底层的一些设计原理和规则的理解，所以本文章的目标是理解Vue3生命周期Hooks的原理以及通过Vue3生命周期Hooks的运行了解Vue3调度器(Scheduler)的原理。 Vue3生命周期的实现原理Vue3的生命周期Hooks函数的实 ...
蓝狮注册深入理解JSX
What is JSX ?官方定义：JSX 是 react.createElement(components, props, …children) 函数的语法糖 Click Me上方函数会被编译为下方代码： React.createElement(Mybutton,{color: ‘blue’, shadowSize: 2},‘Click Me’)打开 React 的源码，蓝狮官网找到 createElement 函数: function createElement(type, config, children) {var propName; // Reserved names are extracted var props = {};var key = null;var ref = null;var self = null;var source = null; if (config != null) {if ( ...
蓝狮注册纯CSS 斑马投影文字
效果展示 思路分析层级思路从展示的效果可以猜到这个效果由3层文字组成。 表面一层黑色文字中间一层白色文字最低的一层是斑马条纹文字要实现多层文字，我首先想到的是文字投影 text-shadow ，蓝狮注册但通常 text-shadow 只能投个纯色出来。 于是思路要改一下，黑色和白色层是投影，斑马条纹是真正的文字本身。 斑马纹思路看到这种条纹效果，我想到了背景图渐变。 直接使用图片实现斑马纹路使用 background-image 里的线性渐变 linear-gradient第一种思路不推荐，因为作为一个有追求的前端能不使用图片就尽量别使 ...
蓝狮注册JS 将伪数组转换成数组
在 JS 中，伪数组 是非常常见的，它也叫 类数组。伪数组可能会给 JS 初学者带来一点困扰。 本文将详细讲解 什么是伪数组，以及分别在 ES5 和 ES6 中将伪数组转换成真正的数组 。 什么是伪数组？伪数组的主要特征：它是一个对象，并且该对象有 length 属性 比如 let arrayLike = {“0”: “a”,“1”: “b”,“2”: “c”,“length”: 3}像上面的 arrayLike 对象，有 length 属性，key 也是有序序列。可以遍历，蓝狮官网也可以查询长度。但却 ...