當今世界，雲計算技術在快速發展，不斷為我們帶來新的應用場景和解決方案。作為一名前端開發者，瞭解雲技術並掌握如何在前端中應用它們是必不可少的。本篇文章將介紹雲計算技術的基本概念，並從前端角度探討如何使用雲技術提高應用的可擴展性、安全性、性能和用戶體驗。 ...
之前，整個《現代圖片性能優化及體驗優化指南》分了 5 篇來發，本文是系列合集，方便大家收藏及連貫閱讀。 圖片資源，在我們的業務中可謂是占據了非常大頭的一環，尤其是其對帶寬的消耗是十分巨大的。 對圖片的性能優化及體驗優化在今天就顯得尤為重要。本文，就將從各個方面闡述，在各種新特性滿頭飛的今天，我們可以 ...
拖放排序列表是一種廣泛使用的 UI 元素，允許用戶通過將項目拖放到所需位置來重新排序。這個功能可以在許多網路應用程式中找到，比如任務管理器和電子商務網站。 在這篇博文中，您將學習如何使用 HTML、CSS 和 JavaScript 創建拖放可排序列表。不使用任何外部 JavaScript 庫來創建這 ...
創建 Vue3 項目的步驟如下： 安裝 Node.js Vue3 需要依賴 Node.js 環境，因此需要先安裝 Node.js。可以從官網下載 Node.js 的安裝包並安裝，也可以使用包管理器安裝，例如在 Ubuntu 上可以使用以下命令安裝： sudo apt-get update sudo ...
react三大屬性 一.狀態 類組件1. state 是組件的屬性，值是對象。state中的數據是可讀可寫的,通過更新state來更新對應的頁面顯示(重新渲染組件)，通過setState來更新state數據且更新是一種合併 ，在類組件中使用.組件自定義的方法中this為undefined(1)強制綁 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 前言 代碼的簡潔、美感、可讀性等等也許不影響程式的執行，但是卻對人（開發者）的影響非常之大，甚至可以說是影響開發者幸福感的重要因素之一； 瞭解一些有美感的代碼，不僅可以在一定程度上提高程式員們的開發效率，有些還能提高代碼的性能，可謂是一舉 ...
好家伙, 現在,我想要把我的飛機大戰塞到我的主頁里去,想辦法把文件導入 然後,直接死在第一步,圖片渲染都成問題 先用vue寫一個測試文件 來測試canvas的繪製 <template> <div> <div ref="stage"></div> <button @click="drawsth()"> ...
background中的cover與contain的區別 contain：將圖片縮放至寬度或者高度能夠完全適應容器，並且保持圖片寬高比不變。如果容器寬高比與圖片寬高比不同，則容器會留白，不會出現圖片的裁剪。例如，對於一個寬度為200px、高度為200px的容器，背景圖片使用background-si ...
依賴註入模式（Dependency Injection Pattern）:允許我們通過將對象的依賴關係從代碼中分離出來，從而使代碼更加模塊化和可重用。 在傳統的編程模式中，一個對象可能會直接創建或者獲取它需要的其他對象，這樣會造成對象之間的緊耦合關係，難以維護和擴展。而使用依賴註入模式，則可以將對象 ...
前言 前面我們簡單的瞭解了 vue 初始化時的一些大概的流程，這裡我們詳細的瞭解下具體的內容; 內容 這一塊主要圍繞init.ts中的vm.$mount進行剖析。 vm.$mount vm.$mount是全局的公共方法方法，但是這是我們要找的話就要向上查找了，代碼位於scr/platforms/we ...
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：景明 我們以一段 C 代碼為例，來看一下代碼被編譯成二進位可執行程式之後，是如何被 CPU 執行的。 在這段代碼中，只是做了非常簡單的加法操作，將 x 和 y ...
一句話來解釋什麼是深淺拷貝，B拷貝A，當修改A，B如果變化，就是淺拷貝，反之就是深拷貝。 基本原理： 1.遞歸函數2.對象內的值都是簡單數據類型時 直接進行賦值3.當我們遇到數組和對象時，可以再次調用函數，利用遞歸去拷貝數組和對象內的每個值4.先數組 後對象 因為數組也是對象 下麵是一個實現深拷貝的 ...
上一篇文章我們介紹了 Vue2模版編譯原理，這一章我們的目標是弄清楚模版 template和響應式數據是如何渲染成最終的DOM。數據更新驅動視圖變化這部分後期會單獨講解 我們先看一下模版和響應式數據是如何渲染成最終DOM 的流程 Vue初始化 new Vue發生了什麼 Vue入口構造函數 funct ...
享元模式（Flyweight Pattern）：是一種用於優化對象創建和管理的設計模式。它旨在減少記憶體消耗和提高性能，通過共用具有相同狀態的對象來實現這一目標。 具體來說，享元模式涉及兩個主要的對象：享元工廠和具有共用狀態的享元對象。享元工廠負責創建和管理共用對象，以確保每個對象只被創建一次。享元對 ...
Array --JavaScript內置對象 描述 可以用一個變數存儲多種數據類型的Array對象，Array不是關聯數組，不能使用字元串作為索引訪問數組元素，需要使用非負整數的下標訪問數組中的元素。 和對象的某些特征很相似，例如：屬性訪問器一半相似，衍生出的使用 .call() 或者 .apply ...
在上篇隨筆《基於Admin.NET框架的前端的一些改進和代碼生成處理（1）》中大致介紹了一些關於對Admin.NET框架的前端的改造工作，主要目的就是希望能夠增加代碼的簡潔和可讀性，以及利用代碼生成工具來快速生成相關的代碼，從而減少開發過程中的繁瑣問題。本篇隨筆繼續探討一下，對其中一些模塊功能進行一... ...