原创 position&containing block

一、包含塊(Containing Block) 要講position,首先就涉及到一個概念:包含塊。 1、包含塊介紹 包含塊簡單理解就是一個定位參考塊,就是大盒子裏套小盒子中那個大盒子。元素有positon屬性就必然涉及到

原创 產品詳情頁配送送信息聯動的實現邏輯

功能圖如下: 需要實現選擇運送國家時,相應的運送方式隨着改變,同時運送價格也改變 後臺返回的部分數據如下: { "jsonrpc":"2.0", "id":null, "result":{ "de

原创 數據結構與算法Javascript描述(四)雙向鏈表

儘管從鏈表的頭節點遍歷到尾節點很簡單,但反過來,從後向前遍歷則沒那麼簡單。通過給Node 對象增加一個屬性,該屬性存儲指向前驅節點的鏈接,這樣就容易多了。此時向鏈表插入一個節點需要更多的工作,我們需要指出該節點正確的前驅和後繼。但是在從鏈

原创 搜索框組件

最近封裝了一個search bar的組件,主要用到了Qweb的template在相關組件中來引入,相關的代碼如下: search_bar_template.xml : <openerp> <data> <templ

原创 前端文摘:深入解析瀏覽器的幕後工作原理

目錄 簡介 我們要討論的瀏覽器瀏覽器的主要功能瀏覽器的高層結構 呈現引擎 呈現引擎主流程主流程示例 解析和 DOM 樹構建 解析 - 綜述 語法解析器和詞法分析器的組合翻譯解析示例詞彙和語法的正式定義解析器類型自動生成解析器

原创 HighCharts源碼學習---擴展函數wrap和擴展對象 extendClass

Highcharts.wrap在原函數的基礎上擴展原函數 /** * Wrap a method with extended functionality, preserving the original function

原创 html的meta總結,html標籤中meta屬性使用介紹

前言 meta是html語言head區的一個輔助性標籤。也許你認爲這些代碼可有可無。其實如果你能夠用好meta標籤,會給你帶來意想不到的效果,meta標籤的作用有:搜索引擎優化(SEO),定義頁面使用語言,自動刷新並指向新的頁面,實現網

原创 5個典型的JavaScript面試題

閱讀目錄 1. 變量範圍2. 創建“native”方法3. 提升 Hoisting4.this在JavaScript中是如何工作的5.call()和apply() JavaScript是一門有意思的語言,入門很快,但是想

原创 classList詳解,讓你的js方便地操作DOM類

在此之前,jQuery的hasClass、addClass、removeClass我們已經再熟悉不過了,然而我們並不會在每一個項目中都會去使用jQuery或者Zepto,譬如在移動端的網頁中,考慮到傳說中的性能和靜態資源的請求量等因素,

原创 瀏覽器加載和渲染html的順序

1.瀏覽器加載和渲染html的順序1、IE下載的順序是從上到下,渲染的順序也是從上到下,下載和渲染是同時進行的。 2、在渲染到頁面的某一部分時,其上面的所有部分都已經下載完成(並不是說所有相關聯的元素都已經下載完) 3、如果遇到語義解釋性

原创 數據結構與算法Javascript描述(二)隊列

特點:先進先出 Queue類 <span style="white-space:pre"> </span>function Queue() { this.dataSource = []; this.enqueue = enq

原创 手機端圖片左右滑動效果實現

起初我想嘗試用jQuery Mobile的swipeleft和swiperight,可以實現手勢左右滑動的效果,但是jQuery Mobile對頁面的其它部分影響很大,所以不得不放棄使用。接着我又嘗試用zepto.js,但是由於頁面很大部

原创 改變opacity實現圖片輪播

這裏實現原理我就不詳細述說了,主要是通過改變圖片的opacity,利用fadeIn和fadeOut來實現過渡效果,使切換不會顯得很突兀。 但是我在這

原创 有趣的HTML5:離線存儲

隨着Web App的發展,越來越多的移動端App使用HTML5的方式來開發,除了一些HybridApp以外,其他一部分Web App還是通過瀏覽器來訪問的,通過瀏覽器訪問就需要聯網發送請求,這樣就使得用戶在離線的狀態下無法使用App,同

原创 數據結構與算法Javascript描述(三)鏈表

數組不總是組織數據的最佳數據結構,因爲數組的長度是固定的,所以當數組已被數據填滿時,要再加入新的元素就會非常困難。在數組中,添加和刪除元素也很麻煩,因爲需要將數組中的其他元素向前或向後平移,以反映數組剛剛進行了添加和刪除操作。然而,Jav