0%

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

Read more »

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:

Read more »

首次上傳: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]');
Read more »

從零開始學習react框架,

1. create react app

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

Read more »

27 - Click and Drag

主題

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

步驟

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

1
2
3
4
const slider = document.querySelector('.items');
let isDown = false;
let startX;
let scrollLeft;
Read more »

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>
Read more »

24 - Sticky Nav

步驟

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

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

23 - Speech Synthesis

主題

使用SpeechSynthesisUtterancespeechSynthesis來使文字轉語音。

上次有做過語音轉文字的練習[[20 - Speech Detection]],
這次則是要使用文字轉語音,透過介面中的輸入欄位來轉語音播放,
並可透過設定好的控制條來變更語音速率/音準。

Read more »