uni-app開發跨平臺小程式開發的諸多坑，最近用uni-app開發小程式的時候遇到不少了。本篇收集和記錄自己在開發小程式過中遇到的問題和解決辦法。之前有很多問題解決了，沒記錄在案。往后遇到的問題，我盡量記錄下來。部分小程式平臺不好開發，尤其是需要兼容多個平臺，所以如果你和我一樣，想必避免不了遇到 ......

（目錄） Ajax 作業原理 Ajax Ajax 是前后端異步互動的工具，異步更新，ajax 包含 XMLHttpRequests 物件（異步地與服務器交換資料，AJAX 核心） JavaScript/DOM（資訊顯示/互動） CSS（給資料定義樣式） XML 或 JSON（作為轉換資料的格式） 工 ......

TS 是結構型別系統（structural type system），基于結構/形狀檢查型別，而非型別的名字。 TS 中的兼容性，主要看**結構是否兼容**。(核心是考慮安全性),結構化的型別系統(又稱鴨子型別檢查),如兩個型別名字不一樣但是無法區分 型別兼容性是基于結構子型別的。 結構型別是一種只 ......

前端設計模式中的過濾器模式（Filter Pattern）是一種結構型設計模式，它允許我們使用不同的條件來過濾一組物件，并回傳符合條件的物件串列。 在過濾器模式中，我們有一個包含多個物件的串列，需要根據一些條件來篩選出符合條件的物件。通常情況下，可以使用多個過濾器來實作這個功能。每個過濾器都是一個獨 ......

1.console.log() 除錯時console.log是最常用的命令之一，此外還有一些其他的使用的功能。 console.log()中，可是使用占位符對資訊加工輸出 console.log(' %c %s %s %s', 'color: yellow; background-color: bl ......

本文將使用技術堆疊 React Three Fiber 和 Cannon.js 來實作一個具有物理特性的乒乓球小游戲，通過本文的閱讀，你將學習到的知識點包括：了解什么是 React Three Fiber 及它的相關生態、使用 React Three Fiber 搭建基礎三維場景、如何使用新技術堆疊給場... ......

原型模式（Prototype Pattern）：使用原型實體指定創建物件的種類，并通過拷貝這些原型創建新的物件。 在JavaScript中，所有的物件都有一個原型鏈。原型鏈是一種機制，它允許我們在物件上定義屬性和方法，并且可以從它的原型中繼承屬性和方法。當我們訪問一個物件的屬性或方法時，JavaSc ......

所周知，審查元素（F12或者右鍵檢查）的情況下，大家都可以隨機更改一部分頁面的代碼，注入惡意JS等等，這種情況避免也不難，雖然還能看到一部分H5原始碼，但是無法修改；所以我們可以通過一下三種方式解決問題： 1、屏蔽F12 審查元素； 2、屏蔽右鍵選單來初步解決這些問題（也就是解決發現問題的人[偷笑]） ......

定義 如果希望動態給某個類添加一些屬性或者方法，但是你又不希望這個類派生的物件受到影響，那么裝飾器模式就可以給你帶來這樣的體驗。 它的定義就是在不改變原物件的基礎上，通過對其進行包裝拓展，使得原有物件可以動態具有更多功能，從而滿足用戶的更復雜需求。 舉個例子，一部手機，你可以買各種花里胡哨的手機殼等 ......

uni-app 實作輪播圖組件父容器背景色隨圖片主題色改變 實作思路 1、獲取輪播圖主題色，通過 canvas 獲取圖片主題色。 2、隨著輪播圖組件圖片的輪播，動態設定父容器背景色為圖片的主題色。 實作代碼 <template> <view class="container"> <canvas ca ......

組合模式（Composite Pattern）是一種結構型設計模式，它允許將物件組合成樹形結構，并且可以像操作單個物件一樣操作整個樹形結構。 組合模式的核心思想是將物件組織成樹形結構，其中包含組合物件和葉子物件兩種型別。組合物件可以包含葉子物件或其他組合物件，從而形成一個樹形結構。 組合模式可以應用 ......

JavaScript 實作異步任務回圈順序執行 需求場景：陣列的元素作為異步任務的引數，回圈遍歷該陣列，并執行異步任務。 一、錯誤的實作 簡單的錯誤實作 // 異步任務的引數陣列 const arr = [1, 2, 3, 4]; // 異步任務函式 function task(params, ca ......

迭代器模式（Iterator Pattern）：提供一種方法順序訪問一個聚合物件中的各個元素，而不需要暴露該物件的內部表示。在JavaScript中，可以使用迭代器模式來操作陣列或類陣列物件。 在迭代器模式中，集合物件包含一個方法，用于回傳一個迭代器，該迭代器可以按順序訪問該集合中的元素。迭代器提供 ......

一：js 中的變數提升 例1 a = 2; var a; console.log(a); 答：2 決議：它會將當前作用域的所有變數的宣告提升到程式的頂部，上述代碼等價為： var a; a = 2 console.log(a); // 2 例2： console.log(a);// undefine ......

/* 處理檔案路徑 */ export default { // 撥打電話 callPhone(phone) { uni.makePhoneCall({ phoneNumber: phone //僅為示例 }); }, // 判斷物件是否包含空值 /* ** @return flag ** @par ......

眾所周知，var，let 是宣告變數的，const是宣告常量的 先簡單剖析一下，var，let的區別 var 在ES6之前使用，而到了ES6之后官方就不推薦使用了，究其原因還是因為它自身的原因，導致代碼令人感覺不太合理。 console.log(num); var num = 10; // 列印 u ......

命令模式（Command Pattern）：它允許你將操作封裝成物件。這些物件包括了被呼叫的方法及其引數。這些命令物件可以被存盤、傳遞和執行。 在前端開發中，命令模式可以被用于實作可撤銷和重做的操作。例如，在一個文本編輯器中，可以使用命令模式來實作撤銷和重做操作。對于每一個編輯操作，可以創建一個命令 ......

分享一個面試題： 宣告一個陣列，代表股票的各個期值，求在這個階段最大的收益值為多少？ 簡言之:其實就是求陣列中兩個值的差值中，最大的值。 第一反應的思路就是，進行雙層回圈進行差值計算，再從差值計算獲得的陣列中選出最大的值。面試完想了這個方法一下有些麻煩，還不如直接就在回圈中比較出來，選出最大值，直接 ......

其他章節請看： webgl 系列 漸變三角形 本文通過一個漸變三角形的示例逐步分析：varying變數、合并緩沖區、圖形裝配、光柵化、varying 內插 繪制三個點v1 需求：繪制三個相同顏色的點，效果如下： 通過三角形的學習，這個需求非常容易實作。代碼如下： const VSHADER_SOUR ......

代碼如下： 我這邊用的阿里OSS直傳的，主要思路是獲取截圖物件，粘貼到指定div位置，獲取檔案流，將檔案流賦值給clientUpload方法。 使用wx/qq 快捷指令就可以截圖上傳圖片了。 <div class="layui-form-item"> <label class="layui-form ......

代理模式（Proxy Pattern）：前端設計模式中的代理模式是一種結構型模式，它允許在不改變原始物件的情況下，通過引入一個代理物件來控制對原始物件的訪問。代理物件充當原始物件的中介，客戶端與代理物件互動，代理物件再將請求轉發給原始物件。 代理模式在前端開發中經常被用來處理一些復雜或者耗時的操作， ......

第一部分 型別和語法 第一章 型別 JavaScript 有七種內置型別： ? 空值（null） ? 未定義（undefined） ? 布林值（ boolean） ? 數字（number） ? 字串（string） ? 物件（object） ? 符號（symbol，ES6 中新增） typeof ......

好家伙，本篇為《JS高級程式設計》第二十六章“模塊”學習筆記 JS開發會遇到代碼量大和廣泛使用第三方庫的問題。 解決這個問題的方案通 常需要把代碼拆分成很多部分，然后再通過某種方式將它們連接起來。 若代碼量較大,我們使用模塊化開發的模式,也能夠使代碼容易維護 我們需要模塊 1.模塊模式 把邏輯分塊， ......

博客園美化教程 前言： 沒啥時間寫博客，不過最進將博客美化了一遍現在，選了好幾款不錯的主題，感覺都很喜歡，選擇困難癥犯了，決定寫一個完整詳細的教程，將幾款博客都試一遍，現在先介紹這款SimpleMemory博客主題的效果美化教程吧，接下來開始我們的教程p 一、后臺設定 點擊“管理 > 設定 > 基本 ......

職責鏈模式（Chain of Responsibility pattern）是一種行為設計模式，用于將請求從一個物件傳遞到另一個物件，直到找到能夠處理請求的物件為止。 職責鏈模式通常涉及一系列處理物件，每個物件都負責處理請求的一部分，并將請求傳遞給下一個物件，直到請求得到滿足或者處理結束。這種方式可 ......