原创 WebUi
以上圖片爲幕布軟件導出的思維導圖 主要記下了web設計的基本知識,例如網站的分類、網頁的排版、模塊的概念等
原创 vertical-align: middle的用法
在開發前端網頁的過程中,水平居中有text-align:center和margin:0 auto。但是垂直居中始終沒有一個比較好的解決方案,css中的vertical-align是垂直居中的意思,但是使用起來讓人很難以理解 。 v
原创 vue--完成購物車demo
跟着視頻做了兩天的購物車demo,總算告一段落,寫下博客總結下步驟 如圖 學到了很多東西,寫出效果時,也感受了其相比一些框架的簡潔 整個頁面js代碼不到一百行,通過在vue函數中定義屬性以及方法,然後在回到html標籤中通
原创 網頁四大布局
當前網頁方式大概有四種 靜態佈局 窗口縮小後內容被遮擋時,拖動滾動條顯示佈局 設計方法: pc端,居中顯示,分辨率變化時,通過拖動條顯示佈局, 移動端:另外建立移動網站,以m.域名爲域名 自適應佈局 網頁內容隨這分辨率
原创 css3-Media Query實現最簡單的響應式佈局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--外嵌方式--> <!-
原创 MVP
6.1.MVP是由MVC演化而來 2.MVP與MVC的區別 在MVP中View並不直接使用Model,它們之間的通信是通過Presenter (MVC中的Controller)來進行的,所有的交互都發生在Present
原创 旋轉輪播圖
最近覺得手生,看到優酷官網的輪播圖,所以決定寫個旋轉輪播圖效果。 與之前自己寫的輪播圖最大不同的是: 之前我做輪播圖有兩種方式 通過設置ul和li,把li排成一行,計算寬度,達到輪播圖左右切換的效果 把li摞在一起,設置漸變
原创 MVC
1.複雜的軟件必須有清晰合理的架構,否則無法開發和維護。 2.(百度)MVC全名是Model View Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫,一種軟件設計典範,用一種
原创 vue--過濾器
1.Vue.js 允許你自定義過濾器,可被用作一些常見的文本格式化。過濾器可以用在兩個地方:mustache 插值和 v-bind 表達式。過濾器應該被添加在 JavaScript 表達式的尾部,由“管道”符指示: 2.目的:用於
原创 jquery中如何在$()中傳入形參
function textRed(classname) { $(classname).hover( function () {
原创 如何讓文字在表格中垂直居中與水平居中
th{ text-align: center; vertical-align: middle !important; }
原创 MVVM
MVVM(Model-View-ViewModel)框架是MVP(Model-View-Presenter)模式與WPF結合的應用方式時發展演變過來的一種新型架構框架。它立足於原有MVP框架並且把WPF的新特性糅合進去,以應對客戶
原创 vue開發中在頁面代碼中一律不能使用this
<div @click='this.limitNum=this.address.length'></div> 以上代碼是錯誤的,因爲當前代碼的作用域就已經是this了 正確寫法 <div @click='limitNum=add
原创 vue--創建對象屬性
如果我們遇到以下情況 當我們在頁面中想完成一個動態效果,例如通過鼠標點擊控制class的隱藏或者顯示,然而我們的代碼或者引用的數據中沒有這個屬性,這個時候我們可以通過vue中的set方法創建屬性,並且爲其賦值。 2.例如以下
原创 vue--computed
-類型: { [key: string]: Function | { get: Function, set: Function } } 詳細: 計算屬性將被混入到 Vue 實例中。所有 getter 和 setter 的 this