原创 【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">