原创 display:inline-block產生的間隙問題
.top{ height:35px; line-height:35px; margin-bottom:40px; background:#000; opacity:0.7;} .top a{ display:inline-block; w
2020-02-21 00:14:08
1
原创 前端優化與實用工具
前端的性能對於一個Web應用來說非常重要，如果一個Web應用的頁面加載速度非常快、對於用戶的操作可以及時響應，那麼產品的用戶體驗將會極大地提升。下圖顯示了頁面加載速度對於用戶體驗的影響。 你的Web頁面的速度是否已經足夠快了？其實
2020-02-21 00:14:08
原创 src與href屬性的區別
詳細出處參考：http://www.jb51.net/web/77258.html src和href之間存在區別，能混淆使用。src用於替換當前元素，href用於在當前文檔和引用資源之間確立聯繫。 src是source的縮寫，指向外部資
2020-02-21 00:14:08
原创 background-size cover和contain的區別
相同點：圖片都是等比例縮放 不同點：cover是鋪滿整個顯示區域。如果顯示比例和顯示區域的比例相差很大某些部分會不顯示 比如下面這張圖，寬比高大很多，使用cover那麼兩邊的就不會顯示 background:#ccc url(111.
2020-02-21 00:14:08
原创 bootstrap框架學習筆記
基本概況 利用兩週的時間把bootstrap官網相關案例都做了一遍，對於bs有了一個初步的瞭解，bs是由動態語言less寫成的，基於JQuery開發的前端框架，有已經寫好的css樣式、靜態頁面組件以及js組件，用的時候只需要寫對html
2020-02-21 00:14:08
原创 使用FormData對象上傳文件
<input type="file" name="file" id='chooseFile'/> var form = document.getElementById("chooseFile"); form.addEventListener
2019-05-18 09:25:05
原创 eclipse svn版本衝突
基本原則是：每次提交前需要先和線上的對比，先把衝突解決掉，然後把線上的更新到本地，最後把本地的提交上去。 右鍵項目 -> Team -> 與資源庫同步 在同步視圖中選擇Conflicts Mode，以便首先查看解決衝突 雙擊需要解
2019-05-10 23:43:30
原创 vue 簡單日曆組件
首頁 <!--showToday:是否顯示返回今天按鈕 on-click：監聽組件內的點擊事件--> <template> <my-calendar :showToday='true' @on-click='showInfo'></
2019-03-20 18:45:06
1
原创 簡單的vue按鈕組件
點擊確定之後更改狀態button.vue <template> <div class="container"> <button v-if='state' @click='confirm
2019-03-20 17:25:05
原创 vue模仿新年集福活動（移動端）
自己隨便寫着玩的一個“集福”活動，沒有後端配合，只是前端的一個效果展示，沒有寫入緩存，刷新後數據就沒有了，主要功能有抽卡，點擊卡片查看介紹，集齊之後合成卡片，增加抽卡次數，直接獲取稀缺卡，增加稀缺卡獲取概率等功能。下面是截圖和源碼； 在線
2019-02-19 14:34:12
1
原创 視音頻vue+iview項目總結
最近做了一個遠程視音頻的項目，用到的技術棧是vue+iview，就其中的網頁聊天，視音頻、日曆、與後端配合過程中遇到的問題以及打包過程中遇到的問題做個分享和總結。 websocket長連接 騰訊視音頻 阿克蘇的回覆 撒的v啊 日曆與後端配合
2019-02-15 13:55:07
原创 百度地圖圖片不顯示
是css的原因 一般我會在詳細頁面設置 img{max-width:100%;} 用來防止圖片太寬超出或者顯示不全，這樣的話百度地圖的圖片就會不顯示，出現下面這樣的情況： 因此我們需要清除圖片最大寬度爲100%這個樣式或者覆蓋掉它就
2018-08-23 13:26:29
原创 簡單描述JSON跟JSONP的區別以及實戰
目錄結構 前言 由於Sencha Touch 2這種開發模式的特性，基本決定了它原生的數據交互行爲幾乎只能通過AJAX來實現。 當然了，通過調用強大的PhoneGap插件然後打包，你可以實現100%的Socket通訊和本地數據庫功能，又
2018-08-23 13:26:29
4
原创 人員選擇樹，搜索自動篩選功能
要實現的功能截圖： 要求： 1、點擊收件人輸入框可以根據拼音自動篩選數據，並且標記已經選擇的數據，沒有結果的時候提示，相應的更新左邊樹節點狀態 2、勾選樹右側樹的節點左側輸入框出現一一對應的節點名稱 用到的插件 vue+chos
2018-08-23 13:26:29
6
原创 jsong格式轉換備忘
----jquery下 str-->obj $.parseJSON( jsonstr ) ----瀏覽器 JSON.parse(jsonstr); //可以將json字符串轉換成json對象 JSON.stringify(jsonobj
2018-08-23 13:26:26
2