原创 flex

flex佈局原理flex 是Flexible Box的縮寫,意思是'彈性佈局', 用來爲盒模型提供最大的靈活性,任何一個容器都可以指定爲flex佈局當爲父盒子設爲flex佈局後, 子元素的float, clear 和 vertical-al

原创 HTML給標題欄添加圖標

<link rel="icon" href="images/logo.icon" type="image/x-icon">也可以使用“shortcut icon” short icon,特質瀏覽器中地址欄左側顯示的圖標,一般大小爲16*16

原创 居中定位css

<div class="parent"><div class="item"></div></div> 已知元素的寬度和高度:.item {position: absolute;top: 50%;left: 50%;margin-top:

原创 支付寶小程序注意事項

1、支付寶小程序和微信小程序的開發流程及邏輯代碼幾乎相同,它的開發者工具名稱由螞 蟻金服而來,其文件組成由js,json,acss,axml組成。 2、支付寶小程序在生命週期函數中多了個onTitleClick函數(標題被點擊時)。 3、視

原创 css3特效集合

/ animation /.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:2s ease;-moz-animation:2s

原创 前端知識總結

一、CSS面試篇1、盒子模型css中的盒子模型包括IE盒子模型和標準的W3C盒子模型。其盒子模型還是要歸宗於box-sizing的屬性,盒子模型對應的分被爲border-box,content-box。所謂的標準盒子模型(border-bo

原创 前端複製問題

API介紹:複製、剪切、粘貼事件: copy 發生複製操作時觸發;cut 發生剪切操作時觸發;paste 發生粘貼操作時觸發;每個事件都有一個before事件對應:beforecopy、beforecut、beforepaste; 這幾個b

原创 js判斷數據類型

一、typeof 直接返回數據類型字段,但是無法判斷數組、null、對象 typeof 1"number" typeof NaN"number" typeof "1""string" typeof true"boolean" typeof

原创 box-shadow

原创 vue傳值

1. 父組件向子組件進行傳值父組件:<template>   <div>     父組件:    <input type="text" v-model="name">     <br>     <br>     <!-- 引入子組件 -->

原创 js中獲取時間new date()的用法

js中獲取時間new date()的用法獲取時間:1var myDate = new Date();//獲取系統當前時間獲取特定格式的時間: 1 myDate.getYear(); //獲取當前年份(2位) 2 myDate.getFull

原创 小程序加載中提示實現

微信小程序彈出loading層的兩種方法:直接在代碼裏控制,在wxml文件里布局彈窗loading層,利用條件渲染,在js代碼裏控制是否顯示loading層。方法一:<loading hidden="{{loadingHidden}}">加

原创 vue滾動

1、監聽滾動事件 利用VUE寫一個在控制檯打印當前的scrollTop, 首先,在mounted鉤子中給window添加一個滾動滾動監聽事件, mounted () {window.addEventListener('scroll', th

原创 css:z-index

針對position: absolute;解決position:relative;z-index固定定位層級顯示問題

原创 js判斷數據類型

一、typeof 直接返回數據類型字段,但是無法判斷數組、null、對象 typeof 1"number" typeof NaN"number" typeof "1""string" typeof true"boolean" typeof