test

About Report Dashboard

1. Test and Report informations：

• File: saved file name
• Start Time
• End Time
  Read more »

How to Create Basic Test and Report

Add Thread Group

1. click Right mouse button on side bar ‘Test Plan’
2. Add > Threads(Users) > Thread Group

Edit Thread Group Setting

How to install Jmeter

Install HomeBrew

First, we are going to install HomeBrew:
To install HomeBrew:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

let’s now update HomeBrew package definitions:

brew update

Make sure to update brew before installing JMeter, otherwise you may run into issues like this one:

1

==> Downloading http://www.apache.org/dyn/closer.cgi?path=jmeter/binaries/ap‌​ache-jmeter-2.11.tgz ==> Best Mirror http://apache.mirrors.hoobly.com/jmeter/binaries/apache-jmet‌​er-2.11.tgz curl: (22) The requested URL returned error: 404 Not Found Error: Failed to download resource "jmeter" Download failed: http://apache.mirrors.hoobly.com/jmeter/binaries/apache-jmet‌​er-2.11.tgz

Install JMeter

It’s almost finished now, run:

首次上傳：2021/05/10

29 - Countdown Timer

主題

製作一個倒數計時器。

步驟

Step1. 取得頁面元素並替預設

1
2
3

const timerDisplay = document.querySelector('.display__time-left');
const endTime = document.querySelector('.display__end-time');
const buttons = document.querySelectorAll('[data-time]');

從零開始學習react框架，

1. create react app

執行命令：npx create-react-app my-app >> cd my-app >> npm start
在執行 npx create-react-app後，就會自動幫你建立出一個類似git repo的folder，

27 - Click and Drag

主題

製作一個可拖曳移動的水平捲軸。

步驟

Step1. 取得頁面元素與設定初始變數

1
2
3
4

const slider = document.querySelector('.items');
let isDown = false;
let startX;
let scrollLeft;

26 - Stripe Follow Along Nav

主題

製作一個隨著滑鼠移動展開的選單效果。

延續上次的練習JS30紀錄＆心得」22 - Follow Along Link Highlighter，
這次用相同的原理來把效果製作成選單展開的形式。

25 - Event Capture, Propagation, Bubbling and Once

主題

解析addEventListener中事件的捕捉、傳遞、氣泡與單次執行方法

步驟

Step1. 建立事件模型與基本呼叫

首先建立三層DIV作為稍後測試使用的模型，
依序包覆為：紫色>淺橘色>深橘色

1
2
3
4
5
6

<div class="one"> 
  <div class="two">
    <div class="three">
    </div>
  </div>
</div>

24 - Sticky Nav

步驟

Step1. 取得頁面元素並偵測選單到頂部的高度

1
2
3
4

// 取得nav元素
const nav = document.querySelector('#main');
// 透過offsetTop取得nav頂部到整個page的頂部距離
let topOfNav = nav.offsetTop;