原创 CSS3 before、after僞元素實現氣泡框
氣泡框的原理其實也就是普通邊框+三角形，CSS實現三角形也是利用了border屬性 1、三角形是實心的 html代碼： <div class="wrap"></div> css代碼： .wrap{
2018-09-03 09:32:28
2
原创 父級overflow爲scroll時，絕對定位的子元素會被隱藏或一起滾動
需求：父級邊框固定，裏面的內容滾動 由於是圖片邊框，於是我把邊框的上下部分單獨切圖，中間重複部分平鋪 想要的效果圖： 一開始的寫法： html: <div class="paradise-wrap"> <div cla
2018-09-03 09:32:28
17
原创 Zepto.js學習筆記
1、$.each 可以用來遍歷普通數組和對象數組，當遍歷普通數組時，回調函數的參數是索引、數組裏的每個元素 $.each( [a,b,c], function(index, item) { } ) 當遍歷對象時，回調函數參數是每個對象的
2018-09-03 09:32:28
原创 ES6 解構特性的使用
使用解構這個特性可以更簡單地獲取對象或者數組中的數據，最近在項目中經常用到，但是之前不熟悉用法，mark一下 1、數組解構 let obj = ['a','b','c','d']; let [first] = obj; //解構第一
2018-09-03 09:32:28
原创 解決使用transform:rotate屬性移動端頁面可以左右滑動的現象
如下圖，文字使用了transform:rotate屬性，結果造成頁面在移動端可以左右滑動。 在排查問題時，按網上建議，在根元素html和body上加overflow:hidden，雖然在瀏覽器上無法滑動，但是到了移動端還是可以左右滑
2018-09-03 09:32:28
3
原创 js實現數組去重、比較兩數組得出重複部分
數組去重的兩種方法：1、用新對象來存儲，對象的key值爲數組元素var removeDup = function (old) { var arr = [1, 2, 3, 4, 3, 4, 5]; var o = {};
2018-09-03 09:32:23
2
原创 AngularJS學習筆記（一）:表達式&指令&作用域
由於最近要基於phonegap平臺做混合型開發的應用，選用了ionic框架（基於AngularJS），而此前沒有任何前端語言學習基礎，所以我開始看了一點點javascript語法後便開始看AngularJS的入門教程，歸納了一些學習筆
2018-09-03 09:32:23
原创 CSS 圖片邊框的處理
一、邊框高度固定，內容可滾動 這種情況下，直接將整個邊框切下來作爲背景圖,裏面的內容設置固定高度，溢出部分設置overflow: scroll/auto 源碼如下： html: <div class="rule-wrappe
2018-09-03 09:32:23
原创 js replace() 方法的應用和理解
string.replace(searchValue, replaceValue) replace方法對string進行查找和替換，並返回一個新字符串 參數searchValue有兩種形式：1、字符串 2、正則表達式 參數repl
2018-09-03 09:32:23
原创 CSS3 動畫實現放大縮小、漣漪擴散效果、疊加圖片循環來回顯示
一、無限放大縮小，可以應用於跳動的氣球等場景，效果如下 html部分 <div class="ballon"></div> css部分 @keyframes scaleDraw { /*定義關鍵幀、scaleDrew是需要綁定
2018-09-03 09:32:23
8
原创 水平垂直居中的幾種方式
一、flex方式（適用於居中元素元素寬高未知） <body> <img src="images/myPage/avatar2.png"> </body> html,body{ height: 100%;
2018-09-03 09:32:23
原创 rgba和opacity的區別及應用
一、rgba和opacity的區別 話不多說，先看代碼，同樣設置背景透明度，寫法1： background: rgb(0,0,0); opacity: 0.5; 寫法2： background: rgba(0,0,0
2018-09-03 09:32:22
1
原创 git命令小結
列出一些最近使用的git命令 1、git init 創建本地版本庫 創建一個空目錄，再在此目錄下執行git init命令 2、git remote add origin url(如下圖) 到本地倉庫目錄下執行此操作，可
2018-09-03 09:31:46