原创 Node+WebSocket+Vue聊天室: 界面美化,代碼優化

客戶端HTML代碼優化 頁面先分爲左右佈局,然後左/右裏面再分爲上中下佈局。 很自然,我們想到了flex佈局,Flex是Flexible Box的縮寫,意爲”彈性佈局”,用來爲盒狀模型提供最大的靈活性。 ... <div class="w

原创 人間真實:最爛代碼排行榜!!!

爛代碼特徵: 大量的獨特算法攜帶着個性的變量命名。 複雜的項目結構夾雜着畸形的文件路徑。 縮進的大小無常孕育着註釋的如也空空。 格式的混亂無章包含着語句的從不換行。 磅礴的代碼森林延伸着無數條羊腸小道。 編譯的意外通過驚爆出黃色的感嘆多條

原创 CSS 最核心的幾個概念

本文將講述 CSS 中最核心的幾個概念,包括:盒模型、position、float等。這些是 CSS 的基礎,也是最常用的幾個屬性,它們之間看似獨立卻又相輔相成。爲了掌握它們,有必要寫出來探討一下,如有錯誤歡迎指正。 元素類型 HTML 的

原创 【收藏】JavaScript數組方法速查手冊極簡版

1 概述 1.1 前言 JavaScript數組方法速查手冊極簡版中共收了32個數組的常用方法和屬性,並根據方法的用途進行重新排序和分類,在文中簡要的介紹了方法作用和用例說明。收藏備用吧! 文中介紹的過於簡單,想更更多理解相關內容還是要多多

原创 javascript系列--認識並理解構造函數,原型和原型鏈

一、前言 介紹構造函數,原型,原型鏈。比如說經常會被問道:symbol是不是構造函數;constructor屬性是否只讀;prototype、[[Prototype]]和proto的區別;什麼是原型鏈?等等問題 二、構造函數 1、什麼構造函

原创 前端入門必知開發規範

本文主要從以下幾個方面來概述前端的開發規範 1. 目錄構建規範 2. 前端命名規範 3. 前端工作規範 4. 開發文檔的書寫規範 1. 前端目錄構建規範 我們從命名原則、根目錄、業務邏輯等方面進行目錄構建 1.1 命名原則: 簡潔明瞭(

原创 給大家分享一張最新的以 企業崗位需求爲導向前端技能點圖

這一波良心推薦的【前端學習路線】乾貨,不談虛的,直接來談每個階段要學習的內容 想入門前端的小夥伴們,那就放馬過來吧! 首先,給大家分享一張最新的以 企業崗位需求爲導向前端技能點圖,如下 最後,給大家推薦一個前端學習進階內推交流羣68

原创 與技術無關,但卻值得碼農們好好讀一讀的怪書:禪與摩托車維修藝術

最近在讀《禪與摩托車維修藝術》這本書,說它很奇怪,其實是因爲覺得書名很有意思。看書名,很容易被誤解成是一本教人修摩托車的教程,事實上它是一本非常經典的哲學書籍,很多大牛都有推介過這本書。 著名的物理學家 霍金 曾這樣評價這本書: “我因爲寫

原创 5 分鐘掌握 JavaScript 實用竅門

簡評:一開始 JavaScript 只是爲網頁增添一些實時動畫效果,現在 JS 已經能做到前後端通吃了,而且還是年度流行語言。本文分享幾則 JS 小竅門,可以讓你事半功倍 ~ 1. 刪除數組尾部元素 const arr = [11,

原创 理解JavaScript的作用域

作用域 是什麼? 作用域是指程序源代碼中定義變量的區域。 有什麼用? 作用域規定了如何查找變量,也就是確定當前執行代碼對變量的訪問權限。 作用域嵌套與作用域鏈 當一個塊或函數嵌套在另一個塊或函數中時,就發生了作用域的嵌套。作用域嵌套的查

原创 各種優惠劵css3樣式

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta name="vie

原创 10個超棒的用於數學的編程語言。

總結的10個超棒的用於數學的編程語言。 總結的目標在於多樣化,爲大家提供廣泛的編程和問題建模方法。 編程語言描述摘自它們各自的網站或維基百科頁面,但裏面也加進去了我的一些看法。 1. WOLFRAM語言 Wolfram語言是Mathema

原创 HTTP的發展歷史

http版本導圖 2. HTTP版本之概念篇 HTTP(超文本傳輸協議),是互聯網上應用最爲廣泛的一種網絡協議,定義了瀏覽器怎樣向服務器請求文檔,以及服務器怎樣把文檔傳送給瀏覽器。HTTP基於TCP/IP協議的應用層協議,它不

原创 說一道面試題,不要栽跟頭

題如下: for (var i = 0; i < 3; i++) { setTimeout(function() { console.log(i); }, 0); console.log(i); }

原创 強大的CSS動畫:Transition與Animation

本文總結CSS3中兩個用來做動畫的屬性,一個是transition,另一個是animation。 差異比較 CSS3 差異 transition 在給定的持續時間內平滑地更改屬性值(從一個值到另一個值),也就是只需要指定開