原创 React 學習筆記 （八）（react-router 4. x 頁面傳值）

動態路由傳值 1.配置（根組件加載組件，注意path寫法: /xxx/:id） <Route path='/product/:id' component={RouterProduct}></Route> 2.跳轉（注意寫法:es

2020-06-09 22:52:42 1

原创 vue實現文字展開收起

思路： 主要是css上可以分爲兩部分，第一部分展示前面兩行，第二部分會根據第一部分的行數判斷縮進的大小，然後展示第三行。最後通過背景色的控制讓兩者看上去是一段文字。 html <div :class="showTotal ?

2020-06-09 22:52:31 2

原创 React 學習筆記 （七）（路由及路由嵌套 react-router 4.x 基本配置及使用）

react-router 路由 根據用戶訪問的地址動態的加載不同的組件 1.安裝 npm install react-router-dom --save 2.引入 import { BrowserRouter as Router

2020-06-09 22:52:31

原创 keep-alive生命週期

keep-alive：主要用於保留組件狀態或避免重新渲染。 包裹動態組件時，會緩存不活動的組件實例，而不是銷燬它們。 當組件在 keep-alive內被切換，它的 activated 和 deactivated 這兩個生命週期鉤子

2020-05-19 22:28:11

原创 檢查是否是移動端（Mobile）、ipad、iphone、微信、QQ等

function browserVersions () { let u = window.navigator.userAgent return { trident: u.indexOf('Trident') > -1,

2019-05-08 21:31:13 1

原创 解決H5頁面軟件盤彈出壓縮頁面問題

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; var isiOS = !!u.matc

2019-05-08 21:31:13 1

原创 ios下去掉alert的url

window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display=

2019-05-08 21:31:13

原创 Node.js學習筆記（二）（npm、package.json）

npm npm是 JavaScript 世界的包管理工具,並且是 Node.js 平臺的默認包管理工具。通過 npm 可以安裝、共享、分發代碼,管理項目依賴關係。 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。 允許用戶從

2019-02-20 21:23:30

原创 Node.js學習筆記（一）（安裝、http模塊、url模塊）

Node簡介 Node 是一個讓 JavaScript 運行在服務端的開發平臺，它讓 JavaScript 成爲與PHP、Python、Perl、Ruby 等服務端語言平起平坐的腳本語言。發佈於2009年5月，由Ryan Dahl開發

2019-02-19 13:37:04

原创 Vue-cli+Element（table多級表頭及遍歷表頭）

上代碼： <el-table :data="tableData" height //表頭固定 style="width: 100%"> <el-table-column :label=title[

2019-01-25 13:42:09 1

原创 Vue-cli+Element（button更改按鈕默認樣式）

<el-button type="primary">主要按鈕</el-button> /* 更改element-UI按鈕樣式 */ .el-button--primary{ color: #fff; b

2018-12-26 15:07:17 2

原创 Vue報錯（Property or method "xxx" is not defined on the instance but referenced during render.）

報錯如下： Property or method “xxx” is not defined on the instance but referenced during render. Make sure that this prope

2018-12-14 21:17:31 55

原创 Vue報錯（the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" ）

報錯如下： the “scope” attribute for scoped slots have been deprecated and replaced by “slot-scope” since 2.5. The new “sl

2018-12-13 21:24:52 1

原创 Vue-cli+Element （阻止表單輸入框回車刷新頁面）

添加回車事件@keyup.enter.native <el-form-item> <el-input placeholder="姓名" v-model="name" @keyup.enter.native="ge

2018-12-10 21:33:22 1

原创 二進制補零、取值，for..in Key排序問題

二進制（111111）每一位的數值代表着不同的含義，所以有了以下操作 var arr= '' //二進制補零 var TFlag=(Array(6).join(0) + Number(data.lines[0].TFlag).toSt

2018-12-07 22:01:52