Mike Cheng直播Webpack前端課程,內容包含Webpack基本應用操作,在一個小時內帶你認識Webpack,值得一看。

Add a comment

您是否在尋找更快的方式來構建網站?然後,你應該採取的第一步是查看 WordPress,如果你還沒有這樣做。WordPress 是當今市場上最受歡迎的 CMS。WordPress 可以使用大量的主題和插件。

使用 WordPress 主題,您可以創建任何類型的網站。他們中的許多人帶來了各種強大的設計和網站建設選擇。有了所有這些,您現在知道如何成功啟動 WordPress 網站。

你將面臨的問題在於必須在數百個 WordPress 主題中進行選擇。其中一些比其他人提供更多。通過選擇 15 個最好的 WordPress 主題,我們為您提供了便捷的搜索功能。

  1. Be Theme

    由於某種原因,Be Theme 位於列表的頂部。如果有一個任何類型的網站要建立或一個將用於任何特定的商業利基,這個多功能的 WordPress 主題可以做到這一點。

    原因?40 種強大的核心功能,從工具到模板,從特殊效果到網站必需品,如響應性,SEO 友好性,當然還有性能。

    這些功能中最強大的功能可以說是 Be 的 400 多個預建網站的庫。這些預建網站不僅僅是佈局。每個都經過專業設計和製作,每個都滿足特定網站類型或業務部門的最新設計趨勢和標準。

    這些預先構建的網站具有嵌入其中的適當功能,每個網站都可以安裝,只需單擊即可完成。添加功能強大的頁面構建器,佈局生成器,管理面板,短代碼生成器和短代碼庫,以及一系列網格和設計選項,以及新的 Header Builder,您可以使用強大的 Web 設計工具箱。

Add a comment

canvas實現刮刮卡

這個刮刮卡用HTML5 canvas繪製。刮刮卡主要由兩層canvas繪製,底層放置隨機數,頂層放置圖片,限制每天只能刮三次,主要利用globalCompositeOperation我們可以將新圖形繪製在舊圖形之下、遮蓋部分區域、清除畫布部分區域 (不同於 clearRect() 函式只能清除矩形區域)。

ctx.globalCompositeOperation = 'destination-out';
Add a comment

如果說一夜好眠過後,我們做的第一件事是「起床」,那麼接下來要做的事必然是在刷牙和吃早餐中選擇了。

但在這個網路謠言紛飛的年代,想必大家也是聽過各種說法:

先刷牙好,要不是吃早餐就是在吃細菌;

先吃早飯好,昨晚是刷了牙才睡覺,早上還有什麼可刷的?

Add a comment

NPM 的安裝與使用

NPM 全名為Node Package Manager,是附屬在 Node.js 中的套件管理工具,我們在安裝 Node.js 時,就可以順便將 NPM 安裝到電腦中,並且在命令列 / 終端機模式中使用。

專案初始化

利用 npm 指令,可以協助我們建立 Node.js 專案的描述檔,或稱為初始化專案,命令如下:

//協助我們建立 Node.js 專案的描述檔
npm init

在打入 npm init 後,會被要求輸入幾個欄位

package name: 你這個 Project 要叫什麼名字
version: 你決定這個 Project 現在該是第幾版
description: Project 基本介紹
entry point: 進入點,如果要跑你的 Project 應該要執行哪個檔案
author: 作者(自己)
license: 你這個 Project 是採用什麼授權的
test command: 這個不太重要,待會會說明

基本上結束後,你可以看到這個資料夾底下,新增了一個 Package.json

Add a comment

在本教程中,我們將製作一個多文件上載PHP腳本,其中包含文件擴展名和大小的驗證,以進行安全上載並將文件信息保存到MySQL數據庫中。 在本教程中,我們將製作一個圖像上傳系統。這可用於上傳圖像,PDF,文檔,日誌或任何文件類型,確保您在腳本中進行更改。 如果您對文件上傳不熟悉,可以查看我們關於使用PHP進行簡單文件上傳的文章,以便開始使用基本知識。

HTML

這是一個簡單的HTML論壇,不會有任何樣式,因為我們專注於PHP上傳。

<form action="" method="POST" enctype="multipart/form-data">
    <input type="file" name="files[]" multiple="" />
    <input type="submit"/>
</form>
Add a comment

無法執行錯誤訊息

開啟模擬器時遇到這個錯誤訊息

Cannot launch AVD in emulator.
Output: emulator:
ERROR: x86 emulation currently requires hardware acceleration! Please ensure Intel HAXM is properly installed and usable. CPU acceleration status: HAX kernel module is not installed!

Add a comment

Javascript filter函式,可以幫助我們過濾一個陣列中符合條件的元素,若不符合則刪除。不更改原陣列,而回傳新陣列。

filter 函式,接受一個 callback 函式,callback 可以有三個參數(element, index, array),

  • element:陣列元素的值。
  • index:陣列元素的所在位置。
  • arr:已經過 filter 處理的陣列

過濾陣列中值小於10的元素

var numbers = [20, 10, 9, 25, 1, 3, 8, 11];
var result = numbers.filter(function(element, index, arr){
    return element<=10;
});
console.log(result);
// [20, 10, 25, 11]

callback 中,回傳 false 的元素將會被移除,但注意元陣列並未改變,而是回傳新陣列。

Add a comment