原创 JS排序(sort排序、冒泡排序、選擇排序、快速排序)

直接上代碼 <script type="text/javascript"> let array = [1, 22, 13, 7, 2, 224, 354, 5, 3, 6] //sort排序

原创 JavaScript高級程序設計(第三版)——引用類型Array

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi

原创 JS實現數組去重四種方法,去重並排序

直接上代碼 <script> let arr = [2, 3, 4, 4, 6, 66, 4, 743, 243, 22, 2, 4]; // 一、遍歷數組法,新建一個數組,遍歷原數組,如果不存

原创 vue項目兼容android低版本、兼容IE、ES6解決辦法

VUE項目兼容性處理,主要原因還是不兼容ES6。 oppo和vivo等低版本瀏覽器不支持es6寫法,所以需要對es6轉es5的操作。 IE瀏覽器沒有內置Promise對象。不僅如此,幾乎所有的ES6新增的方法在IE都不能用,此時你需要ba

原创 JS實現拖拽(原生)

拖拽的原理:三個事件 onmousedown、onmousemove、onmousemove 1、鼠標按下,觸發onmousedown,獲取鼠標座標x,y,獲取元素座標x,y    通過event.clientX、event.client

原创 Vue面試題之(二)怎樣理解 Vue 的單向數據流?

所有的 prop 都使得其父子 prop 之間形成了一個單向下行綁定:父級 prop 的更新會向下流動到子組件中,但是反過來則不行。這樣會防止從子組件意外改變父級組件的狀態,從而導致你的應用的數據流向難以理解。 1、v-model 用在

原创 JS判斷當前環境爲微信,手機判斷瀏覽器類型

判斷是否爲微信環境 let wx = navigator.userAgent.toLowerCase(); if (wx.match(/MicroMessenger/i) == "micromessenger") { aler

原创 vue解決刷新頁面vuex數據、params參數消失的問題(params傳遞多個參數)

一般項目都會有一些邏輯需要傳遞值給另一個頁面,那麼有的時候就會出現一個問題:用戶刷新了頁面,誒?數據沒了,參數錯誤。那麼今天經過總結,解決了這個問題。我在最新的項目中,通過了一下幾種情況進行傳值: 1、通過路由傳值,params或quer

原创 Vue面試題之(三)watch和computed的區別

computed: computed是計算屬性,依賴其他的屬性值,並且computed的屬性值有緩存屬性,當屬性值變化的時候,下一次獲取computed屬性的時候纔會重新計算computed的值。 watch: 更多的是一種觀察的作用,用

原创 微信公衆號自定義分享(vue)

先附上微信公衆平臺,官網介紹的很詳細, https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 微信公衆號右上角自定義分享功能主要就三步: 1、先引入JS文件

原创 Vue面試題之(一)說說你對 SPA 單頁面的理解

說說你對 SPA 單頁面的理解、,它的優缺點分別是什麼? SPA( single-page application )僅在 Web 頁面初始化時加載相應的 HTML、JavaScript 和 CSS。一旦頁面加載完成,SPA 不會因爲用戶

原创 H5開發踩坑記錄(總有你用的到的,持續更新)

一、url轉碼,url傳值得時候中文會被轉義,通過 decodeURIComponent( ) 進行轉碼 this.url = decodeURIComponent(item.split('=')[1]) 編碼的話用encodeURI(

原创 解決element table表頭錯位的問題

因爲加了boder屬性,所以表格會稍有錯位 解決辦法: 全局加上display: table-cell !important;屬性,覆蓋源碼 /* 解決element table加boder後表格錯位不對稱情況 */ .el-tabl

原创 解決vue項目中的“Invalid Host header”

微信公衆號項目,在服務器上測試,打開項目瀏覽器報錯Invalid Host header,項目爲vue-cli 2.x 修改webpack.dev.conf.js,在devServer對中加入disableHostCheck: true,

原创 JS處理支付寶H5支付

後端返回的支付寶H5支付調用鏈接是一個字符串form表單 創建一個div,講返回的form表單加入div中,返回到body中渲染頁面,通過提交表單的形式打開H5支付鏈接。 const div = document.createEleme