原创 在Vue-cli中引入jquery

產品說字體的顏色要動態取,但是css文件不存在變量一說,聰明的我立馬想到了利用js給元素設置顏色,這個時候是要抓取元素的,說道抓取元素還是jquery最方便了,那麼怎麼在Vue-cli中引入jquery呢     需要在webpack中全

原创 關於css佈局(水平垂直居中)

在工作過程中一直碰到關於css佈局的問題,其實除了margin:0 auto之外,還有一些很靈活的方法水平居中1)使用inline-block+text-align,先將子框由塊級元素改變爲行內塊元素,再通過設置行內塊元素居中以達到水平居

原创 大轉盤抽獎小程序版 轉盤抽獎網頁版

這篇文章主要爲大家詳細介紹了大轉盤抽獎小程序版和網頁版,具有一定的參考價值,感興趣的小夥伴們可以參考一下 今天整理了下以前寫的小demo,把大轉盤抽獎的代碼,整合下,列了網頁版和小程序兩個版本,這個轉盤抽獎的核心是

原创 element表單驗證關於是否必填,格式驗證以及大小驗證

rules: { name:[{ required: true, message: '請輸入用戶名', trigger: 'blur' },{ mi

原创 css中的Sticky footer 佈局

什麼叫Sticky footer 佈局呢? 我們所見到的大部分網站頁面,都會把一個頁面分爲頭部區塊、內容區塊和頁腳區塊,當頭部區塊和內容區塊內容較少時,頁腳能固定在屏幕的底部,而非隨着文檔流排布。當頁面內容較多時,頁腳能隨着文檔流自動撐開

原创 svn提示out of date的解決方法

步驟1. team–>update 步驟2. team–>Show Tree Conflict–>標記"衝突已解決" 步驟3. team–>commit myeclipse如下操作

原创 前端關於vue普通引用情況下如何與UEditor結合以及關於UEditor的文字居中的bug解決

首先去官網下載壓縮文件解壓 :https://ueditor.baidu.com/website/download.html 然後在你使用插件的文件中script引入 <!-- 配置文件 --> <script type="text/

原创 關於Element上傳圖片組件el-upload的使用以及校驗

這種寫法在多數情況下均可使用 <el-upload class="avatar-uploader" action="/api/upload/ueditorUpload" :on-success="uploadSuccess" :o

原创 js校驗6-16位字母或數字,當不能是純數字或純字母時如何解決

校驗密碼的時候如何校驗6-16位字母或數字呢,正則表達式就派上用場了 function isNumberOr_Letter(s){ var regu = "^[0-9a-zA-Z]{6,16}$" var re = new RegE

原创 使用clipboard.js實現js複製黏貼的功能

最近在做項目的時候需要實現複製黏貼的功能,但是js自己提供的各種方法存在兼容性問題,最後決定使用插件來實現,找了很多插件,發現了了一款比較好用的,分享給大家 官網地址:https://clipboardjs.com/ js包下載地址:

原创 模仿boss直聘網站省市地區三級聯動效果

利用純js寫的    模仿boss直聘網站省市地區三級聯動效果,有興趣的可以看看,傳送門:模仿boss直聘網站省市地區三級聯動效果 效果圖:    

原创 大轉盤抽獎的網頁版和小程序版

今天整理了下以前寫的小demo,把大轉盤抽獎的代碼,整合下,列了網頁版和小程序兩個版本,這個轉盤抽獎的核心是H5的canvas和Css3的translate屬性,非常簡單,寫了網頁版和小程序版供大家參考,主要核心代碼就是利用canvas畫

原创 在Vue-cli中引入

產品說字體的顏色要動態取,但是css文件不存在變量一說,聰明的我立馬想到了利用js給元素設置顏色,這個時候是要抓取元素的,說道抓取元素還是jquery最方便了,那麼怎麼在Vue-cli中引入jquery呢需要在webpack中全局引入jq

原创 vue項目如何實現剪切板功能--vue-clipboard2

1、安裝vue-clipboard2插件:npm install --save vue-clipboard22、main.js添加import VueClipboard from 'vue-clipboard2' Vue.use(VueC

原创 vue做移動端適配最佳解決方案,親測有效

最近在做商城的項目,發現有讚的ui非常適合,但有一個問題是有讚的ui用的單位是px,做不了移動端的適配,官網的提供的vw適配方案發現不可行,最後還是決定rem來做適配,上網搜了一下,發現了一套可用方案,親測有效哦它的原理是藉助px2rem