原创 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