原创 前端點滴(JS進階)(三)---- JavaScript 兩鏈一包

前端點滴(JS進階)(三)----傾盡所有一、作用域鏈1. 作用域的概念2. 作用域鏈二、面向對象編程1. 知識回顧2. 定義對象(1)new 內置對象(2)直接量語法(3)Es5 new 構造函數(4)Es6 Class(類)3

原创 【面試篇】前端點滴(css/css3)

【面試篇】前端點滴(CSS/CSS3)---傾盡所有面試小問答css基礎css盒模型css選擇器BFCcss(float)css(position/z-index)css(display,opacity,visiblity)css

原创 前端點滴(jQuery)(三)

jQuery 進階二 一、使用jQuery中的Ajax實現無刷新分頁 1. 分頁原理 php中查詢所有數據的語句: select * from 數據表 分頁原理: 假設每一頁顯示 3 條數據,使用變量$pageSize表示,即$

原创 前端點滴(Node.js)(三)異步I/O、異步編程 ----重點

Node.js 一、異步 I/O 1. 異步I/O的概念 當一個異步過程調用出發後,調用者不能立刻得到結果。實際處理這個調用的部件在完成後,通過狀態,通知和回調來通知調用者。 接下來先來回顧一下Ajax異步請求: /* javas

原创 前端點滴(JS基礎)(三)---- String 對象

前端點滴(JS基礎)(三)----傾盡所有JavaScript 內置對象(二)String 對象1. String 對象實例2. String 對象方法String 對象的查詢、連接1. charAt() 返回在指定位置的字符。2

原创 前端點滴(JS進階)(四)---- JS面向對象編程特性、深淺拷貝

前端點滴(JS進階)(四)----傾盡所有雜項1. arguments對象2. this 指向問題this 的指向(1)全局環境下 this 表示window對象(2)事件處理函數中的 this 指向(3)面向對象中的 this

原创 前端點滴(CSS3)

前端點滴(CSS3)----傾盡所有css3選擇器css3盒子模型CSS3 彈性盒子內容css3背景和邊框css3背景css3邊框css3漸變css3 文本效果/字體css3 文本效果css3 2D/3D轉換(transform)

原创 前端點滴(ES6+)(一)

ES6+新特性說明 ES全稱ECMAScript,ECMAScript是ECMA制定的標準化腳本語言。目前JavaScript使用的ECMAScript版本爲ECMA-417。關於ECMA的最新資訊可以瀏覽 ECMA news查

原创 前端點滴(JS核心)(四)---- 正則表達式(上)

前端點滴(JS核心)(四)----傾盡所有一、正則表達式(上)1. 前言2. 匹配模式3. 正則表達式分組/捕獲和反向引用4. 正則表達式匹配中文(utf-8編碼)5. 環視(斷言/零寬斷言/正向預測/負向預測)(1)環視的過濾效

原创 前端點滴(Node.js)(四)網絡編程 ---- 側重(上)

Node 網絡編程 前言 利用Node可以十分方便地搭建網絡服務器,在WEB領域,大多數編程語言需要專門的web服務器作爲容器,比如ASP,ASP.NET需要IIS作爲服務器,PHP需要搭載在Apache或者Nignx環境等,JS

原创 前端點滴(JS進階)(二)---- JavaScript 同步與異步,不同環境下的 Event Loop,Promise基礎

前端點滴(JS進階)(二)----傾盡所有1. JavaScript 單線程JS的單線程的概念任務隊列(消息隊列)2. 同步任務說明(1)Event Loop 的引出1. 什麼是Event loop?2. Event Loop 基

原创 前端點滴(JS基礎)(四)---- RegExp 對象

前端點滴(JS基礎)(四)----傾盡所有JavaScript 內置對象(三)RegExp 對象1. RegExp 對象實例2. RegExp 對象—— modifiers(修飾符)(1)i 執行對大小寫不敏感的匹配。(2)g 執

原创 前端點滴(jQuery)(一)

一、jQuery概述 1. 什麼是 jQuery jQuery是一個js框架。封裝了很多實用的方法,基本解決了瀏覽器的兼容問題。 框架類似於現實生活中的毛坯房。比如說做一個項目好比蓋一座房子。 2. jQuery 特點 writ

原创 前端點滴(JS核心)(一)---- 回調函數、Ajax基礎(一)

前端點滴(JS核心)(一)----傾盡所有一、回調函數1. 函數也是對象2. 函數也是值3. 函數可以作爲參數傳遞(回調函數)4. 回調函數的執行時機5. 回調函數應用(1)同步中的回調(2)異步中的回調二、Ajax前言Ajax

原创 前端點滴(JS基礎)(五)---- Date、Match 對象;HTML Dom 對象

前端點滴(JS基礎)(五)----傾盡所有JavaScript 內置對象(四)Date 對象Date 對象的實例Date 對象的基本操作Match 對象Match 對象的實例Match 對象的基本操作常用的 Match 對象屬性P