原创 Less語法學習-未完待續

Less語法學習 Less 是一門 CSS 預處理語言,它擴展了 CSS 語言,增加了變量、Mixin、函數等特性,使 CSS 更易維護和擴展。Less 可以運行在 Node 或瀏覽器端。 變量 說明:聲明變量的時候,使用@開頭,並且對於

原创 基於Bootstrap的網頁開發

基於Bootstrap的網頁開發  Bootstrap是用於前端開發的工具包,提供了優雅的HTML和CSS規範,並基於jQuery開發了豐富的Web組件。Bootstrap是移動設備優先的,它針對移動設備的樣式融合了框架的每個角落,使得只

原创 前臺與後臺交互的那些事兒 前端和後端的那些事

前端和後端的那些事 1、前端請求數據URL由誰來寫 在開發中,URL主要是由後臺來寫好給前端。  若後臺在查詢數據,需要藉助查詢條件才能查詢到前端需要的數據時,這時後臺會要求前端提供相關的查詢參數(即URL請求的參數)。 2

原创 生命週期(鉤子函數)

生命週期(鉤子函數)一、生命週期過程解釋實例創建之後,初始化事件和生命週期,而後觸發beforeCreate。beforeCreate,當前實例創建之前,很少操作,一般用於加載動畫,比如創建一個菊花旋轉。created表示當前實例創建完成

原创 css標籤水平垂直居中的4種常用方法及適用場景

標籤的水平垂直居中,在面試及日常項目中非常常見,常用的4種方法如下: 方案一:已知標籤寬高,標籤絕對定位,4個方向的值均爲0,並設置margin: auto;注意:IE7及之前版本不支持; 方案二:已知標籤寬高,使用負margin值,其值

原创 三欄佈局

題目:假設高度已知,請寫出三欄佈局,其中左欄、右欄寬度各爲300px,中間自適應。 答題的時候,我們應該做以下分析: 1、題乾的要求真的是字面那麼簡單嗎? 2、答案應該怎麼寫?技巧在哪裏? 3、爲了展示自己的能力,應該寫幾種方法? 具體代

原创 WEB開發流程與角色之間的溝通合作

WEB開發流程 開發前 A、產品功能設計   具體工作:設計網頁原型  負責人:產品經理   輸出:需求文檔 B、視覺/交互設計  具體工作:視覺→指最終效果 交互→指操作流程  負責人:(交互工程師/視覺工程師(美術/美工))   輸出

原创 小程序《舊島》項目筆記(13)-組件的顯隱hidden與文件的引入

組件的顯隱hidden與文件的引入 wx:if vs hidden 因爲 wx:if 之中的模板也可能包含數據綁定,所以當 wx:if 的條件值切換時,框架有一個局部渲染的過程,因爲它會確保條件塊在切換時銷燬或重新渲染。同時 wx:if

原创 小程序《舊島》項目筆記(9)-組件間的控制及當前期刊是否最新期刊的判斷

組件間的控制及當前期刊是否最新期刊的判斷 組件間的控制 通過 navi 組件控制 classic 中期刊的切換,具體思路是: (1)點擊 navi 組件,並在 navi 組件中“上一期”、“下一期”的圖標,綁定自定義事件 “left” 、

原创 小程序《舊島》項目筆記(11)-事件禁用的方法與使用Storage保存最新期刊號

事件禁用的方法與使用Storage保存最新期刊號 事件禁用的方法 在項目中,以下按鈕之類的標籤,有的時候我們需要禁用他們的方法。常見的思路有2種: (1)標籤依然綁定事件,但是我們在  頁面  中忽略這個事件。 (2)在  組件  的內部

原创 小程序《舊島》項目筆記(12)-使用緩存的優點

使用緩存的優點 爲什麼使用緩存? 在一個項目中,是否使用緩存,關係着代碼的複雜程度,都是也關係着項目的加載速度。使用緩存,我們可以大大減少向服務器發起請求的次數,大大減低服務器端的壓力。 在哪裏使用緩存? 談及緩存,我們不可避免的要涉及網

原创 小程序《舊島》項目筆記(10)-代碼的抽離與封裝

代碼的抽離與封裝 代碼的抽離 有的時候,對於一個功能的實現,僅僅就是一行代碼而已,那麼我們爲什麼還要抽離成一個函數呢?原因很簡單,通過抽離成函數,代碼的可讀性更強,函數名就是最好的註釋。比如: // 判斷是否爲第一期的期刊 i

原创 webstorm常用的設置及操作圖解(持續更新中)

目錄 1、webstorm開啓es6環境 2、新建vue文件的模板設置 3、webstorm設置代碼自動換行 4、webstorm開啓代碼提示 5、面板展示與增加面板展示項 6、全局搜索(shift鍵雙擊,搜索包括文件,變量,函數等等)

原创 小程序《舊島》項目筆記(3)-類的封裝

類的封裝與使用 類的封裝 無論是小程序,還是其他項目,我們往往都會遇到一些公共的方法會重複的調用,這個時候,我們就需要將這些方法封裝在類中,方便代碼的複用。以網絡請求類http的封裝爲例,來學習類的封裝。 1、首先,我們新建一個文件con

原创 小程序《舊島》項目筆記(6)-自定義事件的激活&監聽與點贊&取消點贊

自定義事件的激活與監聽 自定義事件激活 自定義組件觸發事件時,需要使用  triggerEvent  方法,指定事件名、detail對象和事件選項。 其中,like 表示自定的事件, behavior: status  表示  detai