iT邦幫忙

web相關文章
共有 460 則文章

技術 部署團隊服務導航網站 Team-nav

简介 前後端完整的網址導航服務,可以用於公司內部內網使用,提供多種的卡片圖標生成方式,能將上傳的原型壓縮包自動生成可訪問的地址,支持私密卡片,發布倒計時等功能。...

技術 部署私有Web Ping/MTR測試服務

介绍 Web Net Tools 是一些有用的命令行工具的 Web 前端。 它特别为 Ping、MTR、DIG、Nmap、Test SSL、Trace Rout...

徵才 远程技术岗位招聘—Android/Ios/Java工程師/測試/前端/項目經理/產品經理

工作時間:9小時月休6工作地點:可長期遠程 招聘遠程崗位:#Android工程師 20k-40k(根據能力進行調整)#Ios工程師 20k-40k(根據能力進行...

技術 向大家請教網站奇怪的現象!謝謝!

狀況是這樣的:1、Google 中網站無法拜訪2、進入 Google Cloud 點按「在瀏覽器視窗中開啟」,結果出現「連線失敗」3、我使用本地端電腦的Term...

徵才 intech world inc.

#hiring IT 職位 地點 :Makati PH#intech 總部人事直招【 工作时间 】每月最后一周单休,其余双休,工作时间:早 9 晚 6 + Re...

鐵人賽 Modern Web DAY 30

技術 你是什麼人,適合怎麼看?—範例的程式碼、文章分類索引、結語

前言 最後一天我將文章分類成幾種類型已經幫你整理好分類了,如果想要快速索引就將捲軸捲到特地區域觀看該系列文章就好。 循序漸進式系列 搭配官方文件和所有文章可...

鐵人賽 Modern Web DAY 29

技術 什麼是GraphQL—使用GatsbyJs的graphql模組獲取資料

本文提及以下內容 什麼是GraphQL GatsbyJs中的GraphQL資料層組成 為什麼Gatsby使用GraphQL 使用GraphiQL工具 使用gr...

鐵人賽 Modern Web DAY 28

技術 GatsbyJs的Link多做了什麼達到更好的UX?—page component、Link元件

本文提及以下內容 Gatsby建立頁面檔 添加頁面Title Link元件預加載preloading原理 Link Component使用方式 Gatsby...

鐵人賽 Modern Web DAY 27

技術 簡介靜態網站、SPA、SSR、SSG—GatsbyJs從零開始

本文提及以下重點 GatsbyJS介紹 靜態網站 SPA網頁(Single Page Appliations) SSR網頁(Server Side Rende...

鐵人賽 Modern Web DAY 26

技術 格線系統、基本用法、Responsive values、Grid version 2?—MUI

本文包含以下內容 格線系統 基本用法 設置斷點 父組件設置欄數 Grid version 2 格線系統 如果先前有學習過boostrap5的人應該對於lay...

鐵人賽 Modern Web DAY 24

技術 React route—useNavigate介紹、控制history stack、傳遞參數、重新導向

本文提及以下內容 基本設置 useNavigate控制導向 useNavigate傳遞history stack useNavigate傳遞狀態 頁面重新導向...

鐵人賽 Modern Web DAY 25

技術 Material UI更名為MUI、基本介紹、加載字體、import方式—Typography元件

本篇文章提及以下部分 Material Design 更名MUI Material UI優點 加載字體方法 import元件的方法 Typography-排版...

鐵人賽 Modern Web DAY 25
擊敗前端面試大作戰! 系列 第 25

技術 [擊敗前端面試大作戰] 前端面試必考的四題HTTP題

今天來到新的系列!主要會介紹四題必考的 HTTP 或是跟 Web 相關問題! 1. 什麼是 HTTP method?跟 POST,PUT 差別 HTTP 是一...

鐵人賽 Modern Web DAY 23

技術 【D23】 小工具:身分證製造機(part 4)-製作檢查頁面,增加檢查碼功能

基本的身分證檢查已經完成,可以檢查長度、地點、性別等等,但是缺少了檢查檢查碼的部分,這篇會說明如何建立檢查碼。 檢查碼功能 checkCkDigit() 增加檢...

鐵人賽 Modern Web DAY 23

技術 React route如何運作、建立404的路由、巢狀路由、動態路由

本文提及以下內容 用戶端的路由 傳統路由 react route如何運作 起手式 建立404的路由 巢狀路由 useParams參數 用戶端的路由 用戶端的...

鐵人賽 Modern Web DAY 22

技術 什麼是Flux設計、實作簡單ATM範例了解Redux三大原則feat.vanilla Javascript

本文提及以下內容 前言 flu字根 flux設計模式-單向資料流 傳統MVC所遇到的問題 flux的角色 flux優點 Redux 動機 三大原則...

鐵人賽 Modern Web DAY 21

技術 【D21】 小工具:身分證製造機(part 3)-檢查驗證碼

大部分檢查功能已經在昨日做完,剩下的就是最重要的檢查碼,現在來討論一下檢查碼如何做吧!(其實已經逃避兩天了 XD) 檢查碼規則 何謂檢查碼 Checksum 被...

鐵人賽 Modern Web DAY 20

技術 【D20】 小工具:身分證製造機(part 2)-身分證檢查功能

已經瞭解規則,接著就開始製作身分證製造機的作業。在開始前,先做個檢查機制,檢查我們的身分證號碼是否正確,也就是 TDD 的精神,這樣才能確認我們的身分證製造機產...

鐵人賽 Modern Web DAY 20

技術 從實作To Do List理解useContext搭配useReducer運作模型—(附圖)(中)

本文將以實作To Do List理解Listing State Up包含以下部分 useContext運作模型—圖解 useReducer運作模型—圖解 資料...

鐵人賽 Modern Web DAY 19

技術 從實作To Do List理解Listing State Up(附圖)(上)

本文將以實作To Do List理解Listing State Up包含以下部分 component拆分—圖解 lifting-state說明 重要概念 具體...

鐵人賽 Modern Web DAY 17

技術 解決propDrilling問題—簡化consumer的useContext

本文章將提及以下內容 props傳遞的遇到什麼問題—propDrilling 使用context解決propDrilling Setp1 創建context...

鐵人賽 Modern Web DAY 16

技術 Postman challenge Day 15 - 輸出檔案 (Write to file)

今日主題 在前面章節中,曾介紹過使用Postman Console來輸出偵錯的資訊,但有時候會希望能把這些資訊或是請求的結果輸出成檔案,用來統一蒐集紀錄進而分析...

鐵人賽 DevOps DAY 13

技術 [前置] 前端ROS Topic資料取得與呈現

在web前端我們簡單使用控制按鈕(button),呼叫ajax非同步去傳送JSON訊息到後端。如同之前所說,啟動車子需要initialpose(type geo...

鐵人賽 Modern Web DAY 4

技術 【D4】 第一個 React :瞭解架構與解析程式

簡單做個 React 的 Hello, world。 官方範例 從昨日的作業中,預設運作中可以看到預設畫面,這時我們去看資料夾可以知道他的結構。 資料夾與檔案解...

鐵人賽 Modern Web DAY 3

技術 為什麼需要模組化?—ESModule模組介紹、React整理code技法與基本技巧

本文重點將會以ES6的Module為主 文章將會提到以下幾點 簡述Moduel歷史 什麼是module 基本用法 具名匯出、預設匯出 default匯出就像具...

鐵人賽 Modern Web DAY 4

技術 [Day 04] 參見Django的三大將之一: Model

嗨大家好,我是Sean!來到了本系列的第四天,真是可喜可賀!經過昨天我們剛建立完django專案,回過頭來,接續前天講到django的MTV架構,今天來進一步熟...

鐵人賽 Modern Web DAY 2

技術 解構賦值Destructuring assignment—為什麼需要和用途

什麼是解構賦值?根據MDN-Destructuring assignment的說法,他是一種把陣列或物件解開擷取成為獨立的變數。 這篇文章將會提到以下幾點 為...

鐵人賽 Modern Web DAY 2

技術 【Day02】什麼是防禦性 CSS?

在海賊王這部漫畫當中,有一個高人氣的反派角色,夏洛特·卡塔庫栗,他是 BIG MOM 海賊團「甜點三將星」之首、四皇「BIG MOM」夏洛特·莉莉的次子。 我...

鐵人賽 Modern Web DAY 2

技術 【D2】 初探 React

React 的超級簡介 React 網路上有很多介紹與教學,這邊就不做太多介紹。 React.js 是免費的開放原始碼前端 JavaScript 工具庫,是由...

鐵人賽 Modern Web DAY 1

技術 名稱與規劃—React生態系 library?framework?

破折號後的題目名稱由來 破折號後的名稱是來自於React繁體中文官方網站<header>的裡面的<h1>小字參見下圖 React是一個...