原创 ajax的跨域處理方式

根據同源策略,ajax不能請求域值和端口號不同的url,則有以下三種處理方式。 1.H5中的XHR2已經默認支持跨域訪問,只需要在服務端入口文件加上響應頭header("Access-Control-Allow-Origin:*"); 2

原创 js的閉包與作用域/作用域鏈

閉包 首先說說閉包,閉包的官方定義:能夠訪問其他函數作用域的變量的函數,並且該函數可以起到讓其他作用域中變量保存的作用。最常見的用法就是在父函數中 套用子函數來用閉包。爲什麼要用閉包呢,任何一個技術出現的前提必然是需求。要知道js中是沒有

原创 關於ajax的理解

ajax實際上就是一種瀏覽器和服務器的異步交互,在使用ajax時,頁面可以不進行跳轉,這提升了用戶體驗。 ajax分爲同步ajax和異步ajax,默認的ajax是異步的,也就是async:true,也可以設置爲同步 async:false

原创 H5之我見

H5可以說是現在最火爆的概念了,很多非CS的搬磚狗,對於這個概念很是模糊,那麼博主今天就講一下什麼是H5。 首先我們解釋一下web瀏覽器端的三個概念

原创 常見的css兼容性問題---持續更新!!

前端的兼容性問題,是由於不同的瀏覽器對源碼解析的差異性引起的,可以分爲js和css兩種,在此持續記錄學到的css兼容性問題。 js兼容性問題 如果寫原生的js,那麼會碰到很多問題,例如我們寫ajax的時候,對於ie和非ie就要new不同的

原创 js的重載與重寫

重載與重寫 所謂重載,即在調用函數時,根據函數中的參數個數與類型,尋找相對應的函數的一種機制。 但是弱數據類型中沒有重載的概念,所以弱類型的語言,在方法名字相同時則完成了方法的重寫,強數據類型則需要在參數個數和 類型完全相同情況下才重寫。

原创 session與cookie

會話機制能夠保存用戶的相關信息,從而實現自動登錄等功能。 什麼是cookie? 你去海底撈吃飯,你辦了一張會員卡,這張卡上有url:海底撈。優惠金額:100元。 那麼你下次再去海底撈,出示這張卡,就可以減免100元。 當你在後臺設置coo

原创 簡述dom中的事件流概念

事件流 dom2中的事件流分爲三個部分,事件捕獲階段->處於目標階段->事件冒泡階段, 觸發一個事件,首先從外向內處於事件捕獲階段,此時默認不觸發事件,接着處於目標階段,觸發事件,事件冒泡階段,觸發事件,但是也可以設置參數, 將捕獲和冒泡

原创 YXLM項目總結

YXLM項目是我做的第二個項目,該項目是典型的金融業務,後臺管理系統+處理活動的接口。 後臺管理系統: 需求: 1.對登錄的用戶進行權限管理,增刪改。 2.登錄操作日誌錄入數據庫 3.對商戶進行增刪改查,配置優惠信息和權限 4.交易流水的

原创 延遲加載和預加載。

技術源於需求,下面說說延遲加載與預加載概念出現的原因與技術方案。 1.延遲加載 爲了減少http請求的次數,減緩壓力,當頁面圖片很多時候,採用所見即所得方式,當頁面滾動到圖片位置時候,再進行加載圖片,也叫懶加載,有lazyload的插件可

原创 利用iframe實現僞ajax上傳文件

ajax只能上傳字符而不能上傳二進制文件,那麼我們該如何實現上傳文件時的無刷新功能呢? 答案:利用隱藏的iframe進行局部刷新,這樣不影響整個界面,看起來就好像是無刷新了。實現的方法暫時還沒搞清楚, 不過現在都用ajaxfileuplo

原创 JavaScript三大特性,繼承封裝多態

javascript的相關特性 一.、面向對象的三大特性:繼承封裝多態 作爲基於對象的語言,js自然可以實現OOP語言的大部分特徵。 繼承:js沒有類的概念,自然不能像php那樣封裝class然後繼承最後new對象。但是js的繼承卻有更多

原创 web前端框架總結

web前端框架總結 jquery:jquery是js的庫,封裝了大量的方法,解決了js跨瀏覽器兼容問題,簡單優雅的操作dom。用jquery獲取的對象是jquery對象,而用js獲取的原生對象是dom對象 所以兩者的屬性和方法不能混用。

原创 JM項目總結

第三個項目跟YXLM類似,也是後天管理+支付處理接口,但是要簡單許多 需求;實現後臺管理系統交易與卡的查詢功能,支付接口寫處理代碼直接調用接口 難點:該項目比較常規,如果說難點,那就在於後臺管理系統怎麼用boot進行分頁了,因爲think

原创 收銀臺項目總結

收銀臺是我做的第一個項目,項目需求如下: 收銀、髮卡、消費統計、支付撤銷管理、報表打印、收銀員登錄與交班 由於此項目的前臺是燒錄POS機,後臺放在服務器上,則前後臺完全分離,數據都由前臺ajax向後臺取。但是這就涉及到跨域的問題了,好在H