原创 百度地圖API V2.0 離線版本
百度地圖API V2.0 離線版本，支持IE。 發佈於 2016-8-22 ，基於此日期前的最新百度地圖API V2.0。 感謝 於忠達博客 提供的方法。 更新日誌： 2016-09-21 刪除IE下不支持的console.log，修改部
2020-06-23 09:04:33
原创 Vue 父組件調用子組件的方法
1.在調用的子組件上定義一個ref屬性 eg:ref="childItem" 2.在子組件的methods中聲明一個函數。 eg: userInfo:function(str){console.log(str);} 3.在父組
2020-06-23 09:04:33
1
原创 純CSS實現聊天框氣泡效果(一)
CSS氣泡實現過程 <div class="arrow"></div> <style type="text/css"> .arrow { width:0; height:0; font-size:0; b
2020-06-23 09:04:33
2
原创 Vue 子組件調用父組件的屬性，方法
一、子組件調用父組件的方法 子組件裏用$emit向父組件觸發一個事件，父組件監聽這個事件就行了 //父組件 <template> <div> <label>我是父組件</label>
2020-06-23 09:04:33
原创 flex 彈性佈局 源碼
<html> <head> <style> div{ text-align:center; color:#fff; font-weight:bold; font-size:16px; line-height:30px; } /
2020-06-23 09:04:33
原创 好用插件
1.Swiper常用於移動端網站的內容觸摸滑動 https://3.swiper.com.cn/api/pagination/2014/1217/70.html
2020-06-23 09:04:32
原创 css 設置圓形
<html> <head> <style> .number{ width: 100px; height: 100px; background-color: red; -moz-border-radius: 50%; -web
2020-06-23 09:04:32
原创 圖片使用base64位存儲的利弊
圖片base64編碼的獲取 新開一個chrome頁面，直接把圖片拖曳進去，f12看source就可以看到圖片對應的base64編碼 優勢： 減少http請求 模塊封裝 弊端 base64編碼的長度有些長（base64一般會比原圖要大一些）
2020-06-23 09:04:32
原创 vue-router 基本使用(一)
一、路由定義理解 1、路由，其實就是指向，當我點擊頁面home按鈕時，就顯示home內容，點擊about按鈕時就顯示about內容，可以理解爲 home按鈕=>home內容，about按鈕=>about內容的一 一對應的映射
2020-06-23 09:04:29
原创 vue中使用refs定位dom出現undefined？
vue中使用refs定位dom出現undefined？ 之前在公司做項目，一直感覺用ref來定位dom節點挺方便的。但是期間遇到了一個問題，就是在mounted(){}鉤子裏面使用this.$refs.xxx，打印出來的卻是undef
2020-06-23 09:04:29
1
原创 CSS導航菜單
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>導航菜單</title
2020-06-23 09:04:28
原创 出現彈窗後，父級頁面還能進行滑動或滾動的問題
1.給定一個隱藏樣式,如： .noscroll { height: 100%; overflow: hidden; } 2.點擊彈窗時修改html，body的樣式 $("html,body").toggleClass(
2020-06-23 09:04:28
原创 vue中用Element實現類手機端圖庫效果
一、實質：Element-UI對話框與輪播圖綜合使用，PictureComponent.vue 是封裝好的圖庫組件， 在PictureList.vue文件中通過 <PictureComponent 。。。
2020-06-23 09:04:28
原创 前端免費字體、樣式、色彩搭配
1.免費的字體網站試過好用 米藝字：http://www.miyizi.com/ 2.色彩搭配，流行顏色，傳統顏色 520設計網：https://www.sj520.cn/tool 3.好看的顏色鑑賞 中國色彩：http://zhon
2020-06-23 09:04:28
原创 vue中使用swiper實現左右滑動切換圖片
使用npm 安裝vue-awesome-swiper npm install vue-awesome-swiper --save 在main.js中引用 import VueAwesomeSwiper from 'vue-aweso
2020-06-23 09:04:28