简介

testcafe (官网) 是一个基于 nodejs 的自动化测试框架，优点就先不多说了，我们直接进入正题！

安装

testcafe 是一个 npm 包，它可以使用 npm 或 yarn 包管理器进行安装，这里我们使用 yarn 进行安装（因为它很快）

如果你的机器上没有安装 yarn，那么你可以使用 npm 来安装 yarn 😊

1	npm install -g yarn

在命令行中运行以下命令

1

yarn global add testcafe

这样， testcafe 就安装在你本机上啦

小试牛刀

创建一个测试项目

我们新建一个目录，用于练习我们的自动化测试框架 testcafe

1
2
3

# 首先切换到你用于管理 web 项目的根目录，我本机是 "~/www"
cd ~/www
mkdir testcafe && cd testcafe

Vi / Vim 版本的选择

Vim 是 Vi 的升级版本，比 Vi 多了语法高亮等更多特性。就版本而言，软件的新版本往往会修正旧版的一些缺陷和不足，所以说能用新版本尽量使用最新版本。

启动 / 关闭 Vim

启动

退出

以下命令在 Vim 的控制模式下使用。

挂起

通过 Vim 命令

通过 Shell 命令

利用 Linux 作业机制，按下 ctrl + z 将当前程序放在后台执行。然后使用 fg 命令重新回到 Vim 编辑器。
详情参考Unix或Linux中&、jobs、fg、bg等命令的使用方法

光标移动、复制粘贴、搜索替换

光标移动

这四个键在键盘上是排列到一起的

| ctrl + b | 向上翻一整页 (backward) |
| ctrl + f | 向下翻一整页 (forward) |
| ctrl + u | 向上翻半页 (up) |
| ctrl + d | 向下翻半页 (down) |
| ctrl + y | 向上滚一行 |
| ctrl + e | 向下滚一行 |
| zz | 让光标所在行居于屏幕中央 |
| zt | 让光标所在行居于屏幕顶部 |
| zb | 让光标所在行居于屏幕底部 |

搜索

取消搜索高亮显示

使用 Vue + Koa 打造全栈应用《时光·印象》图片分享应用 系列教程

前言

之前在学校用前端 pjax 无刷新跳转 + 后端 php 服务端渲染做了一个应用, 用来做校内的图片分享网站, 后来离校后就没怎么管了, 所以只做了一点就弃坑了.

最近又想起来那个项目, 所以这次抱着学习的心态使用 vue + koa 来重新将这个项目拾起来, 一方面可以学习一些当下的新框架了解前段发展趋势, 另一方面也可以充实下自己的简历.

选型

下面列出该项目的技术选型, 以及原因 (按重要程度排序)

• Vue (v2.5) 单文件组件 响应式

  以及 vue-router vuex axios

  选 Vue 作为前端框架是因为他的单文件组件做模块化开发很方便, 还有现成的脚手架工具 vue-cli, 以及对 @尤大 的 信仰

• Koa (v2.5) 中间件

  以及 koa-router koa-jwt

  选用 Koa 而非 Express 是因为 Express 了解过一些, 想换个口味试试. Express 也确实感受过回调地狱的痛, Koa 的洋葱模型似乎很不错!

  后端只用来提供 API 接口不做 SSR.

• MySQL (v8.0) SQL Database

  常规的关系型数据库，深入学习一下 MySQL，为全栈发展打好坚实的基础

• Eslint 语法检查 防傻瓜

  Eslint 进行代码风格检查和防傻瓜还是非常方便的, 尤其是配合其自带的 --fix 功能自动进行代码格式化. 避免在 coding 的过程中出现一些傻瓜式的语法错误带来的不必要的时间浪费.

  使用 Eslint Standard 配置（Vue 使用 @vue/standard 配置）

• ES6, Stylus 语法糖 预处理

  语法糖! 提高 coding 效率. 但是 Stylus, 一个小众的 css 预处理器, 提供了非常高效和酷炫的写法.

• Yarn 依赖安装

  用 Yarn 就是因为快! 比 npm 快了不是一丁半点! yarn 执行项目内 bin 文件也非常方便, 免去了安装全局依赖的烦恼.

前言

这里是一篇个人学习使用 Linux 操作系统时遇到的一些常见问题以及资料的集合. 用来在日后的操作中做一个 QA 索引. 如果它也能帮到你就再好不过了.

你是不是经常浏览网页时遇到以上类似的画面, 叫你换个浏览器, 本开开开心心的浏览网页非要换浏览器, 让人特别不爽.

下面我来科普一下为什么网页开发者会这么做, 在普及这个知识前, 我先解读一下为什么 IE 浏览器在中国市场占有量这么大.

IE6 “网上冲浪”

在 10 多年前的互联网时代, 人们都在用家喻户晓的 XP 系统, 那时系统自带的浏览器是 Internet Explorer 6.0 也就是我们俗称的 IE6, 那个时代人们的电脑还都是 256M 内存, 好一点的也就 512M, 玩的游戏还是魔兽红警 CS 和传奇. 在 IE 一统江山的时代, 很少有人觉得 IE 有什么不对劲.

今天 IE 被诟病得最多的速度和稳定性上面, 在那个时代都好像不是那么引人关注, 并不是说那个时代浏览器的速度和稳定性不重要, 而是因为没有可供对比的参照物.

然而过了两年左右, 中国网民成爆发式增长, 中国用户的浏览环境也普遍是 WinXP + IE6, 那时候也有 chrome 和 firefox 浏览器, 但是作为一个普通的网民又有谁肯花费精力去习惯另外一个浏览器呢.

本文是针对小白的科普向文章, 我会尽量使用浅显通俗的语言, 让小白们尽可能看懂.

很多人有这样一个误区, 在使用电脑感觉比较 “卡” 时, 就想清理一下电脑里面的垃圾来加快运行速度.
但我到底该不该时常清除电脑中的 “垃圾” 呢? 换句话说, 清理 “垃圾” 真的能加速电脑运行吗?

下面我们简单介绍一下 “垃圾”, 如果你只想知道该不该清理, 直接跳到底部结论部分即可.

我使用 360 安全卫士 (版本 11.2) 的电脑清理功能为例, 列举电脑中的 “垃圾” 可以分为哪些类别.

不知道你们在开发一个项目中有没有遇到过这种情况: 项目小组一起开发一个项目, 建立了一个配置文件用于项目中, 但是在开发阶段每个人本地数据库都不同, 所以修改数据库连接部分的配置后会将自己修改过的配置上传到 Git 库中, 比如 config.php, 其他人 pull 的时候就会把他自己本地的数据库配置给覆盖了, 像下面这样.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<?php
// 项目配置文件
return [
    'project' => [
        'name'      => 'foo',
        'version'   => 1.0.0,
    ],
    // ...
    'database' => [
        'host'      => '127.0.0.1',
        'db_name'   => 'foo',
        'db_user'   => 'bar',
        // ...
    ]
];

在你浏览网页的时候, 会碰到点击某个链接结果告诉我网站错误 403 / 404, 或者 500 之类的错误代码, 阿洗吧, 本来快乐的心情一下子变得很糟糕啊, 勾起了我的好奇心却不让我进去!! 该死的网站管理员!!

本文主要通过访问我的学校官网来介绍你从点击一个链接到显示出来这个过程中, 浏览器在后台都干了些什么.

之前在使用 thinkphp 时, 使用了其内置的上传文件功能, 在本地时使用正常, 但是放在生产环境中前端会提示上传失败, 原因也不明, 上传目录的权限也够, 就是不知道为什么.

最近使用最新版的 thinkphp5 时又遇到了这个问题, 所以在这里写一篇文章, 让更多的初学者少走弯路, 知道问题所在.

无论是在 thinkphp 还是其他 php 框架下, 上传文件都需要现将文件暂存在 php 的临时目录中, 然后使用 move_uploaded_file($_FILES["file"]["tmp_name"]) 方法将临时目录中的文件保存在上传目录.

在知道了这个后, 我们应该检查一下应用上传目录和 php_temp 目录的权限是否为 777, 在 IIS 下需要给予足够的权限.

如果你不知道 php_temp 临时目录在哪里也没有设置过, 用 phpinfo() 函数查看一下即可.

tips: 解决办法在文章底部，请使用右侧导航直接跳转到 解决办法

问题描述

最近在使用 centos 7 时需要升级到 nodejs 10 版本，直接执行 yum update nodejs 发现 yum 源里还是 6.x，并且提示已经是最新版本了。。

？？什么鬼，去 nodesource 查看原来需要将 nodesource 源升级一下，so，执行以下命令

1
2

curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum upgrade nodejs

竟然发现还是 6.x 版本

1
2
3
4
5
6
7
8

====================================================================================================================
 Package               Arch                  Version                                Repository                 Size
====================================================================================================================
Installing:
 nodejs                x86_64                2:6.11.2-1nodesource                   nodesource                 17 M

Transaction Summary
====================================================================================================================

咦？难道是需要将 node 先卸载了吗？于是 yum remove nodejs 然后 yum install nodejs。。。然后是你猜到的结果，还还还还是 6.x 版本。。。