不再蒙圈：細(xì)說條件格式中的引用方式

伙伴們好啊，今天老祝和大家說說條件格式有關(guān)的問題。

在條件格式中，可設(shè)置的格式包括數(shù)字格式、字體、邊框和填充顏色等。Excel內(nèi)置的條件格式規(guī)則包括“突出顯示單元格規(guī)則”、“最前/最后規(guī)則”、“數(shù)據(jù)條”、“色階”和“圖標(biāo)集”，能夠滿足大多數(shù)用戶的應(yīng)用需求。

除了這些內(nèi)置的功能，還可以在條件格式中使用函數(shù)公式，來(lái)完成更加個(gè)性化的設(shè)置。敲黑板，劃重點(diǎn)：

如果公式返回的結(jié)果為TRUE或是不等于0的任意數(shù)值，則應(yīng)用預(yù)先設(shè)置的格式效果。如果公式返回的結(jié)果為FALSE或是數(shù)值0，則不會(huì)應(yīng)用預(yù)先設(shè)置的格式效果。

在使用在條件格式中使用函數(shù)公式時(shí)，有一個(gè)讓很多小伙伴暈頭轉(zhuǎn)向的問題——引用方式。這個(gè)問題解決不了的話，一切努力就白瞎了。

下面咱們以幾個(gè)常用的條件格式設(shè)置，來(lái)說說這個(gè)問題：

應(yīng)用一：突出顯示低于60的成績(jī)

本例應(yīng)用重點(diǎn)：

如果選中的是一個(gè)單元格區(qū)域，可以以活動(dòng)單元格作為參照編寫公式，設(shè)置完成后，該規(guī)則會(huì)應(yīng)用到所選中范圍的全部單元格。

本例中每個(gè)單元格單獨(dú)與數(shù)值60進(jìn)行對(duì)比，所以使用相對(duì)引用方式。

應(yīng)用二：突出顯示未結(jié)算的記錄

本例應(yīng)用重點(diǎn)：

如果選中的是多行多列的區(qū)域，需要同時(shí)考慮列行方向和列方向的引用方式。

本例中，每一列都根據(jù)C列的內(nèi)容進(jìn)行判斷，因此C2使用列絕對(duì)引用方式，而每一行都根據(jù)同一行中C列的內(nèi)容判斷，所以行方向使用相對(duì)引用。

應(yīng)用三：自動(dòng)標(biāo)記收益率最高的債券

本例應(yīng)用重點(diǎn)：

如果需要在公式中固定引用某一行或某一列時(shí)，可以理解為在所選區(qū)域的活動(dòng)單元格中輸入公式，然后將公式復(fù)制到所選范圍內(nèi)。

本例中，先使用絕對(duì)引用方式，用MAX函數(shù)計(jì)算出$D:$D的最大值，然后用$D2與之進(jìn)行比較。因?yàn)槊恳涣卸加肈列中的數(shù)據(jù)來(lái)比較，因此列方向使用絕對(duì)引用方式。而每一行中都根據(jù)同一行中D列的內(nèi)容判斷，所以行方向使用相對(duì)引用。

應(yīng)用四：按指定間隔填充顏色

本例應(yīng)用重點(diǎn)：

如果選中的是一列多行的單元格區(qū)域，需要注意活動(dòng)單元格中的公式在向下復(fù)制時(shí)引用范圍的變化，也就是行方向的引用方式。本例中，使用MOD函數(shù)計(jì)算行號(hào)與E1單元格相除的余數(shù)，每一行、每一列都引用E1單元格中指定的數(shù)值，所以要使用絕對(duì)引用。

同樣，如果選中的是一行多列的單元格區(qū)域，需要注意活動(dòng)單元格中的公式在向右復(fù)制時(shí)引用范圍的變化，也就是列方向的引用方式。

好了，今天咱們的內(nèi)容就是這些吧，祝小伙伴們一天好心情！

圖文制作：祝洪忠

專業(yè)的職場(chǎng)技能充電站

例簡(jiǎn)介

有些網(wǎng)站為了凸顯某部分字體，而引入自定義字體，但由于自定義字體相對(duì)都比較大（幾M），導(dǎo)致頁(yè)面加載緩慢；所以本文介紹三種壓縮字體的方法，可根據(jù)項(xiàng)目情況自行選擇。

壓縮方法

1、利用Fontmin程序（效果如下圖）

1）運(yùn)行Fontmin程序后，1位置輸入需要生成的文字內(nèi)容，2位置拖入ttf文件（源文件7947KB）;

2)點(diǎn)擊“生成”按鈕，生成成功后，彈出生成文件（ttf文件變成11KB），根據(jù)瀏覽器兼容性引入文件。

Tips：當(dāng)需要增加新的文字時(shí)，需要重新生成文件。

2、利用Node.js+Fontmin組件（效果如下圖）

1）配置好Node.js框架（本文使用Express）；

2）在index.js文件增加代碼，用來(lái)自動(dòng)讀取“views”下面的所有*.ejs文件的文字，然后根據(jù)“src”的ttf源文件，使用Fontmin組件生成壓縮文件（生成目錄“dest”）。

Tips：適用于多文件情況下，自動(dòng)匯總生成。

// 遍歷所有文件提取里面的所有文字
const fs = require("fs");
const Fontmin = require('fontmin');
let set = new Set();


//get all possible characters
const scanFolder = (dir, done) => {
    let results = [];
    fs.readdir(dir, (err, list) => {
        if (err) {
            return done(err);
        }
        let i = 0;
        (function iter() {
            let file = list[i++];
            if (!file) {
                return done(null, results);
            }
            file = dir + '/' + file;
            console.log(file)
            fs.stat(file, (err, stat) => {
                if (stat && stat.isDirectory()) {
                    scanFolder(file, (err, res) => {
                        results = results.concat(res);
                        iter();
                    });
                } else {
                    results.push(file);
                    iter();
                }
            });
        })();
    });
};
//get all possible characters
const generateFinalHTML = finalString => {
    const fontmin = new Fontmin()
        .src('public/fonts/SourceHanSansCN-Medium.ttf')
        .dest('public/fonts/build/')
        .use(Fontmin.glyph({
            text: finalString,
            hinting: false
        }))
        .use(Fontmin.ttf2woff({
            deflate: true
        }));




    fontmin.run((err) => {
        if (err) {
            throw err;
        }
    });
}
//get all possible characters
scanFolder("views", (n, results) => {
    results.forEach(file => {
        const result = fs.readFileSync(file, 'utf8');
        const currentSet = new Set(result)
        set = new Set([...set, ...currentSet]);
    });
    generateFinalHTML(Array.from(set).join(""))
})

3、利用font-spider組件（效果如下圖）

1）安裝font-spider組件；

npm install font-spider -g

2）新建index.html文件；

3）執(zhí)行下面命令生成壓縮文件。

font-spider ./*.html

總結(jié)

可以根據(jù)項(xiàng)目實(shí)際情況，選擇適當(dāng)?shù)姆椒ā?/p>

考：https://www.jb51.net/article/163170.htm

vue中靜態(tài)資源的引入機(jī)制

靜態(tài)資源可以通過兩種方式進(jìn)行處理：

在 JavaScript 被導(dǎo)入或在 template/CSS 中通過相對(duì)路徑(以 . 開頭)被引用。這類引用會(huì)被 webpack 處理。

如 <img src="..."> 、 background: url(...) 和 CSS @import 的資源

例如， url(./image.png) 會(huì)被翻譯為 require('./image.png')

放置在 public 目錄下或通過絕對(duì)路徑被引用。這類資源將會(huì)直接被拷貝，而不會(huì)經(jīng)過 webpack 的處理，你需要通過絕對(duì)路徑來(lái)引用它們。如果 URL 是一個(gè)絕對(duì)路徑，例如 /images/foo.png ，它將會(huì)被保留不變。

假設(shè)有這樣一個(gè)目錄：

vue-path/
----- public/
-------- images/
------------ XX.jpg
----- src/
-------- assets/
------------ images/
---------------- XX.jpg
-------- App.vue

App.vue

一、常見的引入方式，路徑是固定的字符串，圖片會(huì)被webpack處理，文件若丟失會(huì)直接在編譯時(shí)報(bào)錯(cuò)，生成的文件包含了哈希值：

<img src="./assets/images/01.jpg" alt="">

編譯后:

在線咨詢

上一篇：戲說HTML5
下一篇：「W3Cschool推薦」Java開發(fā)工程師學(xué)習(xí)路線圖2022版

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

不再蒙圈：細(xì)說條件格式中的引用方式

例簡(jiǎn)介

壓縮方法

總結(jié)

App.vue

您的項(xiàng)目需求