iT邦幫忙

技術文章

知識的分享、經驗的傳承是IT產業成長的動力,寫下你的學習與感動、分享產業的脈動、焠鍊知識的精華,讓技術文章記錄你的IT成長史。

鐵人賽 DAY 9

元素面版 - 檢查元素樣式

我們用了兩天的時間把如何透過元素面版來動態編輯文件物件模型 (DOM) 講完了,今天我們要一起看的功能是動態編輯元素的樣式。樣式控制台 (Styles pane...

鐵人賽 DAY 2

Day2 依然廢文 前端後端

剛踏進Web的時候真的不知道什麼叫做後端、前端,網站不就是網站嗎? 前後端的概念,也是近10年來所衍伸出來的一個概念,相信還是有許多公司是把這兩塊混在一起寫的吧...

鐵人賽 DAY 9
網頁學習日誌 系列 第 9

RWD : @media斷點

斷點簡介: 近十年因為手機平板的普及,瀏覽網頁不再是電腦專有,所以才會有響應式網頁。 因為行動載具的螢幕尺寸都不同,因此設計響應式網頁時,要統計分析(如goog...

鐵人賽 DAY 9
2017挨踢人生大事紀 系列 第 9

ERP改來改去何時了~PART 2

今天上午天色有一些陰暗... 註定了今天好像不是一個好天氣、好日子?! 看到一些邦友『落賽』的消息。心情也跟著有點失落~ 加油~才第9天耶。而且我還規畫要寫另一...

鐵人賽 DAY 9
認識scala 系列 第 9

Scala day 9 (Currying)

Curry 一般函式的寫法 : scala> def sum(num1:Int , num2:Int) = num1 + num2 sum: (num1:...

鐵人賽 DAY 2

Day 02:撰寫第一支 Neural Network 程式 -- 阿拉伯數字辨識

入門 照理講,我們應該先了解『神經網路』(Neural Network)概念,再談如何寫程式,但是,概念介紹內容有點硬,為了提高學習興趣,避免一開始就搞一堆數學...

鐵人賽 DAY 5

IT|軟體|開發|Gradle 專案建置自動化工具

簡介 Gradle 簡單說就是 Java 世界的 Makefile,它可以幫忙打理那些在專案開發過程中的瑣事,舉凡編譯、測試、檢查程式碼、產生文件、清理或壓縮...

鐵人賽 DAY 9

JavaScript 的 this 到底是誰?

This 的在 JS 使用上非常頻繁,但一個 this 每個 function 都各自表示,這裡就直接用範例說明 This 有哪些情境,不過請注意一點,影響 t...

鐵人賽 DAY 2

Day 01 - 電子支付

隨著 2015 年正式實施的《電子支付機構管理條例》,以及智慧型手機持有率和手機上網比例的提升,新型態的支付方式陸陸續續在台灣上線,消費者除了傳統的現金、信用卡...

鐵人賽 DAY 1

[Day 01] 前言

30 天入門 Ansible 及 Jenkins 在軟體開發領域中,IT 自動化管理 (IT automation) 及持續整合 (Continuous int...

鐵人賽 DAY 9
next.js + 各種套件組合 系列 第 9

Next.js & Recompose

介紹 Recompose 可以使用functional programing的方式去組裝元件,這樣產生出來的元件會比較剛剛好,而且他的所有包含生命週期,Stat...

鐵人賽 DAY 7

網路爬蟲Day5 - 爬蟲進階: 非同步爬蟲程式的撰寫

概述 在網頁的取得上,因為每次去要求server回傳html檔時,都要等待回應一段時間,此時client端(也就是你的電腦)其實是沒有在運算的,因此若能夠使用這...

鐵人賽 DAY 9

Kotlin 開發第 9 天 ImageSlider (ViewPager)

今天通過 ViewPager 做一個類似 iOS 中的 UIScrollView 的功能。 Android 不像 iOS 有原生的 UIPageControl...

鐵人賽 DAY 2
用範例理解 Vue.js 系列 第 2

用範例理解 Vue.js #2:用七個官方範例初步認識 Vue.js

非常偷懶的把官方介紹七個範例照打,目的在於粗略了解 Vue 在幹麻。 可以點擊各個範例的 fiddle 連結自行修改和觀看結果。 Vue example 01...

鐵人賽 DAY 2

Nightwatch101 #2:Nightwatch 與 Selenium Webdriver

什麼是 Nightwatch? Nightwatch 是專門給網頁使用的自動化測試框架,它使用 W3C WebDriver API(過去稱為 Selenium...

怎麼import 資料夾內圖片?

前言 不要笑!! 我還真的不知道,我圖片通常都傳上免空在下載,但難免還是要回到最基本的觀念, 但其實跟以往的做法一樣,只是會因為React的資料夾結構,產生不...

鐵人賽 DAY 9
IT安全稽核 系列 第 9

2.1是否鑑別適用範圍內之所有資訊資產及其擁有者?

不知道從甚麼時候開始,台灣的研究生喜歡把考卷或申請書寫到一大篇,如果言之有物,那尚且值得一讀,但我是不欣賞那種做法的人。 我在美國念書的時候,系上教授永遠要求,...

鐵人賽 DAY 9

Day9::我所知道的 CSS動畫

CSS也能做動畫? 沒錯,CSS也能做動畫! 在看到CSS繪圖之後我在同樣的Pen裡頭又看到了會動的簡單小動畫又激起我的好奇心! 然後我就去Google了 要用...

鐵人賽 DAY 7
用IT看世界 系列 第 8

嘞索病毒-要你哭我不哭

今天來談一談Wanna Cry吧!!由於上半年他真的太紅了,新聞也報,就連我們不懂資訊的老闆娘也出來關切 當然身為資安小組成員的我一定要「幹些事情」讓他放心,例...

鐵人賽 DAY 9

DAY9 特洛伊木馬

特洛伊木馬 對於目前使用者的網路使用習慣來說,每天要到網路上、瀏覽網頁、查資料,要去避開這些惡意軟體,是一個很艱難的任務,所以擁有正確的觀念,並且學習讓自己盡量...

鐵人賽 DAY 9

Day9:如何備份 Docker Image 為 tar 檔

前幾天是在介紹如何把 Docker Image 放到公開網路的 Docker Hub 上以及架設私有網路的 Docker Registry 上,但是有時侯想備份...

鐵人賽 DAY 9
Python學習筆記 系列 第 9

[Day9 ] Dictionary字典

Dictionary(dict)又稱關聯記憶體,dictionary是由key來當索引,它可以是任何不可變的型態,字串和數字都可以當作key。 Dict是一組無...

鐵人賽 DAY 2
前端新手村 系列 第 2

從設計載體到RWD顯示原理

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 DAY 2

Day 2 - Puppet 是什麼?能吃嗎?

Puppet ? 拿去餵 Google 翻譯就是「木偶」阿 (誤)!!,今天要講的 Puppet 不是木偶啦,而是 2005 年出品的老牌自動化組態管理工具 P...

鐵人賽 DAY 6
graphQL + ApolloData 入門 系列 第 6

ApolloData Client 基本設定

介紹 前幾篇文章都是在介紹 Server 的部分,因為 ApolloData 提供了許多前端的套件,這次先以用原生 ApolloClient來做一個 簡單設定並...

鐵人賽 DAY 8

Expo DAY8 --- Touchable, Icons & Speech

Expo DAY8 --- Touchable, Icons & Speech tags: day5 iThome鐵人賽2018 ReactNative...

鐵人賽 DAY 2

技術債(Technical Debt)

昨天曾提到,難改的程式通常設計不會太好;程式會設計不好有很多因素,比方說,筆者最常看到的是:因趕上線而寫出設計不好的程式碼。 我們會因為某些因素,而寫出未來難以...

鐵人賽 DAY 9

1-8.監控工具之一:Zabbix Snmp 網通設備資料收集

市面上網通設備基本上都是支援snmp協定,利用SNMP可以收到CPU使用狀態、流量、up/down狀態等等。 先安裝功能相依插件 yum -y install...

鐵人賽 DAY 9

[PixiJS - Day-09] 遮罩

遮罩 mask 在 PixiJS 裡相當容易使用,用法是被遮的物件.mask = 遮罩; 不使用時,設定 被遮的物件.mask = null; 即可 程式碼:...