原创 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-