原创 vue-cli3 手動創建項目流程

1. 創建項目 vue create hello-world 2. 操作流程如圖 注:創建項目的過程中,由於網絡的原因,node-sass 有可能會下載不下來,項目就無法運行,需要手動下載一下         執行 cnpm ins

原创 vue-cli3安裝scss

手動安裝 如果在創建項目沒有選擇CSS 預處理器,我們也可以手動安裝sass-loader node-sass來集成scss。 npm install -D sass-loader node-sass  或 cnpm install

原创 vue 自定義類名的過渡(結合animate.css)

transition 結合animate使用 1.下載animate.css https://daneden.github.io/animate.css/ 2.在main.js中引入animate.css import './asset

原创 js控制input框只能輸入數字和一位小數點且小數點後面最多兩位小數

 1. html代碼 <input type="text" onkeyup="clearNoNum(this)"> 2. js代碼 function clearNoNum(obj) { obj.value =

原创 判斷是否移動端(平板或手機)

判斷是否移動端 // 封裝一個函數 function isMobile(){ if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/w

原创 判斷是否微信登陸

// 封裝一個函數 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i)

原创 :not()用來匹配不符合一組選擇器的元素

例如:選擇type不等於submit的所有input元素 $("input:not([type='submit'])")  

原创 checkbox默認樣式修改

注:1)使用僞類元素對checkbox樣式進行修改       2) 邊框樣式在before中修改,"\2713"爲字符表勾選字符 上代碼: input[type="checkbox"] { width: 20px; h

原创 background-image實現文字下邊帶陰影或顏色

p{ display: inline-block; font-size: 20px; line-height: 1.5; margin: 0; color

原创 element ui的滾動條組件el-scrollbar (官方沒有)

!注意 1.外層要嵌套一個容器,並設置高度 .menu{ width: 200px; height: 100%; position: absolute; left: 0; top: 0; }

原创 css動畫

1. 加載動畫 點贊 收藏 分享 文章舉報 麗麗大神ing 發佈了33 篇原創文章 · 獲贊 15 · 訪問量 9萬+ 私信

原创 swiper禁用手動拖拽

禁用手動拖拽 在最外層的容器上添加類名 class="swiper-no-swiping" (在引入了swiper相關css的前提下)  

原创 jquery插件總結

自定義滾定條 jquery.nicescroll 官網:https://nicescroll.areaaperta.com/   全屏滾動插件  fullPage.js 官網:http://fullpage.81hu.com/