原创 CSS 最佳實踐 + 套路(六) -- flex

概述 CSS 彈性盒子(Flexible box 或 Flexbox)是一種用於在頁面上佈置元素的佈局模式,它的目的是允許容器可以讓其子項目(子元素)能夠改變寬度、高度、順序等等,以最佳的方式填充空間(父元素) 彈性盒佈局

原创 jQuery系列(三) -- DOM

創建元素與屬性 JavaScript: 創建元素:document.createElement()設置屬性:setAttribute()添加文本:innerHTML()加入文檔:append() jQuery: 創建元素節點

原创 常用的正則表達式總結

一、校驗密碼強度 密碼的強度必須是包含大小寫字母和數字的組合,不能使用特殊字符,長度在8-10之間。 ^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 二、校驗中文 字符串僅能是中文。 ^[\\u

原创 jQuery系列(一) -- touch jQuery

封裝函數 儘管 DOM 提供了 API ,可是當我們使用 DOM API 的時候卻不盡人意,它提供的功能實在是有限,並且有些方法還沒有,所以我們先來封裝兩個函數。第一個函數作用是獲取一個元素節點的所有兄弟,第二個函數作用是可

原创 CSS 最佳實踐 + 套路(十) -- 混合篇

概述 本文章主要就是將之前幾篇文章中沒有提到的,但是個人認爲比較重要的 CSS 的最佳實踐和套路 居中 水平居中: 內聯元素:父元素加 text-align:center;塊級元素(固定寬度):margin: 0 au

原创 HTTP系列 - Node.js

HTTP系列 - Node.js var http = require('http')   var fs = require('fs')   var url = require('url')   va

原创 HTTP系列 -- AJAX 基礎

概述 AJAX(Async JavaScript And XML):異步 JavaScript 和XML,遠程編程腳本,使 JavaScript 能夠在 Web 服務器上運行的程序通信,它是一種無需重新加載整個網頁的情況之下

原创 基本包裝類型

概述 ECMAScript 提供了 3 個特殊的引用類型:Boolean() Number() String() ,以便於操作基本類型值。 創建 當創建基本包裝類型時,相對應的變量會有 proto 的屬性,此屬性是基

原创 Function 淺析

概述 函數是一個可以執行代碼的對象。每個函數都是 Function 類型的實例,並且都與其他引用類型一樣具有屬性和方法。 每個 Function 的實例的 __proto__ 都指向了 Function.prototy

原创 CSS 最佳實踐 + 套路(五) -- icon

概述 icon 有很多做法,主要的做法有 img 標籤background-image 屬性CSS Spritesfontsvg純 CSS 實現 在這些方法中,目前最值得推薦的就是 svg 方法,其他的大家可以瞭解一下。

原创 MVC 思想

概述 MVC 是一種思想,它會讓我們寫代碼時更加簡潔、高效、模塊化,瞭解這種方法對於前端程序員來說是很有必要的。首先說明下 MVC 代表的含義: M ==> Model ==> 模型V ==> View ==> 視圖C ==

原创 HTTP系列 -- AJAX 進階

AJAX 設置響應 和 獲取請求 AJAX 設置請求 header 第一部分:request.open( 'POST', 'http://www.baidu.com/search' ) 第二部分:request.set

原创 HTTP系列 -- JSONP

概述 數據庫是用來長久儲存數據的。 發送請求 form 表單提交 缺點:刷新頁面 + 用戶後退 + 用戶刷新 = 數據變動 form + iframe 提交 form 表單提交到 iframe 中,頁面不會刷新。

原创 CSS 最佳實踐 + 套路(九) -- Bootstrap

概述 Bootstrap 是一個用於前端開發的開源工具包,Bootstrap 可以適配所有設備,主要就是採用了媒體查詢功能,當我們知道它是怎麼實現的了,那麼它也就不那麼神祕了。當我們在使用 Bootstrap 時,主要需要掌

原创 fetch淺談

引入fetch相關依賴 import 'whatwg-fetch'   import 'es6-promise' export function getData() {     // '/api/1' 獲取字符串     var resu