vue3 快速入門系列 - 組件通信 組件通信在開發中非常重要，通信就是你給我一點東西，我給你一點東西。 本篇將分析 vue3 中組件間的通信方式。 Tip：下文提到的絕大多數通信方式在 vue2 中都有，但是在寫法上有一些差異。 準備環境 在 vue3 基礎上進行。 新建三個組件：爺爺、父親、孩子 ...

Commonjs 什麼是 CommonJs CommonJs 是 js 模塊化的社區規範 模塊化產生的原因 隨著前端頁面複雜度的提升，依賴的第三方庫的增加，導致的 js 依賴混亂，全局變數的污染，和命名衝突 單個 js 文件內容太多，導致了維護困難，拆分成為多個文件又會發生第一點描述的問題 v8 引 ...

一、前期轉杯 確保電腦上已安裝 node.js。 可通過命令 npm --version進行查詢，如果展示了版本號，則說明已安裝，若提示 npm 不是有內部或外部命令，也不是可運行的程式，則說明未安裝，可進入官網下載併進行安裝。 確保已安裝 Vue CLI。 可通過命令 vue --V 查看版本號， ...

最近，群里聊到了一個很有意思的佈局效果。大致效果如下所示，希望使用 CSS 實現如下所示的佈局效果： 正常而言，我們的 HTML 結構大致是如下所示： <div class="g-container"> <div class="g-nav"> <ul> <li>Tab 1</li> <li>Tab ...

前言 最近有粉絲找到我，說被面試官給問懵了。 粉絲：面試官上來就問“一個vue文件是如何渲染成瀏覽器上面的真實DOM？”，當時還挺竊喜這題真簡單。就簡單說了一下先是編譯成render函數、然後根據render函數生成虛擬DOM，最後就是根據虛擬DOM生成真實DOM。按照正常套路面試官接著會問vue響 ...

今天我為大家帶來新的作品，iOS17桌面組件神器（Scriptable）原創腳本，精美作品分享！喜歡的話就點關註吧！更多腳本正在路上... * script : ONE-Progress.js * version : 1.0.0 * author : Nicolas-kings * date : 2 ...

1、首先構造函數為中心 function Person() { } var p = new Person(); console.log('Person::', p) console.log(p.constructor Person) 列印如下： 可以看出構造函數通過new得到實例，實例可以通過【co ...

0x01 概述 API 是一些預先定義的函數，提供應用程式與開發人員基於某軟體或硬體訪問一組常式的能力 Web APIs 是 W3C 組織的標準，是 JS 獨有的部分 Web API 是瀏覽器提供的一套操作瀏覽器功能和頁面元素的 API，即 DOM 與 BOM 0x02 DOM （1）簡介 文檔對象 ...

關於微信小程式轉發&保存圖片 已經好多年沒寫博客了，最近使用在用uniapp開發一個移動版管理後臺，記錄下自己踩過的一些坑 微信小程式圖片轉發保存簡單說明 微信小程式圖片轉發保存，依賴小程式的轉發api—— wx.showShareImageMenu(Object object) 通過調用這個api ...

錨點鏈接 <a href="#Cat"></a> 點擊這個鏈接將為跳轉到這個頁面上id為Cat的頁面 利用這個功能，我們可以實現給一個頁面插眼的功能。 比如我們想建一個動物園的網站 <!-- 動物園導航欄--> <header> <ul> <li><a href="cat">Cats</a></li ...

隨著互聯網技術的迅速發展，用戶對網頁的載入速度和交互體驗有了更高的期待。作為開發者，我們常常需要在伺服器端渲染（SSR）與客戶端渲染（CSR）之間做出選擇。這兩種渲染方式各有特點，適用於不同的場景和需求。今天，就讓我們一起來探索SSR和CSR的世界，幫助你為你的應用選擇最合適的渲染策略。 什麼是渲染 ...

本文分享自華為雲社區《3月閱讀周·你不知道的JavaScript | ES6生成器，看似同步的非同步流程式控制製表達風格》，作者： 葉一一。 生成器 打破完整運行 JavaScript開發者在代碼中幾乎普遍依賴的一個假定：一個函數一旦開始執行，就會運行到結束，期間不會有其他代碼能夠打斷它並插入其間。 ES ...

大家好，我是 Java陳序員。 今天，給大家介紹一個基於 Vue 全家桶實現的“網易雲”播放器。 關註微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 YesPlayMusic —— 一款高顏值的第三方網易雲播放器，支持 Windows / ...

前言 我們已經介紹了radash的相關信息和部分Array相關方法，詳情可前往主頁查看； 本篇我們繼續介紹radash中Array的相關方法； 下期我們將介紹解析radash中剩餘的 Array相關方法，並整理出Array方法使用目錄，包括文章說明和腦圖說明。 Radash的Array相關方法詳解 ...

JS解混淆 最近在整理之前和一些同伴的分享資料，發現時間已經過了好久，特此整理一些有價值的分享記錄。 JS混淆 學習js混淆可以逆向分析混淆和加密過程，實戰可用於爬蟲和滲透信息獲取 本文檔用於初步介紹js混淆的基礎概念以及如何解混淆、調試，便於幹掉反爬蟲和滲透信息收集思路拓展 概念解釋 混淆/加密 ...

Scriptable 腳本合集 iOS桌面組件神器（Scriptable）原創腳本，精美作品收集、分享！ 如果喜歡，歡迎點個 ⭐️ Star ⭐️ 給予小支持，感謝您的使用！喜歡這個項目？有好的腳本？請考慮留言來幫助完善它！ 如果您使用過程中發現有問題或可以改進的流程，請提出 Issue 或 Pul ...

vscode插件liveserver增加對thymeleaf模板的簡單支持 背景 vscode+liveserver開發時，多個頁面引用的公用靜態資源在每個頁面都寫一個遍比較麻煩,想讓liveserver支持簡單的thymeleaf語法，只要能把公用資源抽出來單獨放到一個文件中聲明即可。 網上找了一 ...

描述 我們在使用 node 的 npm 下載依賴的時候，往往下載速度很慢，那是因為 npm 預設的是 npm 處於國外的官方鏡像源。所以需要切換到國內的鏡像源來加速依賴下載。所以本文推薦一款簡單好用 npm 鏡像源管理器，可以方便開發者管理自己的鏡像源。 推薦：npm-registry-nrs ...