老甄Home

摘要： 循環(huán)鏈表 (Circular Linked List)是另一種形式的鏈?zhǔn)酱鎯?chǔ)結(jié)構(gòu)。循環(huán)鏈表可以像單向鏈表一樣只有單向引用，也可以像雙向鏈表一樣有雙向引用。 只有單向引用的循環(huán)鏈表稱為單向循環(huán)鏈表，單向循環(huán)鏈表最后一個(gè)節(jié)點(diǎn)的 next 引用指向頭節(jié)點(diǎn) head 而不是 null。 具有雙向引用的循環(huán)鏈 閱讀全文

摘要： 雙向鏈表（Doubly Linked List）是鏈表類型中的一種，顧名思義，它的數(shù)據(jù)鏈接是雙向的，它的鏈表節(jié)點(diǎn)有三部分組成：數(shù)據(jù)部分（value）、鏈向前一個(gè)節(jié)點(diǎn)的指針（prev）和鏈向下一個(gè)節(jié)點(diǎn)的指針（next）。 雙向鏈表的結(jié)構(gòu)如下圖所示： 實(shí)現(xiàn)雙向鏈表節(jié)點(diǎn)類 雙向鏈表節(jié)點(diǎn)比單向鏈表節(jié)點(diǎn)多一個(gè) 閱讀全文

摘要： 鏈表（Linked List）是一種基本的數(shù)據(jù)結(jié)構(gòu)，用于表示一組按順序排列的元素。鏈表中的每個(gè)元素都與下一個(gè)元素連接，元素在內(nèi)存中并不是連續(xù)的，而是通過(guò)指針來(lái)鏈接在一起。每個(gè)元素都包含兩部分：自己的數(shù)據(jù)和指向下一個(gè)元素的指針。 我們常說(shuō)的鏈表指的是單向鏈表，第一個(gè)元素的指針指向第二個(gè)元素，第二個(gè)元素 閱讀全文

摘要： 什么是 WebSocket WebSocket 是一種網(wǎng)絡(luò)通信協(xié)議，是 HTML5 開始提供的一種在單個(gè) TCP 連接上進(jìn)行全雙工通信的協(xié)議。WebSocket 屬于應(yīng)用層協(xié)議，它基于 TCP 傳輸協(xié)議，并復(fù)用 HTTP 的握手通道。 為什么出現(xiàn) WebSocket 我們已經(jīng)擁有了 HTTP 協(xié)議， 閱讀全文

摘要： 在 Electron 中，ipcRenderer.invoke/ipcMain.handle 和 ipcRenderer.send/ipcMain.on 是兩種不同的 IPC（進(jìn)程間通信）模式，主要區(qū)別在于 通信方向 和 返回結(jié)果的方式。 ipcRenderer.invoke/ipcMain.han 閱讀全文

摘要： Electron 是一個(gè)使用 JavaScript、HTML 和 CSS 構(gòu)建桌面應(yīng)用程序的框架，它是基于 Chromium 和 Node.js 構(gòu)建的，而 Chromium 本身是采用多進(jìn)程架構(gòu)的，所以 Electron 也是多進(jìn)程的。 Electron 是一個(gè)多進(jìn)程框架，它的進(jìn)程主要分為兩類：主 閱讀全文

摘要： 使用 Pixi.js 插件實(shí)現(xiàn)探險(xiǎn)者小游戲（一）中我們學(xué)習(xí)了如何創(chuàng)建精靈圖，這節(jié)我們要讓精靈圖動(dòng)起來(lái)。 精靈圖布局 游戲畫面如下圖所示，我們要生成一個(gè)圍墻，探險(xiǎn)者、惡魔、寶物都在這個(gè)圍墻里面。探險(xiǎn)者可以上下左右移動(dòng)，惡魔只能上下移動(dòng)，寶物是不動(dòng)的。探險(xiǎn)者與寶物被惡魔群隔開，探險(xiǎn)者需要移動(dòng)到寶物處才能 閱讀全文

摘要： 什么是 Pixi Pixi 是一個(gè)非常快的 2D sprite 渲染引擎。使用它你可以輕松的利用 JavaScript 和其他 HTML5 技術(shù)制作游戲和應(yīng)用程序。 Pixi 的官網(wǎng)地址：https://pixijs.com/ 本游戲使用的是 Pixi 的 V4.5.5 版本，官網(wǎng)最新版本更新到了 閱讀全文

摘要： 一、new 操作符的作用 在 JS 中，new 操作符用于創(chuàng)建一個(gè)給定構(gòu)造函數(shù)的實(shí)例對(duì)象。就像下面例子這樣： function Person(name, age) { this.name = name this.age = age } Person.prototype.say = function 閱讀全文

摘要： Vue 腳手架是一個(gè)基于 Vue.js 進(jìn)行快速開發(fā)的完整系統(tǒng)，Vue 腳手架致力于將 Vue 生態(tài)中的工具基礎(chǔ)標(biāo)準(zhǔn)化。Vue 的工具鏈 CLI（通常指 @vue/cli）與 create-vue 是 Vue 生態(tài)中兩個(gè)不同的腳手架工具，它們?cè)诠δ芏ㄎ弧⒓夹g(shù)棧和適用場(chǎng)景上有顯著區(qū)別。 Vue CLI 閱讀全文

摘要： 啥都不說(shuō)，先上圖： 上面展示了各個(gè)對(duì)象之間是怎樣通過(guò)顯式原型（prototype）及隱式原型（[[prototype]]，通過(guò)__proto__訪問(wèn)）來(lái)串聯(lián)起來(lái)的。 閱讀全文

摘要： 防抖（Debounce）和節(jié)流（Throttle）是前端開發(fā)中常用的一種技術(shù)，主要用于優(yōu)化性能和提升用戶體驗(yàn)。 防抖（Debounce） 理解：在事件被觸發(fā) n 秒后再執(zhí)行回調(diào)，如果在這 n 秒內(nèi)事件又被觸發(fā)，則重新計(jì)時(shí)。 實(shí)現(xiàn)：通過(guò)設(shè)置定時(shí)器實(shí)現(xiàn)。當(dāng)事件觸發(fā)時(shí)，定時(shí)器到達(dá)指定時(shí)間后執(zhí)行操作。如果在 閱讀全文

摘要： JS中this指向的更改 JavaScript 中 this 的指向問(wèn)題 前面已經(jīng)總結(jié)過(guò)，但在實(shí)際開中， 很多場(chǎng)景都需要改變 this 的指向。 現(xiàn)在我們討論更改 this 指向的問(wèn)題。 call更改this指向 call 的使用語(yǔ)法：func.call(thisArg, arg1, arg2, . 閱讀全文

摘要： JavaScript中this指向問(wèn)題 記得初學(xué) JavaScript 時(shí)，其中 this 的指向問(wèn)題曾讓我頭疼不已，我還曾私自將其與閉包、原型（原型鏈）并稱 JS 武林中的三大魔頭。如果你要想在 JS 武林中稱霸一方，必須將這三大魔頭擊倒。個(gè)人認(rèn)為在這三大魔頭中，this 指向問(wèn)題的武功最菜（難度 閱讀全文

摘要： JS數(shù)據(jù)類型判斷 JavaScript 中常見數(shù)據(jù)類型有Number、String、Boolean、Object、Array、Json、Function、Date、RegExp、Error、undefined、Null等十幾種。ES6還有新增的數(shù)據(jù)類型有Symbol、Set、Map等。在實(shí)際應(yīng)用中， 閱讀全文

摘要： JavaScript中數(shù)組去重的幾種方法 正常情況下，數(shù)據(jù)去重的工作一般都是由后端同事來(lái)完成的，但是前端也要掌握好處理數(shù)據(jù)的能力，萬(wàn)一去重的工作交給我們大前端處理，我們也不能慫呀。現(xiàn)在我總結(jié)了一些去重的方法，希望對(duì)大家有點(diǎn)幫助。 方法一：new Set()實(shí)現(xiàn)數(shù)組去重 ES6 提供了新的數(shù)據(jù)結(jié)構(gòu) S 閱讀全文