原创 javascript的設計模式

一、單例模式 var a ={     attr:'1',     func:function(){          console.log(haha);     } } 二、實例化 function A(param){   this.

原创 深入AngularJs(2)

1.AngularJS 默認在一個html界面中只啓動一個 ng-app 模塊,而且是界面中第一次出現的那個使用 ng-app 聲明的模塊. 且使用ng-app,頁面加載時會這樣處理: angular找到ng-app標記後,首先加

原创 你不知道的javascript(一)

1. 引擎 從頭到尾負責整個javascript程序的編譯及執行的過程。它可以根據需要創建並儲存變量。 編譯 負責語法分析及代碼生成等。 作用域 負責收集並維護由所有聲明的標識符(變量)組成的一系列查詢,並實施一套非常嚴格的規則,確定當前

原创 移動端 window.history.go(-1)不刷新的問題

移動端的h5開發,總是會有各種各樣的問題,世間本沒有bug,寫着寫着就有了。近期開發遇到這樣一個功能:A頁面上有一段鏈接,通過window.location.href = 'xxx', 跳轉到另一個頁面B,完成一系列操作後,又要跳回來之前

原创 一次白屏經歷

立案標題:公司的app嵌入的H5頁面出現白屏 案發場景:該頁面僅僅顯示出標題,因其他原因沒有抓包處理,設備 android 6.0.1 具體機型由圖片可知 (此處給大家介紹一個方便好用的調試移動端的組件 vconsole,直接insta

原创 form表單與ajax提交

當使用ajax提交數據的時候,都是不刷新頁面的,但是當你將一些input中的數據敲出來時,運行還是會刷新,這個時候 就不要寫submit了,它默認就是刷新頁面的,改過來之後還是不好用,再次檢查下,是不是放在了form中,有的時候即使 <f

原创 the component of reactjs

react的組件之間的傳值可以有三種情況,分別是 (1)父組件——子組件  主要利用props屬性 (2)子組件——父組件  藉助於函數的傳遞,利用了類似的回調函數 (3)兄弟組件之間的值傳遞  第三方思想PubSub  (還有就是子1

原创 arguments

1.什麼是arguments:它是一個類數組對象,代表傳給一個function的參數列表。它的內容表示了函數執行時傳入函數的所有參數,可以用arguments[0],arguments[1]...來獲取單個參數。可以用arguments.

原创 神奇的this

有一點很重要,this是個變色龍,它指向誰是不定的,也不是在函數定義的時候確定的 栗子1: <pre name="code" class="html">function a(){ var user = "追夢子"; con

原创 你不知道的javascript(三)

函數作用域和塊作用域 作用域包含了一系列的“氣泡”,每一個都可以作爲容器,其中包含 了標識符(變量、函數)的定義。這些氣泡互相嵌套並且整齊地排列成蜂窩型,排列的結構是在寫代 碼時定義的。(摘自原籍的一個圖片)   1.函數中的作用域 ja

原创 深入AngularJs(1)

angularJS被稱爲前端的MVC可以這樣理解: View(視圖), 即 HTML。 Model(模型), 當前視圖中可用的數據。 Controller(控制器), 即 JavaScript 函數,可以添加或修改屬性。 1.解釋:【

原创 position

關於定位: static:沒有定位(默認值,正常它是在文本流中應該出現的位置) relative:相對定位(相對自己的初始位置),佔有的空間不釋放 absolute:絕對定位(相對於最近已定位的父元素),佔有的空間釋放 fixed:固定定

原创 bind , call and apply

之前記錄過神奇的this,我們要想隨着自己的意願掌控this,那就需要這三個小幫手,哈哈,bind call and apply. look a example please: var a = { user:"路飛", f

原创 500 error

關於使用ajax(get)異步提交的時候,服務器報了一個錯誤,顯示的是500 internet server error,網絡上並沒有詳細的案列,一點點測試的時候,發現原來是數據庫採集數據的問題,沒有匹配到合理的字段,可能報500錯誤的原

原创 你不知道的javascript(四)

提升 之前我們講過var a = 2;後發生了什麼,它回進行兩個部分,第一部分是編譯,而第二部分是執行。故應該是聲明在前,賦值在後 a =2; var  a; console.log(a);//2 上面三行代碼被這樣執行: var a ;