前端

向量運算是計算機圖形學的基礎，本例依舊是向量的一種應用，利用向量判斷多邊形邊界，但是多邊形的邊界判斷稍微有點復雜，所以除了應用向量之外，還需要借助三角剖分的相關工具。這個例子中可視化的展示采用Canvas2D來實現。 ... ?

設計模式一直是程序員談論的“高端”話題之一，總有一種敬而遠之的心態。在了解后才知道在將函數作為一等對象的語言中，有許多需要利用對象多態性的設計模式，比如單例模式、 策略模式等，這些模式的結構與傳統面向對象語言的結構大相徑庭，實際上已經融入到了語言之中，我們可能經常使用它們，只是不知道它們的名字而已。 ... ?

準備工作 簡介 Tampermonkey 是一款強大的瀏覽器擴展，它允許您定制網頁的行為，改變和優化網頁的展示方式或者功能以滿足個人需求。通過編寫自定義腳本，您可以實現許多有趣的功能，從自動化任務到改進網頁界面，一切盡在掌握。 腳本一般指用戶腳本(User Script)，他是一段 Javascri ... ?

簡介 本章節從精準定位、分層設計、異步組件、拖拽四個方面分析飛碼畫布設計。 一、精準定位設計 飛碼畫布是一個套件，可對外提供畫布能力。精準定位有兩種情況，一是目標組件無子組件，而是目標組件有子組件。 無子組件：目標組件分為支持與不支持放子組件兩種情況。 有子組件：鼠標相對于子組件（目標組件）對角線位 ... ?

Node.js是一個基于ChromeV8引擎的JavaScript運行環境，使用了一個事件驅動、非阻塞式I/O模型，讓JavaScript 運行在服務端的開發平臺，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。Node中增添了很多內置的模塊，提... ... ?

1、需求 使用Vue + Element UI 實現在列表的操作欄新增一個復制按鈕，復制當前行的數據可以打開新增彈窗后亦可以跳轉到新增頁面，本文實現為跳轉到新增頁面。 2、實現 1）列表頁 index.vue <el-table> <!-- 其他列 --> <el-table-column labe ... ?

前言 您是否曾經希望擁有一個神奇的工具包，可以讓您像超級英雄一樣控制 JavaScript 對象？向ReflectAPI 打個招呼吧，它是 ES6 中引入的一個新的全局對象 ，它能夠處理簡單的代碼操作。它是每個現代 JavaScript 開發人員都需要的瑞士軍刀！? 本文的目標是幫助您更好地理解 ... ?

SPA類型應用，前端熱發布后，用戶端由于瀏覽器緩存不會重新獲取index.html 導致用戶沒有及時看到最新版本 所以寫了一個插件用戶協助客戶端實時更新 //思路：對比每一個script中的src的地址有無變化 因為打包后的js名稱一般為 test.dawe13s5.js 中間8位為哈希值 每次打包 ... ?

在Vue3中使用Element-Plus分頁（Pagination ）組件 開發過程中數據展示會經常使用到，同時分頁功能也會添加到頁面中。 記：在Vue3中使用Element-Plus分頁組件與表格數據實現分頁交互。 開始實現 引入表格和分頁組件的H5標簽。 <strong>Element-Plus ... ?

本文學習vue2.0源碼，主要從new Vue()時發生了什么和頁面的響應式更新2個維度了解Vue.js的原理。以一個簡單的vue代碼為例，介紹了這個代碼編譯運行的流程，在流程中原始DOM的信息會被解析轉換，存在不同的對象中。其中關鍵的對象有el、template、ast、code、render、r... ... ?

大綱 本文內容更多的是講講使用 vuex 的一些心得想法，所以大概會講述下面這些點： Q1：我為什么會想使用 vuex 來管理數據狀態交互？ Q2：使用 vuex 框架有哪些缺點或者說副作用？ Q3：我是如何在項目里使用 vuex 的？ 初識 vuex 對于 vuex，有人喜歡，有人反感 喜歡的人覺 ... ?

本篇文章從數據中心，事件中心如何協議工作、不依賴環境對vue2.x、vue3.x都可以支持、投產頁面問題定位三個方面進行分析。 ... ?

本文所有內容，純屬個人觀點，無意與任何人爭論 前端技術的現狀 我覺得前端技術發展到現在有兩個最主要的特征 前端工具鏈為前端工程化提供了強有力的支持 這方面主要是webpack、rollup、esbuild等工具產生的價值，當然還有背后的Node.js。 這些工具讓前端開發者可以更從容的開發大型前端項 ... ?

從一個假死頁面引發的思考： 作為前端開發，除了要攻克頁面難點，也要有更深的自我目標，性能優化是自我提升中很重要的一環； 在前端開發中，會偶遇到頁面假死的現象， 是因為當js有大量計算時，會造成 UI 阻塞，出現界面卡頓、掉幀等情況，嚴重時會出現頁面卡死的情況； ... ?

本文介紹使用canvas的drawImage進行視頻截圖，并用toDataURL和toBlob轉化為圖片地址的方法，且重點介紹了將bold信息轉化為圖片地址的方法。 ... ?

事件循環不是瀏覽器獨有的，從字面上看，“循環”可以簡單地認為就是重復，比如for循環，就是重復地執行for循環體中的語句，所以事件循環，可以理解為重復地處理事件，那么下一個問題是，處理的是什么事件，事件的相關信息從哪里獲取。 ... ?

專為編程打造，自動寫代碼機器人，免費開通 本篇文章和大家了解一下前端設置cookie之vue-cookies使用。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。 目錄 前端設置cookie之vue-cookies 安裝vue-cookies 引入 ?

1、業務背景 使用vue+element開發報表功能時，需要列表上某列的超鏈接按鈕彈窗展示，在彈窗的el-table列表某列中再次使用超鏈接按鈕點開彈窗，以此類推多表格彈窗嵌套，本文以彈窗兩次為例 最終效果如下示例頁面 2、具體實現和問題拋出 <template> <div class="el_ma ... ?

每天，我們都在和各種文檔打交道，PRD、技術方案、個人筆記等等等。 其實文檔排版有很多學問，就像我，對排版有強迫癥，見不得英文與中文之間不加空格。 所以，最近在做這么一個谷歌擴展插件 chrome-extension-text-formatting，通過谷歌擴展，快速將選中文本，格式化為符合 中文文 ... ?

什么是設計模式？ ? 設計模式（Design pattern）是一套被反復使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結，設計模式并不是一種固定的公式，而是一種思想，是一種解決問題的思路；使用設計模式是為了可重用代碼，讓代碼更容易被他人理解，保證代碼可維護性。 設計模式不區分編程語言，設計模 ... ?