原创 uniapp 小程序端自定義組件無法動態更新頁面數據

自定義組件無法顯示動態數據 描述: 1.微信小程序端變量數據已更新,但是頁面顯示數據未更新。 2.H5頁面顯示正常,可以動態更新頁面數據 解決辦法: 1.將父組件傳入props中的變量賦值給data的變量中,頁面顯示的數據和me

原创 Vue入門(五)—— 創建主頁,並配置路由

1.在component目錄下新建home.vue,代碼如下: <template> <div> 主頁 </div> </template> <script> export default { } </scrip

原创 Vue入門(二)—— vue項目創建

本文章默認您已經搭建好了vue-cli腳手架,如果您還沒有搭建好,可以訪問上一篇文章Vue入門(一)—— vue-cli腳手架安裝。 1.打開vue圖形界面 執行命令 vue ui 此時瀏覽器會彈出圖形界面工具 2.創建項目

原创 Vue入門(七)—— 導航守衛

舉個簡單的例子,用代碼說明 const router = new VueRouter({ routes }) // 導航守衛 start // 掛載導航守衛 router.beforeEach( (to, from,

原创 兼容ie的多行文本溢出隱藏,並顯示省略號

簡單說明:在文本最後一行結尾添加一個遮罩(透明 → 白)遮罩上放省略號。 效果如下↓ html部分 <div class="text"> 你的文本內容吧啦吧啦,多寫點方便測試 </div> css部分 text { word

原创 模塊化語法(Commonjs, Es6)

目錄 1.Commonjs 導出導入 1.Es6 導出導入 1.Commonjs 導出導入 導出: // 定義 function add(num1, num2) { return num1 + num2 } // 導出方法

原创 常用的jquery方法(更新中)

目錄結構如下: 常用的jquery方法放入utils.js中 方法索引: 水平垂直居中 判斷元素是否可見 正則表達式 替換文本 1.水平垂直居中 不受滾動條影響,始終居中 util中的方法: // 方法掛載到JQ //

原创 IE11輸入框禁用 清除按鈕(叉號) 和 顯示密碼按鈕(小眼睛)

去除輸入框中的 叉號 和 小眼睛,如下圖: 加入這段css即可 /* IE11 禁用清除按鈕(叉號) */ input::-ms-clear{display:none;} /* IE11 禁用顯示密碼按鈕(小眼睛) */ in

原创 單行、多行文本溢出隱藏並顯示省略號

單行文本溢出隱藏css overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行文本溢出隱藏css 注意:此方法不兼容ie瀏覽器 overflow: hi

原创 Vue入門(四)—— 配置app.vue根組件的全局css樣式

1.一般的做法是在src/assets目錄下新建目錄css,在css目錄中新建文件global.css,內容如下: /* 全局樣式表 */ html, body, #app { height: 100%; margin: 0;

原创 Vue入門(六)—— 路由轉跳

路由轉跳的方法有兩種: 1.編程式 在方法中調用 // 轉跳至/home this.$router.push('/home') // 前進一步 this.$router.go(1) // 後退一步 this.$router.go(

原创 Vue入門(十)—— session緩存

1.添加緩存: window.sessionStorage.setItem('key', 'value') 2.獲取緩存 window.sessionStorage.getItem('key'); 2.刪除緩存 // 刪除指定

原创 Vue入門(三)—— vue項目初始化配置

使用vscode或hbuilderx等ide打開創建好的項目: 結構如下 在src中: app.vue 是所有組件的跟組件 main.js 是項目的打包入口文件 router.js 是路由配置文件 上面都是廢話,瞭解一下就行,接

原创 Vue入門(九)—— 配置字體圖標

1.首先需要下載字體圖標,這裏是阿里圖標庫地址https://www.iconfont.cn/ 找到合適的圖標下載 2.在項目目錄src/assets下新建font目錄,將下載好的文件放到這裏 3.打開main.js導入字體圖標

原创 Vue入門(八)—— 配置axios全局請求根路徑,並向後端發送請求

1.查看項目是否包含axios,如果沒有就安裝依賴,打開圖形界面工具,在“運行依賴”中搜索 axios 並安裝 安裝完畢後繼續 2.打開main.js完成三步: (1)導包 (2)配置全局請求根路徑 (3)掛載到vue // ax