原创 【HTML+CSS】CSS3學習和知識歸納總結
1,圓角border-radius border-radius:25px; (上右下左) 2,陰影box-shadow box-shadow: h-shadow v-shadow blur spread colo
原创 【實戰技能】JS實現上拉加載更多,瀏覽至靠近底部,發送請求進行數據加載
1,屏幕滾動監聽事件,監聽滾動至底部; 2,改變狀態值,防止重複加載,進行加載數據,進行填充; 3,數據會做分頁請求加載,注意好分頁數和數據量的設置; var loadStatus = true; va
原创 【Vue】Vue頁面跳轉和路由間參數傳遞接收(含動態路由和嵌套路由)
一,Vue頁面跳轉: 1,直接修改地址欄的地址或者a標籤就行外部跳轉; 2,Html跳轉: <router-link to=""> a標籤,to爲href </router-link>
原创 【Koa】Koa利用中間件koa-body實現文件上傳
1,下載koa-body包 npm install koa-body --save 官方API:https://cnpmjs.org/package/koa-body 2,在項目中引入koa-body
原创 【Vue】Vue路由加載(按需加載,異步加載,懶加載)和路由導航守衛
1,路由加載的幾種方式: 1,基礎寫法,打包分離代碼: import Vue from 'vue' import Router from 'vue-router' import HelloWorld from
原创 【Vue】Vue組件間傳值的六種方式大彙總
1,方式一:props、事件$emit 1-1,父組件向子組件傳值(props) 父組件通過在引用子組件時,給子組件綁定屬性(數據形式:data、props、computed)子組件通過props進行接收; // 1
原创 【Koa】Koa鏈接MySQL數據庫和進行CRUD操作
1,安裝MySQL數據庫: 參考:https://blog.csdn.net/qq_37350706/article/details/81707862 【好好按着來,踩很多坑】 2,建立數據庫連接和封裝: var mysq
原创 【JavaScript】H5-Video視頻操作,相關API和兼容問題彙總
1,Video 視頻兼容CSS寫法 <video muted autoplay controls="controls" src="" playsinline width="100%" id="mvideo" webkit-pl
原创 【實戰技能】百度地圖結合iosSelect實現用戶所在省市區定位
1,iosSelect: 參考文章:https://blog.csdn.net/chenxueshanBlog/article/details/78863435 2,百度地圖: http://lbsyun.baidu
原创 【Koa】Koa其它知識和中間件學習和彙總
1,Koa總的學習大綱: https://www.itying.com/koa/article-index-id-77.html 2,Koa封裝mongodb數據庫: https://blog.csdn.net/w
原创 【HTML+CSS】Rem+JS實現移動端適配方案
1,移動端適配: 在實際的開發中,經常需要考慮到開發的webapp等應用,需要適配各種機型不同屏幕的大小,讓每種機型上的佈局看起來都儘量一樣。即同一套代碼在不同分辨率的手機上運行時,頁面元素間的間距、留白,以及圖片大小會隨着
原创 【Vue】Vue DOM操作,ref、$ref和nextTick
1,vue中的ref和$refs: 一般來講,獲取DOM元素,需document.querySelector(".input1")等操作獲取這個dom節點,然後在獲取input1的值。 但是用ref綁定之後,我們就不需
原创 【Vue】Vue檢測數組對象變化,Vue.set和vm.$set
1,Vue.set和vm.$set使用: 由於 JavaScript 的限制,Vue 不能檢測到以下數組的變動: 當你利用索引直接設置一個數組項時,例如:vm.items[indexOfItem] = newValue
原创 【Vue】Vue計算屬性computer和偵聽屬性watch
1,計算屬性computed: 計算屬性是自動監聽依賴值的變化,從而動態返回內容,監聽是一個過程,在監聽的值變化時,可以觸發一個回調,並做一些事情。它有以下幾個特點: 1)數據可以進行邏輯處理,減少模板中計算邏
原创 【實戰技能】活動抽獎,跑馬燈循環操作,Z型走位
一,大致效果: 點擊抽獎,設置時間,進行Z型跑馬燈循環滾動操作,然後到達指定的產品; 因爲那個時候,花了好久寫這個定時器,老是走錯片場,所以記錄下~~~~ 1,簡單HTMl: <div class="rel">