原创 vue簡單分頁組件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i
原创 經典左右佈局的樣式
---------X軸可帶滾動條三段身佈局------------------------------*{margin: 0; padding: 0;}html,body{width: 100%;height: 100%;}.header
原创 簡單導航欄hover時候下拉菜單 邊框覆蓋border
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> *{mar
原创 扁平化多維數組(遞歸實現)
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8">
原创 簡單媒體查詢的實現
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta
原创 cmd基本 操作
win+R 打開命令窗口explore ---打開資源管理器services.msc --- 本地服務設置notepad --打開記事本ipconfig ---查看本機ip路徑命令:c: 進入c盤 d: 進入d盤在cmd輸入dir 即可
原创 CSS3動畫animation八大屬性
CSS3 動畫Animation的8大屬性animation複合屬性。檢索或設置對象所應用的動畫特效。 如果有多個屬性值時以”,”隔開,適用於所有元素,包含僞對象:after和:before1.animation-name 檢索或設置對象
原创 簡單rem.js自適應
/* rem 適應*/ /*讓文字和標籤的大小隨着屏幕的尺寸做變話 等比縮放*/ var html = document.getElementsByTagName('html')[0]; /*取到屏幕的寬度*/ var width =
原创 base64轉爲byte,blob等方法
dataURLtoBlob (dataurl) { var arr = dataurl.split(',') // var mime = arr[0].match(/:(.*?);/)[1] var b
原创 VUE 簡單父子組件,兄弟組件彈窗通信練習
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>component</title> <sc
原创 驗證碼輸入前有橫線,輸入數字或字母后消失的小demo
示意圖<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="tex
原创 element-ui引入遇到的一個問題
關於在main.js引入樣式需要在webpack裏配置{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader' },
原创 IE8的一些兼容問題
1) 對部分css3的支持 =》方法 使用插件 css3pie.htc<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <
原创 mint-ui picker的使用
<template> <div class="userInfoWrap"> <h2>我是個人信息</h2> <div class="select" @click="popupVisible = true" >
原创 vue+betterscroll做的一個下拉加載的小demo
<template> <div class="girlBox"> <header> <a href="javascript:void(0)"><i class="iconfont icon-