原创 h5手機端微信自定義分享

一、綁定域名         首先要確保微信公衆號後臺的域名和自己代碼裏分享鏈接的域名要保持一致 二、引入微信端js文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.j

原创 CSS元素垂直居中幾種方法!!

一、子元素設置vertical-align: middle;但是有一個前提必須是子元素爲行內元素;並且單獨的設置vertical-align: middle;是無效的;如下: <!DOCTYPE html> <html lang="en

原创 CSS清除浮動方法

1、在浮動元素後面添加一個空的標籤,並且讓這個標籤樣式爲:clear:both; 2、父元素直接設置一個高度,放置子元素高度超過父元素高度,無法正常顯示 3、父元素overflow:hidden;超出的部分隱藏,但是有一個缺點,當內部浮動

原创 CSS實現三角形

實現三角形的原理就是不給標籤元素設置高度,然後給標籤只設置外邊框,從而實現三角形,例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三

原创 CSS實現正方形自適應大小

1、給標籤寬度但是不設置高度,設置內邊距padding,代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自適應正方形</titl

原创 CSS盒子模型類型和解析

css盒子模型分爲兩種:W3c標準盒子模型和IE盒子模型,下面來回顧一下盒子模型的區別。 其實盒子模型主要包括一下幾個部分: margin(外邊距) - 清除邊框外的區域,外邊距是透明的。 border(邊框) - 圍繞在內邊距和內容外

原创 CSS權重值計算和選擇器優先級

一、權重的值計算以及選擇器權重值大小 1、!important放在樣式的最後面是最優先的,權重值是10000; 2、內聯樣式權重值1000,優先級僅次於!important,一般都是在標籤內部書寫,如:‘<div style="color

原创 js中的值傳遞和引用傳遞

在js中值傳遞和引用傳遞是讓人容易混淆的問題,下面我就來根據自己的理解來區分一下這兩個傳遞方式: 值傳遞 值傳遞是兩個變量傳遞前後互補干擾,無法造成影響,下面代碼舉例說明 var a=7; function fuc(a){ a++;

原创 vue學習筆記:非父子組件之間的傳值

首先建立兩個組件title和news,用來驗證非父子組建的傳值,然後再把這兩個組件引入根組件,顯示即可,代碼如下: app.vue: <template> <div id="app"> <v-news></v-news>

原创 vue學習筆記:vue-resource、axios、fetch-jsonp請求數據,以及虛擬數據接口mock使用

mock的使用 mock是可以創建虛擬的數據接口,提供前端來使用,非常便捷,我們可以在mock官網查看mock的具體文檔和語法,這裏只是簡單介紹一下用法。 引入mock: npm/cnpm install mockjs 然後在src目

原创 vue學習筆記:路由vue-router的使用,路由傳遞數據

在使用vue-router之前要先引入: cnpm/npm install vue-router --save 引入之後就可以在組件之間使用路由進行跳轉,首先建立兩個組件titleHeader和homeHeader,和他們下面的內容路由

原创 vue學習筆記:父子組件之間的傳值$refs和$parent,以及父組件給子組件傳值props

父組件獲取子組件的值和方法 父組件: html代碼 <!-- 父組件獲取子組件的值 --> <v-header ref="headerTY"></v-header> <button @click="getData">父組件獲取子組

原创 h5移動端開發,jquery的ajax請求安卓端沒問題,ios端無法提交數據到後臺????

最近做了一個微信公衆號開發,是以vue框架爲基礎配合jquery實現的前後臺交互的一個項目,這個項目頁面都做完之後,在對接接口的時候,有一個預約提交,需要把表單信息通過jquery的ajax提交到後臺,實現前後臺的數據交互,這裏寫完代碼測

原创 vue學習筆記:用vue來寫一個todolist,並且在vue中封裝一個js,在組件中調用

今天我要實現的是一個簡單的可以在本地進行緩存的todolist待辦事項功能,例如網上的待辦事項:http://www.todolist.cn/,可以根據自己的需要進行添加、刪除和改變事項的狀態,下面我們就用vue來實現 這個功能。 我們使

原创 vue學習筆記:事件中的$event對象作用

vue中點擊事件或者是其他的事件可以通過在事件中添加$event進行對標籤元素的dom獲取或者修改標籤指的屬性等等。具體用法如下: 1、可以通過$event進行對dom元素的獲取 html: <button data-get="數據按鈕