整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
得圖片批量處理工具是一款可以對圖片進行批量處理的工具，軟件功能包括分類、改尺寸、重命名、糾正方向等，軟件界面直觀簡單，多數功能可以使用按鈕進行操作。
來源：http://www.3h3.com/soft/133565.html
萬得圖片批量處理是一款非常優秀的圖片批量處理軟件，用戶通過這款軟件可以對圖片進行縮放尺寸、改變方向、移動分類等操作。該軟件界面簡潔明了、體積綠色小巧，能夠為用戶帶來極大的便利。
1、照片批量分類移動
時間久了，手機、PAD、電腦里照片堆積如山，但是又怕丟失，于是拷貝到電腦上處理，把不好的照片刪除，把需要備份珍藏的照片分門別類整理好，但是移動照片太麻煩了，用本工具非常快速，節省時間。
2、照片批量縮小尺寸
隨著拍攝的照片越來越多，存放照片是一個頭疼的事情，有時要花費很多的時間把照片備份到網盤，日后檢索下載又要花費大量時間。而對于那些不是很重要的照片，例如僅僅起到記錄作用的照片其實不用保存為原圖的數MB大小，完全可以處理為1600尺寸的高清，但是大小可以縮小在幾百KB，既能保證了圖片效果由方便了存儲和傳輸照片。
3、照片批量重命名
相機單反手機拍出來的照片文件名一般都沒有什么實際意義，對于備份珍藏的照片可以就某一主題（如某某旅游照、寶寶照）或就日期時間進行批量重命名，起到見名知意的效果，也方便日后快速檢索。
4、照片批量糾正方向
有時拍出的照片方向是不對的，或者是顛倒的，但是一個個旋轉太麻煩了，也比較耗時。這時可以使用本軟件進行一次性批量智能旋轉糾正方向，或者一次性手動旋轉到位。
1、使用前請先導入圖片，導入圖片有三種方式：
（1）點擊“添加圖片”按鈕，選擇好一個圖片目錄后即可自動導入圖片。
（2）直接拖放一個圖片目錄或者圖片文件到軟件中去，軟件會自動導入該目錄下的所有圖片。
（3）輸入圖片目錄路徑到編輯框中然后按下回車鍵(Enter鍵)。
軟件默認打開上次使用的圖片目錄，否則打開電腦中的示例圖片。
2、圖片目錄有記錄記憶功能，點擊圖片目錄下拉列表框可以查看之前打開過的歷史圖片目錄
3、圖片預覽方式有三種：超大圖標、大圖標、詳細信息，可以點擊“添加圖片”后面的按鈕切換，也可以右鍵圖片列表，彈出菜單切換
4、圖片在“相信信息”模式下預覽，顯示欄目：名稱、尺寸、文件大小、類型、拍攝日期、修改日期等，單擊任何一個欄目都可以進行排序
5、主界面主要提供了：重命名、縮略圖、水印、文字等幾個主要功能，更多功能見菜單“批量操作”中
6、重命名時，可以點擊“添加標簽”添加重命名規則，批量處理時會根據圖片信息動態重命名圖片
7、批量重命名時，因為不修改文件內容，因此直接對原圖片名進行修改，生成的改名后的圖片仍在原圖片目錄下
8、縮略圖為您提供了多種預定義的尺寸，您也可以“自定義尺寸”大小
9、水印頁面，直接點擊水印列表圖片即可添加水印，右鍵點擊出現的水印控件，可以：添加文字，置頂等操作
10、在軟件目錄下有一個文件夾“水印”，在該目錄下創建子文件夾，并復制圖片進去，重新打開軟件后，會顯示這些水印圖片
11、“文字”頁面，選中水印控件后，滾動鼠標滾輪可以放大縮小文字
12、“文字”頁面，左鍵點擊“水印位置”設置水印對齊屬性，右鍵點擊“水印位置”取消水印對齊屬性
譯自： https://opensource.com/article/18/8/markdown-html-publishing
作者： Peter Cheer
譯者： geekpi
用這個有用工具從 Markdown 文件創建一個基礎的網站。
有很多理由喜歡 Markdown，這是一門簡單的語言，有易于學習的語法，它可以與任何文本編輯器一起使用。使用像 Pandoc 這樣的工具，你可以將 Markdown 文本轉換為 各種流行格式 ，包括 HTML。你還可以在 Web 服務器中自動執行轉換過程。由 TimoD?rr 創建的名為 MDwiki 的 HTML5 和 JavaScript 應用可以將一堆 Markdown 文件在瀏覽器請求它們時轉換為網站。MDwiki 網站包含一個操作指南和其他信息可幫助你入門：
Mdwiki 網站的樣子。
在 Web 服務器內部，基本的 MDwiki 站點如下所示：
該站點的 web 服務器文件夾的樣子
我將此項目的 MDwiki HTML 文件重命名為 START.HTML。還有一個處理導航的 Markdown 文件和一個 JSON 文件來保存一些配置設置。其他的都是網站內容。
雖然整個網站設計被 MDwiki 固定了，但內容、樣式和頁面數量卻沒有。你可以在 MDwiki 站點 查看由 MDwiki 生成的一系列不同站點。公平地說，MDwiki 網站缺乏網頁設計師可以實現的視覺吸引力 —— 但它們是功能性的，用戶應該平衡其簡單的外觀與創建和編輯它們的速度和簡易性。
Markdown 有不同的風格，可以針對不同的特定目的擴展穩定的核心功能。MDwiki 使用 GitHub 風格 Markdown ，它為流行的編程語言添加了格式化代碼塊和語法高亮等功能，使其非常適合生成程序文檔和教程。
MDwiki 還支持 “gimmick”，它增加了如嵌入 YouTube 視頻和顯示數學公式等額外功能。如果在某些項目中需要它們，這些值得探索。我發現 MDwiki 是創建技術文檔和教育資源的理想工具。我還發現了一些可能不會立即顯現出來的技巧和 hack。
當部署在 Web 服務器中時，MDwiki 可與任何現代 Web 瀏覽器一起使用。但是，如果你使用 Mozilla Firefox 訪問 MDwiki，那么就不需要 Web 服務器。大多數 MDwiki 用戶會選擇在 Web 服務器上部署完整的項目，以避免排除潛在用戶，但只需使用文本編輯器和 Firefox 即可完成開發和測試。任何現代瀏覽器都可以讀取加載到 Moodle 虛擬學習環境（VLE）中的完整的 MDwiki 項目，這在教育環境中非常有用。 （對于其他 VLE 軟件，這可能也是如此，但你應該測試它。）
MDwiki 的默認配色方案并非適用于所有項目，但你可以將其替換為從 Bootswatch.com 下載的其他主題。為此，只需在編輯器中打開 MDwiki HTML 文件，找到 extlib/css/bootstrap-3.0.0.min.css，然后插入下載的 Bootswatch 主題。還有一個 MDwiki gimmick，讓用戶在瀏覽器中載入 MDwiki 后，選擇 Bootswatch 主題來替換默認值。我經常與有視力障礙的用戶一起工作，他們傾向于喜歡高對比度的主題，在深色背景上使用白色文字。
MDwiki 頁面使用 Bootswatch Superhero 主題
MDwiki、Markdown 文件和靜態圖像可以用于許多目的。但是，你有時可能希望包含 JavaScript 幻燈片或反饋表單。Markdown 文件可以包含 HTML 代碼，但將 Markdown 與 HTML 混合會讓人感到困惑。一種解決方案是在單獨的 HTML 文件中創建所需的功能，并將其顯示在帶有 iframe 標記的 Markdown 文件中。我從 Twine Cookbook 知道了這個想法，它是 Twine 交互式小說引擎的支持站點。Twine Cookbook 實際上并沒有使用 MDwiki，但結合 Markdown 和 iframe 標簽開辟了廣泛的創作可能性。
這是一個例子：
此 HTML 將顯示由 Markdown 文件中的 Twine 交互式小說引擎創建的 HTML 頁面。
<iframe height="400" src="sugarcube_dungeonmoving_example.html" width="90%"></iframe>
MDwiki 生成的站點結果如下所示：
簡而言之，MDwiki 是一個出色的小應用，可以很好地實現其目的。
via: https://opensource.com/article/18/8/markdown-html-publishing
作者： Peter Cheer 選題： lujun9972 譯者： geekpi 校對： wxy
本文由 LCTT 原創編譯， Linux中國 榮譽推出
前端中的命名規范：打造整潔代碼的藝術
**引言：**
在前端開發的世界中，代碼質量不僅體現在功能的實現，也體現在代碼的可讀性與維護性上。良好的命名規范正是提升代碼質量不可或缺的一部分，它如同樂譜中的音符標識，清晰有序地引導著每一位閱讀者理解程序的脈絡。本文將深入探討前端開發中的命名規范，結合實例代碼，帶你領略命名藝術的魅力，助你編寫出更易于閱讀、維護和擴展的代碼。
---
### **一、HTML元素命名規范**
**標題：語義化命名，讓HTML結構一目了然**
```html
<!-- 不良示例 -->
<div id="d1">標題</div>
<div id="c1">內容</div>
<!-- 優秀示例 -->
<header class="site-header">標題</header>
<section class="content-section">內容</section>
```
在HTML元素命名時，應盡量使用語義化的標簽，如`<header>`、`<section>`等代替無意義的`<div>`。同時，使用類名（class）描述元素的用途或樣式，如`.site-header`、`.content-section`等，增強代碼的可讀性。
---
### **二、CSS選擇器與變量命名規范**
**標題：清晰、一致、描述性**
1. **CSS選擇器命名**：
```css
/* 不良示例 */
#d1 { ... }
.c1 { ... }
/* 優秀示例 */
.site-header { ... }
.content-section { ... }
```
CSS選擇器應遵循一致性原則，如使用BEM（Block Element Modifier）命名法，提高代碼的復用性和模塊化程度。
2. **CSS變量命名**：
```css
:root {
--primary-color: #1abc9c;
--font-size-base: 16px;
}
/* 使用變量 */
body {
font-size: var(--font-size-base);
color: var(--primary-color);
}
```
CSS變量命名應具有描述性，表明其用途，如`--primary-color`和`--font-size-base`。
---
### **三、JavaScript變量、函數與類命名規范**
**標題：駝峰式命名與帕斯卡式命名的抉擇**
1. **變量命名**：
```javascript
// 不良示例
let s='hello';
let counter1=0;
// 優秀示例
let greeting='hello';
let currentCount=0;
```
變量名應使用駝峰式命名法（camelCase），首字母小寫，后續單詞首字母大寫，體現語義。
2. **函數命名**：
```javascript
// 不良示例
function c1(){...}
// 優秀示例
function calculateTotalPrice(){...}
```
函數名也應使用駝峰式命名法，并且名字應清晰反映其功能。
3. **類命名**：
```javascript
// 不良示例
class c1{...}
// 優秀示例
class ShoppingCart{...}
```
類名使用帕斯卡式命名法（PascalCase），所有單詞首字母大寫。
---
### **四、模塊與文件命名規范**
**標題：清晰的目錄結構與文件命名**
```bash
├── components/
│ ├── Button/
│ │ ├── Button.vue
│ │ └── index.js
│ ├── Header/
│ │ ├── Header.vue
│ │ └── index.js
├── utils/
│ ├── stringUtils.js
│ └── dateUtils.js
```
模塊與文件命名應簡潔明了，體現其內容和用途，同時保持目錄結構的清晰和層級分明。
---
**結語：**
良好的命名規范就如同一把鑰匙，幫助開發者快速理解代碼含義，也為后期維護帶來了極大的便利。在實際工作中，堅持遵循命名規范，不僅能提升團隊協作效率，也有助于個人編程習慣的規范化和職業素養的養成。無論是HTML元素、CSS選擇器，還是JavaScript變量與函數，乃至整個項目的架構，都應該體現出命名的藝術，共同編織出一片清爽、易讀、易維護的代碼森林。記住，好的代碼本身就是最好的注釋，而命名規范則是這幅畫卷中最靈動的筆觸。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
