iT邦幫忙

web相關文章
共有 445 則文章
鐵人賽 Modern Web DAY 6

技術 Day6 Sideproject(作品集) from 0 to 1 -定義功能

今天來介紹我們是如何從自己需要和使用者的角度來定義功能 前面有說到我們想做一個一起做sideproject的產品 然後再來就是腦力激盪時間 整理過後大致如下面幾...

鐵人賽 Modern Web DAY 19

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

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

技術 一文說請什麼是GIS

地理資訊系統(英語:Geographic Information System,縮寫:GIS)這是一套系統,專門用來模擬地理資訊的系統;(以前是地球,現在也可以...

鐵人賽 Modern Web DAY 13

技術 Day13 Sideproject(作品集) from 0 to 1 -產品驗證

其實這步我們也是過很久才來做應該要最開始就先做了 可以避免做出一個只有自己需要的東西但如果是自己用的小工具 那這步可以跳過 這邊可以用一些簡單的方式來實驗你的i...

鐵人賽 Modern Web DAY 8

技術 Day8 Sideproject(作品集) from 0 to 1 -頁面流程圖

昨天我們畫完了 業務流程圖 今天要來介紹 頁面流程圖 要介紹這個之前可能要先講一下wireframe就是你網站的草稿架構可以把你大致想要的版型畫出來然後再配上之...

鐵人賽 Modern Web DAY 15

技術 Day15 Sideproject(作品集) from 0 to 1 -刻畫面

昨天把整個專案架起來了今天我們就可以開始來刻畫面了 這邊也要提一下之前我們其實是直接開寫 先從會員登入註冊開始然後慢慢想到什麼做什麼畫面也超亂的 因為第一次寫r...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 10

技術 D3JsDay10 遇到元素資料不相等,用函式解決高人一等

綁定的資料和畫面上的元素不相等 enter()函式—沒放入元素的資料 先看以下程式碼 <body> <div></div&gt...

技術 [AI] screenshot-to-code ( AI透過一張截圖就能克隆出網站)

https://github.com/abi/screenshot-to-code 預期進行工作 :1.獲取 open ai key2.前台架設3.後台架設 (...

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Software Development DAY 1

技術 Day01 - 源由 & 環境設定

前言 嗨嗨大家好,我是拉布。 這是一個有關於 Django REST framework (後面我會簡稱他為 DRF)的文章,在這三十天裡面我會一步一步的帶領大...

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

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

技術 [nginx] Url強制改寫後綴跳轉

例子: abc.com 經由強制改寫後 跳轉為 abc.com?r=67872312bd2337891031a location / {...

鐵人賽 Software Development DAY 4

技術 Day04 - 初探 DRF

前言 昨天我們已經將專案與周邊的工具都設定好了,現在我們來撰寫第一個 API 吧! DRF 安裝 什麼是 DRF 為什麼我要使用他? 在開始安裝之前我們先來說一...

鐵人賽 Software Development DAY 3

技術 Day03 - 開發輔助工具設定

前言 昨天我們已經將 Django 的專案建立好了,今天我們要來把其他的設定設定好。 設定 linter 與 formatter 在寫程式的時候有良好的習慣以及...

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Software Development DAY 15

技術 Day15 - JWT 驗證

前言 在 Day13 時我們介紹了 API 權限驗證,那時候我們用的身份驗證方法是 HTTP Basic 方法,但其實這個方法不常被使用在一般的驗證中,因為這樣...

鐵人賽 Security DAY 1

技術 [Day 1] 網路基本知識

OSI模型 OSI(Open Systems Interconnection)模型是一個網絡架構模型,由七個層次組成。從底層到頂層分別是:實體層、資料連結層、網...

技術 【ModernWeb'21 VIRTUAL EVENT 議程整理】(非官方)

ModernWeb 是臺灣網站技術人的年度盛會,有許多 Web 技術高手分享經驗,今年同樣採線上的方式,10/12~10/28 每日 14:00 開播,有許多有...

鐵人賽 Software Development DAY 6

技術 Day06 - 資料庫 Migrate & Migration

前言 昨天我們將 Model 定義好後下了兩個指令就將資料表建立出來,但背後 Django 到底幫我們做了什麼? 昨天最後我們下了兩個指令分別是 python...

鐵人賽 Security DAY 11

技術 [Day11] Malware Exploitation(惡意軟體利用)

惡意軟體利用(Malware Exploitation)是一種通過特定技術和手法來使惡意軟體能夠成功地侵入、控制或破壞目標系統的過程。底下簡單分類一下幾種惡意軟...

鐵人賽 Security DAY 9

技術 [Day9] 攻擊分析架構的三種方法 Analysis of attack frameworks

攻擊分析架構的三種方法 在資訊安全領域,有用許多不同的方法來分析攻擊,來了解攻擊者的行為和意圖。今天來介紹三種主要的攻擊分析架構,並提供一些例子以幫助理解。 1...

鐵人賽 Security DAY 18

技術 [Day 18]虛擬機的安全威脅與應對策略

在數位時代,虛擬機技術允許在單一實體電腦上運行多個作業系統。但像實體機一樣,虛擬機也有其特有的安全風險。本文將探討對新手而言的主要威脅及其解決方案。 虛擬機的安...

鐵人賽 Software Development DAY 2

技術 Day02 - 專案建立

前言 太好了昨天我們已經將 Python 的環境建立好了,接下來我們可以開始建立 Django 的專案了。Django 是一個基於 Python 的網頁框架,他...

鐵人賽 Software Development DAY 13

技術 Day13 - API 權限控管

前言 前面我們已經建立了幾個 API 了,但目前的狀況是大家知道網址就能呼叫,完全沒有做控管,所以今天我們要來幫 API 加上權限吧! 建立使用者 要幫 API...

鐵人賽 Software Development DAY 17

技術 Day17 - 為 API 加上分頁

前言 昨天我們為我們的 API 加上文件了,今天讓我們來實作分頁這個功能吧! 先說說什麼是分頁,分頁的意思是當使用者請求列表的 API 時,一次只給他一部份並讓...

鐵人賽 Modern Web DAY 7

技術 [Day-7] flask上傳檔案(2)

前言 在昨天的範例中我們已經學會使用簡易的上傳檔案,今天我要教大家,確認上傳鍵、檔案類型限制等。完整code在這裡 範例 首先來確認上傳確認鍵 這裡我們使用j...

鐵人賽 Software Development DAY 29

技術 Day29 - CORS 跨域資源共用

前言 今天我們會介紹 CORS 是什麼,以及如何處理相關設定。 什麼是 CORS CORS 是跨域資源共用的簡稱,他是用來限制我們的資源(API)只能被哪些網頁...

鐵人賽 Software Development DAY 27

技術 Day27 - 檔案上傳

前言 今天我們來做一下檔案上傳的功能,畢竟我們的任務除了說明以外最好還可以有附件的功能。 修改 Model 讓我們編輯 server/app/todo/mode...

鐵人賽 Software Development DAY 25

技術 Day25 - Query N+1 問題

前言 昨天我們裝了 django-extensions 這個套件,為了是方便今天我們觀察 Query N+1 的問題,Query N+1 問題會造成 API 與...