COBOL是一種你經常聽到的語言，是過去的遺留物之一。 事實證明，它是讓世界運轉的語言，尤其是在銀行和金融機構中。我在某處讀到，超過70％的商業交易是通過用COBOL編寫的程序完成的。 有很多原因。首先，這種語言是為這種用例而設計的。 畢竟，它的名字就是“COmmon Business-Oriented Language”（通用商業導向語言）。 這名字有點無聊，但它直接切入主題。 另一個原因是它很古老。COBOL設計於1959年，從一開始就被用於構建系統，沒有人會重新編寫運行良好的程序。 這些程序非常重要，只需維護和改進，而不需要從頭重寫。 無論如何，您可以在維基百科上閱讀有關COBOL的歷史。這裡的目標是快速介紹一下這種語言，這樣下次你聽到COBOL時，你就知道它是什麼樣子。 安裝GNU COBOL編譯器 安裝 gnu-cobol。 在Mac上，使用 Homebrew： brew install gnu-cobol 或者使用任何能在您的操作系統上安裝GNU命令的方式（提示：Homebrew也可在Windows / Linux上運行）。 完成後，您將可以使用 cobc 命令。 這是它的手冊頁面： man cobc 我在網絡上找到的一些指示涉及安裝集成開發環境（IDE），但您無需安裝IDE來測試。 在.cob文件中編寫您的COBOL程序，並使用以下命令編譯： cobc -x <filename>.cob 編寫COBOL Hello, World! 我創建了一個 hello.cob 文件，並在 VS Code 中打開它。立即彈出窗口告訴我一些擴展可以幫助處理 .cob 文件。我留下了深刻的印象。 我將安裝第一個和最受歡迎的名為COBOL的擴展，以提供語法高亮顯示。 現在將以下代碼添加到 hello.cob 文件中： HELLO IDENTIFICATION DIVISION. PROGRAM-ID. HELLO. PROCEDURE DIVISION. DISPLAY "Hello, World!". STOP RUN. 從命令行編譯它： cobc -x hello.cob 然後運行生成的二進制文件： ./hello 這很簡單。 將兩個從用戶端接收的數字相加 現在創建一個 sum.cob 文件：...

魚殼（Fish Shell）：如何移除歡迎訊息 如何在魚殼（Fish Shell）中移除 “Welcome to fish, the friendly interactive shell” 歡迎訊息。 我遇到了這個「問題」。 每次打開 shell 時，我都會看到這三行文字。 這是魚殼（Fish Shell）的預設訊息。 我想要將它們移除。 以下是我所做的方法。 我打開了 ~/.config/fish/config.fish。 code ~/.config/fish/config.fish 文件內容如下： if status is-interactive # Commands to run in interactive sessions can go here end fish\_add\_path /opt/homebrew/opt/[[email protected]](/cdn-cgi/l/email-protection)/bin 我在最後加上了 set fish_greeting ""： if status is-interactive # Commands to run in interactive sessions can go here end fish\_add\_path /opt/homebrew/opt/[[email protected]](/cdn-cgi/l/email-protection)/bin set fish\_greeting "" 現在我的提示符如下：

CommonJS 模組規範是 Node.js 中用於處理模組的標準。模組非常方便，因為它們允許你封裝各種功能並將這些功能作為庫暴露給其他 JavaScript 文件。 CommonJS 模組規範是 Node.js 中用於處理模組的標準。 在瀏覽器中運行的客戶端 JavaScript 使用另一種標準，稱為 ES Modules。 模組非常方便，因為它們允許你封裝各種功能並將這些功能作為庫暴露給其他 JavaScript 文件。它們讓你可以創建明確分離且可重用的功能片段，每個片段都可以單獨進行測試。 巨大的 npm 生態系統是基於這種 CommonJS 格式構建的。 導入模組的語法如下： const package = require('module-name') 在 CommonJS 中，模組是同步加載的，並且按照 JavaScript 運行時找到它們的順序進行處理。這個系統是為了服務器端 JavaScript 而設計的，並不適用於客戶端（這就是為什麼引入了 ES Modules 的原因）。 當一個 JavaScript 文件導出其定義的一個或多個符號（變量、函數、對象）時，它就是一個模組： uppercase.js exports.uppercase = (str) => str.toUpperCase() 任何 JavaScript 文件都可以導入並使用該模組： const uppercaseModule = require('uppercase.js') uppercaseModule.uppercase('test') 你可以導出多個值： exports.a = 1 exports.b = 2 exports.c = 3 並使用 解構賦值 個別導入它們： const { a, b, c } = require('....

＃將資料庫連接到Laravel 此教程是Laravel手冊的一部分。從https://flaviocopes.com/access/下載它。 我們正在以非常基本的形式使用Laravel，沒有使用任何資料庫。 現在，我想設置一個資料庫並配置Laravel以使用它。 在我們配置資料庫之後，我將向您展示如何使用表單接受用戶輸入並將數據存儲在資料庫中，以及如何將這些數據可視化顯示。 我還將向您展示如何使用資料庫中的數據與動態路由。 ###將資料庫連接到Laravel 使用資料庫最簡單的方式是使用SQLite。 SQLite只是一個在您的網站上托管的文件，不需要進行特殊設置。 打開.env文件，將默認配置改為 DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=laravel DB_USERNAME=root DB_PASSWORD= 添加 DB_CONNECTION=sqlite Laravel會在您第一次運行遷移時自動在database/database.sqlite中創建一個SQLite數據庫。

創造自己的工作保障 唯一掌握未來的方法是擁有自己的事業 曾經有一段時間，成為一名員工是一個相對安全的選擇。但現在不再是如此。你真的想要每週工作40到60小時，為一個雇主工作，而他們可能在你犯一個錯誤或者你不再是必不可少的時候炒掉你嗎？此外，由於業務可能在你無法阻止的情況下關閉，你的命運並不完全取決於你自己。 唯一掌握未來的方法是擁有自己的事業，並且通過你的日常行動快速且直接地影響業務的發展方向。 在過去幾年中，越來越多的人正在從事自己的工作，並建立協作網絡，而不是像傳統公司一樣有領導者和員工的架構。這是一個真正分散的公司。 成為機器中的一個齒輪是我們從工業革命繼承的一種想法，這是一個已有200年歷史的理念，現在正逐漸消失，被一種更靈活和高效的模式所取代，這種模式適合那些願意冒險的人。 想象一下，如果你生病了或因某種原因無法工作，會發生什麼。 你無法幫助你工作的企業，除非他們有義務保留你作為員工，否則結果就是：你會被解雇。 如果你擁有一系列屬於自己的產品，即使有問題使你無法工作數週，你仍然可以有收入。 舉個例子，如果你是一名程序員，突然不能再看屏幕了，因為有眼睛問題，或者你開始遭受重複性劇痛損傷（RSI），這不是一種容易消失的疾病，可能需要許多個月甚至幾年才會改善。 在這些情況下，唯一維持生計的方法是擁有基於自動化模式運作的產品的事業，即使你每天不需要工作6、8、10個小時也能拿到薪水。 現在是個獨立事業者取得成功的絕佳時機。想想過去10年中如何改善了推廣自己的事業的工具，舒適地從家中進行。輸入你的信用卡資料，你就可以像大品牌一樣使用相同的工具來啟動AdWords或Facebook廣告活動。這是一個難得的機會，可惜錯過了就太可惜了。

CSRF 代表 跨站請求偽造。 CSRF 是 XSS 和 SQL 注入之後，最常見的網路攻擊之一。 簡單來說，CSRF 攻擊是讓訪問我們網站的人執行他們原本不想執行的操作。 一次成功的 CSRF 攻擊可能導致資料損失、未經授權的活動和資料損失，所以絕對是一個需要仔細研究的議題。 使用 HTTP GET 請求進行 CSRF 攻擊 讓我們從最簡單的 CSRF 情境開始。 你有一個汽車的資料庫。 透過 GET 請求 /api/delete?id=1 將會刪除 id 為 1 的汽車。 我訪問了另一個網站，該網站有一個圖片，圖片的來源 URL 是 https://yoursite.com/api/delete?id=1 類似這樣： <img src="<https://yoursite.com/api/delete?id=1>" /> 瀏覽器連接到該 URL 嘗試取得圖片。請求被執行，請求被提交，並且汽車被刪除。 如果應用程式需要驗證，如果你沒有從網站登出，則請求將會成功執行，因為會話仍然有效。 由於 Web 的運作方式，任何對於一個網域的請求都會自動附上會話 cookies（除非使用嚴格的 SameSite cookies），所以伺服器認為該請求是合法的。 你可以輕易地透過 Node.js 應用程式來嘗試重現這個情境。 解決這個問題的簡單方法是避免使用 GET 請求來進行任何資料操作，因為像這類的請求只需使用 GET 方法即可。改用 POST。 這不僅限於圖片，像是 iframes 也有相同的問題。 透過表單進行 CSRF 攻擊 你的應用程式中的任何表單都應該被 CSRF 保護。 Express 是一個用於 Express 的 CSRF 保護中介軟體。...

學習如何使用 CSS 的 calc() 函式 calc() 函式可以讓您對數值進行基本的數學運算，尤其在需要將長度值加減百分比時非常有用。 以下是它的工作方式： div { max-width: calc(80% - 100px) } 它會返回一個長度值，因此可以在任何需要像素值的地方使用。 您可以進行以下運算： 使用 + 進行加法 使用 - 進行減法 使用 * 進行乘法 使用 / 進行除法 注意：在進行加法和減法時，運算符號周圍的空格是必需的，否則它將不按預期工作。 範例： div { max-width: calc(50% / 3) } div { max-width: calc(50% + 3px) }

CSS Grid 是 CSS 城中的新生力量，雖然還不被所有瀏覽器完全支持，但它將成為未來布局系統的核心。 網格。一個數字的薄膜。當數據通過計算機傳送時，我試圖想像它們是什麼樣子？船？摩托車？電路就好像高速公路一樣？我一直夢想著能看到像這樣的新世界。然後有一天.. 我進來了。——《创：異世紀》 CSS Grid 簡介 基礎知識 grid-template-columns 和 grid-template-rows 自動大小 不同的列和行的大小 在單元格之間添加間距 在多列和/或多行上添加項目 縮寫語法 使用 grid-area 作為簡寫 使用 span 更多的網格配置 使用分數 使用百分比和 rem 使用 repeat() 為行指定最小寬度 使用 grid-template-areas 定位元素 在模板區域中添加空單元格 使用網格填充頁面 示例：標題、側邊欄、內容和頁腳 總結 CSS Grid 簡介 CSS Grid 是使用 CSS 構建佈局的全新方法。 你可以關注 caniuse.com 上的 CSS Grid Layout 頁面 以查找目前支持它的瀏覽器。截至 2019 年 4 月，除了永遠不會支持它的 IE 外，所有主要瀏覽器已經支持這項技術，涵蓋了92%的用戶。 CSS Grid 不是 Flexbox 的競爭對手。它們可以互相協作，構建複雜的布局，因為 CSS Grid 在二維空間（行和列）上工作，而 Flexbox 在單一維度（行或列）上工作。...

如何在 CSS 中使用填充 (padding) padding 是 CSS 中常用的屬性，用於在元素的內側添加空間。 記住： margin 會在元素邊框外添加空間 padding 會在元素邊框內添加空間 特定 padding 屬性 (Specific padding properties) padding 有 4 個相關屬性，可以一次性修改單個邊緣的填充效果： padding-top padding-right padding-bottom padding-left 使用這些屬性非常簡單，不會混淆。例如： padding-left: 30px; padding-right: 3em; 使用 padding 簡寫 (Using the padding shorthand) padding 是一個簡寫形式，用於同時指定多個填充值，根據輸入的值的數量不同，其行為也不同。 單一值 (1 value) 使用單一值會將其應用於所有填充：上，右，下，左。 padding: 20px; 2 個值 (2 values) 使用 2 個值將第一個值應用於上和下，第二個值應用於左和右。 padding: 20px 10px; 3 個值 (3 values) 使用 3 個值將第一個值應用於上，第二個值應用於左和右，第三個值應用於下。 padding: 20px 10px 30px; 4 個值 (4 values) 使用 4 個值將第一個值應用於上，第二個值應用於右，第三個值應用於下，第四個值應用於左。...

了解如何使用 CSS 的 url() 函數。 當我們談到背景圖片、@import 等等時，我們使用 url() 函數來載入資源： div { background-image: url(test.png); } 在這個例子中，我使用了相對 URL，它會在定義 CSS 檔案的資料夾中尋找該檔案。 我可以往前一層： div { background-image: url(../test.png); } 或進入一個資料夾： div { background-image: url(subfolder/test.png); } 或者，我可以從主機的根目錄開始載入文件： div { background-image: url(/test.png); } 或者，我可以使用絕對 URL 來載入外部資源： div { background-image: url(https://mysite.com/test.png); }