原创 JS獲取屏幕的寬度和高度

console.log("網頁可見區域寬:", document.body.clientWidth) console.log("網頁可見區域高:", document.body.clientHeight) console.log(

原创 canvas

矩形 fillRect(x, y, width, height) 繪製一個填充的矩形 strokeRect(x, y, width, height) 繪製一個矩形的邊框 繪製 clearRect(x, y,

原创 WebSocket

WebSocket 屬性 Socket.readyState 只讀屬性 readyState 表示連接狀態,可以是以下值: 0 - 表示連接尚未建立。 1 - 表示連接已建立,可以進行通信。 2 - 表示連接正在進行關閉。 3

原创 你不知道的JavaScript(上) 對象

第三章 對象 3.1語法 對象可以通過兩種形式定義:聲明(文字)形式和構造形式。 3.2類型 在js中一共有6種類型,null有時候會被當作對象類型,這其實是語言本身的bug,實際上null是基本的類型。 JavaScrip

原创 小程序計算商家和用戶的距離

計算商家和用戶的距離必須要用到他們的經緯度 1進入騰訊位置服務選擇微信小程序JavaScript申請密鑰 2下載SDK 3在所需的頁面引入 // 引入SDK核心類 import QQMapWX from 'xxx/qqmap-wx

原创 vue使用filters處理小數

使用過濾器尾數四捨五入: filters: { numFilter(value) { // 截取當前數據到小數點後三位 let transformVal = Number(value).to

原创 對象的不變性

對象常量 結合 writable:false 和 configurable:false 就可以創建一個真正的常量屬性(不可修改、重定義或者刪除): var myObject = {}; Object.definePrope

原创 微信小程序發起支付(前端)

1,調用wx.login獲取code返回給後臺,後臺調用對應的api換取用戶的唯一標識(openid) 及本次登錄的 會話密鑰(session_key) 2,調用後臺的下單接口進行下單 3,調用後臺的支付接口,返回wx.reque

原创 深度拷貝對象

淺拷貝 拷貝就是把父對像的屬性,全部拷貝給子對象。此時子對象拷貝的是父對象的地址,子父對象相互影響。 深拷貝 就是把父對象的屬性中的值拷貝給子對象此時不論父對象如何改變都不會再影響到子對象。 常用的幾種方法 Object.ass

原创 js數組常用方法

1. Array.isArray() 判斷一個值是否爲數組,可以彌補typeof運算符的不足 var a = [1, 2, 3]; typeof a // "object" Array.isArray(a) // true 2.

原创 HTTP筆記

HTTP簡介 HTTP協議(HyperText Transfer Protocol,超文本傳輸協議)是因特網上應用最爲廣泛的一種網絡傳輸協議。 HTTP三點注意事項 HTTP是無連接:無連接的含義是限制每次連接只處理一個請求。服

原创 小程序自定義組件

小程序自定義組件 1,創建在根目錄新建components 2,在components新建一個文件模板 3,在要引入組件的頁面json文件 “usingComponents”: {“my-component”: “/comp

原创 onLaunch和onLoad異步問題

**問題:**小程序初始化時觸發App裏的onLaunch,後面再執行頁面Page裏的onLoad,但由於數據請求爲異步,當數據請求完成後onLoad以及執行完,所以onLoad拿不到onLaunch請求回來的數據 **解決方法:

原创 對象的[[Get]]和 [[Put]]

[[Get]] myObject.a在一次屬性的訪問中,實際上調用了內置 [[Get]] ,如果找到就返回這個屬性的值, 然而,如果沒有找到名字相同的屬性,會按照 [[Get]]算法的定義執行另外一種行爲,就是遍歷可能存在的 [[

原创 webpack筆記

什麼是webpack? webpack 是一個現代 JavaScript 應用程序的模塊打包器(module bundler),分析你的項目結構,找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言(Sass,T