iT邦幫忙

web相關文章
共有 445 則文章

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--1

本篇主旨:透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行 閱前注意: 本篇為個人使用筆記,為供未來使用,會包...

徵才 【誠徵】資深軟體工程師 ( JAVA / .NET )

<<鴻揚科技歡迎您>> 想了解鴻揚的理念,請看鴻揚的介紹影片: 想了解更多鴻揚的訊息,歡迎上鴻揚官網:http://www.hy-tech.com.tw/...

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--3(完)

本篇主旨:透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行上篇 閱前注意: 本篇為個人使用筆記,為供未來使用,會...

鐵人賽 影片教學 DAY 11

技術 Web前端基礎 (1/2)

[Day 11] Web前端基礎2.0:有趣的前端技術 (10min)2.1:HTML (22min + 15min)-- HTML URL Encode...

鐵人賽 開發技術 DAY 3
如何建構網站服務 系列 第 3

技術 D03 StackEdit+droppages

還是之前寫過的教學XD 在這 上一篇有稍微講到markdown 但是只介紹使用notepad++去手動編寫 所以在這篇再介紹一個方便一點的工具StackEdit...

鐵人賽 開發技術 DAY 2
如何建構網站服務 系列 第 2

技術 D02 利用dropbox做為網站空間

之前寫過的文章XD 在這裡 因為已經有現成文章了 就補充一些之前沒講的吧 使用droppages的好處 是他有template也支援markdown 也可以以上...

鐵人賽 自我挑戰組 DAY 4

技術 第四天-好用的div

上次介紹完基本的架構了,這次說說塞在body裡面的東西((小聲:不知道塞在其他地方行不行就是了))。 現在好像大家寫網頁的方式都是用包起來寫你要呈現在網頁上的東...

技術 TapPay Web SDK 串接 - @types/tpdirect 介紹

前言 非常非常久以前寫過一篇 TapPay 串接的文章 但可惜的是 TapPay 沒有前端 npm 套件可以下載使用 所以在串接前端的其實都不會有智能提示跳出來...

鐵人賽 自我挑戰組 DAY 9
前端新手進化史 系列 第 9

技術 番外篇 - 胡搞 box-shadow(上)

文章將陸續整理並更新至個人部落格。 box-shadow 通常像是個可有可無的角色,但其實他也可以變出好玩的花樣,在展現影分身之術前,還是先來打個基本功...

鐵人賽 自我挑戰組 DAY 16
前端新手進化史 系列 第 16

技術 position

文章將陸續整理並更新至個人部落格。 position 語法 position: static | relative | absolute | fixed...

鐵人賽 Security DAY 17
【CTF衝衝衝 - Web篇】 系列 第 17

技術 【第十七天 - 文件讀取漏洞】

Q1. 什麼是文件讀取漏洞? 駭客可以透過一些手段讀取無授權的檔案,時常作為資訊收集的一種手段,例如伺服器的配置、密鑰、伺服器資訊等 工程師開發時,若文件讀取...

鐵人賽 自我挑戰組 DAY 17
前端新手進化史 系列 第 17

技術 視覺格式化模型-格式化上下文

文章將陸續整理並更新至個人部落格。 前言 所有元素(element)都可以生成盒子(box),什麼類型的元素,生成什麼類型的盒子,盒子可以裝盒子,整個版...

鐵人賽 自我挑戰組 DAY 1

技術 第一天-前言(Atom更改安裝目錄)

小弟原本是機械系的,受到國中(喬)同學不斷地鼓吹來學網頁設計,最後被騷擾到只好妥協了((笑))。 不得不說路遠之馬力,日久見人心,那位喬同學深知我的尿性,沒有壓...

徵才 【誠徵】軟體開發工程師 (Java程式設計師)

<<鴻揚科技歡迎您>> 【我們在找】軟體開發工程師 (Java程式設計師) 【職務說明】 企業客戶應用系統Java AP程式開發,視專案開發階段,滿足客戶專案...

鐵人賽 Modern Web DAY 10

技術 Day 10. slate × 架構藍圖

在開始今天的主題前,雖然在前面介紹 Slate 時已經有稍微提到過了,我們還是先從 slate 的各個 packages 分別負責的領域開始介紹起。 sl...

技術 【SSL憑證申請教學:HTTPS時代來臨,免費與付費SSL憑證安裝教學】

SSL的好處: 資訊安全度提升:避免駭客攔截你的網路請求 用戶信任度提升:有綠色小勾勾在網址欄上,使用者對企業信任度提高 SEO排名上升:有利於潛在...

技術 React hooks 的基礎概念:hooks鏈表

當函數組件進入render階段時,會被renderWithHooks函數處理。函數組件作為壹個函數,它的渲染其實就是函數調用,而函數組件又會調用React提供的...

鐵人賽 Modern Web DAY 3

技術 D3JsDay03可縮放向量圖型 不用怕圖片不行—SVG簡介

由於D3Js的組成部分來自於操控SVG(Scalable Vector Graphics),所以簡單介紹一下SVG。 SVG組成是屬於向量圖形(透過電腦計算路徑...

鐵人賽 自我挑戰組 DAY 14
前端新手進化史 系列 第 14

技術 視覺格式化模型-Box generation(中)

文章將陸續整理並更新至個人部落格。 前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的 conta...

鐵人賽 自我挑戰組 DAY 13
前端新手進化史 系列 第 13

技術 視覺格式化模型-Box generation(上)

文章將陸續整理並更新至個人部落格。 前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的 conta...

鐵人賽 Modern Web DAY 1

技術 Day 1. Pre-Start × 微前言

行前導讀 第一次參加鐵人賽的你,先禮貌性來個自我介紹吧?! 嗨大家好! This is Ian , 24 歲身心理男。 Position : RD —...

鐵人賽 自我挑戰組 DAY 11
前端新手進化史 系列 第 11

技術 番外篇 - 胡搞 box-shadow (下)

文章將陸續整理並更新至個人部落格。 誰說影子一定要是黑色的呢?誰說影子永遠當不了主角呢?放下先入為主的偏見~ 來看看幾個 box-shadow 幹的好事...

鐵人賽 自我挑戰組 DAY 6
前端新手進化史 系列 第 6

技術 Collapsing margins

文章將陸續整理並更新至個人部落格。 一、什麼是 Collapsing margins? 先來看一段 W3C 規範 的敘述: In CSS, the a...

技術 How to hide nav when scroll down and show nav when scroll up? (要怎麼實現當滾輪往下隱藏nav,往上時顯示nav?)

前言:Hi 大家好,我是Steven,今天想用react實作一個特別的nav實現方式(因為第一次做,所以說特別XD),我記得Youtuber好像有用這種nav呈...

鐵人賽 Security DAY 5
【CTF衝衝衝 - Web篇】 系列 第 5

技術 【第五天 - Gedit 備份洩漏】

Q1. gedit 是什麼? Gnome 是 Unix-like 作業系統上的一個開源桌面環境,提供豐富而完善的圖形化介面工具滿足使用者的日常所需,如文字編輯...

鐵人賽 影片教學 DAY 9

技術 穿戴物聯應用開發 (1/2)

[Day 09] 穿戴物聯應用開發1.0:為何Web那麼重要? (13min)-- 網際網路軟體開發 : Socket, RPC, Web1.1:Web發展過...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

技術 Day1 Sideproject(作品集) from 0 to 1 -簡介

嗨~大家好,小弟目前任職於一間小公司,負責前端的部分,而我的夥伴,則是在一間比較大的公司負責後端的部分(實作經驗比我多半年但公司寫的是20年前的語言了) 這次分...

鐵人賽 自我挑戰組 DAY 29
前端新手進化史 系列 第 29

技術 flex 7

文章將陸續整理並更新至個人部落格。 flex 有自己專屬的對齊屬性,vertical-align、text-align 甚至 float 都是叫不動 f...

技術 React和DOM的那些事-節點新增算法

點擊進入React源碼調試倉庫。 本篇是詳細解讀React DOM操作的第二篇文章,文章所講的內容發生在commit階段。 插入DOM節點操作的是fiber節點...