原创 面試積累——BFC

什麼是BFC BFC就是“塊級格式化上下文”的意思,創建了 BFC的元素就是一個獨立的盒子,不過只有Block-level box可以參與創建BFC, 它規定了內部的Block-level Box如何佈局,並且與這個獨立盒子裏的佈

原创 理解jQuery中的Promise

首先回顧一下jQuery的deferred對象: jQuery的deferred對象 關於Promise的進化史 在jQuery1.4中,還沒有promise這個概念,寫一個ajax,就得寫回調函數,就像這樣: $.get('/

原创 異步的腳本加載

這裏關係到瀏覽器性能的問題。 衆所周知,如果吧script寫在head中,那麼文檔需要等到head加載完畢纔會顯示出來。 <!DOCTYPE html> <html lang="en"> <head> <title><

原创 移動端開發-JqueryMobile實戰(一)

又來寫一篇教程,是因爲最近在圖書館看到了一本書《jQuery移動Web開發》,因爲以前沒有怎麼關注過移動端的開發,於是就把jQuery Mobile看了一下,並想根據書中最後一節講的創建一個RSS閱讀器應用程序。看看途中會不會遇到

原创 用vue-cli 與vuex一步一步搭建一個筆記應用(二)

上一篇,我們已經藉助vue-cli把環境搭建好了,這一篇就開始介紹如何寫筆記應用的界面了。 我們借鑑的博文劃分得很清楚 因此在components中建立三個組件。toolbar.vue,noteList.vue ,Editor.

原创 用vue-cli 與vuex一步一步搭建一個筆記應用(三)

前面我們僅僅只是搭建了一個簡單的界面,並沒有使用vuex來進行數據管理。 下面我們開始怎麼使用vuex,因爲我也是初學,所以一邊學一邊寫吧。 vuex有中文文檔:其實講得很清除 https://vuex.vuejs.org/z

原创 《javascript語言精粹》讀書筆記——函數

這幾天發現了一本好書,又薄又精闢,《JavaScript語言精粹》 看了對象、函數這兩節,發現書如其名,確實是精粹。 函數的調用 函數調用的方式有四種: - 方法調用模式 - 函數調用模式 - 構造器調用模式 - app

原创 深入學習前端MVC和MVVM(二)

上一節說了後臺的MVC,現在開始講重點,前端的MVC又是一個什麼鬼。 很長一段時間我都沒有搞清楚MVC和MVVM。 一直在說ng是MVC,react和Vue是MVVM,MVVM我用過了,用過vue和react,他們的數據綁定,

原创 深入學習前端MVC和MVVM(一)

MVC是一種開發模式,就是一種模型—視圖—控制器(MVC)模式。 在php項目中,nodejs項目中,很容易實現MVC。比如一個nodeJS的MVC: 先說後臺的MVC 一、model層 模型層:模型中的邏輯嚴重依賴持久性。

原创 用vue-cli 與vuex一步一步搭建一個筆記應用(一)

寫這篇文章是因爲想學習一下vuex,說實話,一直在用vue,但是它核心的vuex卻還沒有用過。 https://segmentfault.com/a/1190000005015164 這篇文章寫得很好,就是有點舊了,那個時候是

原创 用vue-cli 與vuex一步一步搭建一個筆記應用(四)

講了這麼久,終於講到重點了。將vuex用進我們的筆記應用項目 首先建立一個文件夾用來放vuex吧 按照那篇博文的寫法,一個store.js 和 actions.js 再想一下一個筆記應用需要哪些數據呢? 1、筆記數據 2、以

原创 jsonp跨域的安全問題

JSONP沒有關於錯誤調用的處理,一旦回調函數失敗,瀏覽器就會以靜默失敗的方式處理。 只支持GET請求 安全性問題 1、Callback可自定義導致的安全問題 Content-type與XSS漏洞 再輸出 JSON 時,沒有

原创 跨域解決方案之postMessage

所謂跨域無外乎有幾種: - 瀏覽器與服務器之間的跨域; - 頁面和其打開的新窗口的數據傳遞 - 多窗口間的消息傳遞 - 頁面和嵌套的iframe的消息傳遞 這裏我們只講一種跨域解決方案postMessage,並討論它的利弊

原创 ReqiureJS實現原理(一)

requireJS三個測試文件 main.js require.config({ path: { "a": "a", "b": "b" } }) require(['a'], fun

原创 RequireJS源碼解讀(二)

(續上節) 上面講了如何處理全局序列和context化全局序列 以及執行全局序列中的依賴項。 檢查依賴項 //Mark all the dependencies as needing to be loaded.