原创 微信小程序input標籤高度設置不生效

只設置height不生效 加上min-height min-height:30rpx; height: 30rpx;  

原创 前端面試題(vue)

框架主要是vue vue相對於jquery的優勢 vue父傳子,子傳父,父傳孫的方法 Vue路由傳值 vue雙向綁定的原理(vue數據響應原理) vue-router兩種模式 hash模式和history模式 vue路由組件(<route

原创 解決vue-cli3項目ie白屏兼容問題

剛寫好的項目在谷歌能打開,ie打不開,需要處理兼容問題 先根據這篇文章修改    詳解Vue-cli3 項目在安卓低版本系統和IE上白屏問題解決 如果沒有其他問題是可以了的,下面是我代碼中出現的其他問題導致頁面無法顯示或者報錯 sockj

原创 js判斷鼠標點擊的是哪個鍵

鼠標事件   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <button

原创 css實現滾屏展示效果

我這裏是20條數據循環展示,頁面同時能展示四條數據,一次循環20s 實現無縫滑動需要把前四條數據加到最後,否則會出現數據瞬變(因爲循環結束會瞬間拉回,原來位置重新向下滑動),也就是有24條數據 不說廢話,直接上代碼 實現滑動功能的主要代碼

原创 彈出框實現

今個因爲項目要用彈出框,沒有合適的就自己寫,原理簡單,寫一個div,相對於瀏覽器窗口定位,初始高度爲0,此時不顯示,點擊按鈕給div添加一個高度,賦予動畫時間 <!DOCTYPE html> <html> <head> <meta

原创 引入iview圖標庫ivu-icon 圖標無法顯示

今天升級版本發現圖標顯示不出來,重新引入了好幾次還是不行,百度改路徑也不行,然後我發現了 這句話還是在文檔最底部,我·#¥%~·#¥ 引入方法和阿里圖標一樣

原创 vue項目在ie瀏覽器中,數據更改後頁面數據沒有變化

在項目裏對錶單數據使用增刪改查之後,我們通常會重新請求數據更新視圖,ie瀏覽器中,如果請求相同的URL,默認會使用之前請求來的緩存數據,而不會去請求接口獲取最新數據, 解決方法: 在每個請求發送前,攔截請求並給請求接口的URL後加一個時間

原创 vue項目打包上傳到服務器具體操作

這幾天爲了測試一個項目,自己嘗試將前端項目打包放置到自己的服務器上,我用的是阿里雲,下面也是以阿里云爲例 使用的工具是xshell6+FileZilla xshell6想免費試用就去下載家庭免費版  >官網下載   1.服務器 上傳服務器

原创 vue後臺管理頁面權限管理

一般後臺管理頁面會有不同的權限,每個角色擁有不同的查看頁面的權限 權限實現:用戶信息中攜帶權限頁面標識 先用賬號密碼獲取到token,token獲取用戶信息,用戶信息中包含了網頁需要的內容,一般有姓名、身份、手機號、郵箱,現在多了一個權限

原创 命令行報錯:Expected indentation of 4 spaces but found 6

這是格式問題,很無厘頭,檢查的東西叫eslint,會檢測代碼中的潛在 Bug,還能做一些類型檢查,把它關掉就好了 網上有不同的解決方法 1.關閉eslint 。 在vue項目中找到build文件夾 --> webpack.base.con

原创 vant weapp 按鈕格式修改不生效

我用npm引入的   所有的組件按鈕樣式都無法自己修改,自己寫的按鈕也不能修改 原因:在你的app.json中有一行代碼,是引入組件庫後加上的,刪掉即可

原创 vue 中input的輸入驗證

在vue中用最普通的input對內容做限制比較容易,但是沒有樣式,比較醜,比如只能輸入文字(以下都以文字爲例),直接對其值正則匹配即可  >查看其他匹配的方法< <input type="text" onkeyup="this.valu

原创 便捷網站或者工具(前端)

目錄 一.集合衆多工具的網站 二.漸變色 三.輪播圖製作 四.圖片資源 五.圖片設計編輯 六.網頁設計 七 .Cancas學習網站 八.echarts實例 一.集合衆多工具的網站 nicetool  Toolfk在線工具箱   集衆多實用

原创 jquery實現滾屏展示數據

之前寫大屏寫過一個滾屏,整理了代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn