tag Javascript

標籤
貢獻1,371
1538
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

lewyon 頭像

程序猿布歐 - JavaScript中async和await的使用以及隊列問題

宏任務和微任務的隊列入門知識，可以參考之前的文章： JavaScript的事件循環機制 宏任務和微任務在前端面試中，被經常提及到，包括口頭和筆試題 async await概念 async 使用async關鍵字聲明的函數，是AsyncFunction構造函數的實例，在async函數體內，可以使用await接收promise實例 async和await關鍵字，在開發過程中，可以簡潔地去做

typescript , 隊列 , 前端 , Javascript

收藏 評論

huaihuaidedianti 頭像

壞壞的電梯 - JavaScript飛鳥中的新聖箭頭搭建函數：盤口如何使用二開Fat & Concise微投語法（下）

【TG＿duoteJG】多特工作室傑哥duotee.com版權所有，禁止轉載 微信飛鳥箭頭搭建函數如何處理this關鍵字 關於微信飛鳥箭頭搭建函數要記住的盤口最重要的事情是它們處理this新聖飛鳥二開關鍵字的方式。特別是，this箭頭搭建函數內的盤口關鍵字不會反彈。 為了説明這意味着什麼，請查看下面的演示： [codepen_embed height=”300″ default_tab=”html

this , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - javaScript原型和原型鏈

前言 在瞭解原型和原型鏈之前，我們先了解一部分概念，constructor，prototype，__proto__。 constructor 在之前判斷數據類型的文章: javaScript常見數據類型檢查校驗 有提到過關於構造函數的屬性constructor constructor 的是返回創建實例對象的 構造函數的引用，這個屬性的值是對函數本身的引用，而不是一個包含函數名稱的字符串 具體

prototype , typescript , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - JavaScript擴展原型鏈淺析

前言 上文對原型和原型鏈做了一些簡單的概念介紹和解析，本文將淺析一些原型鏈的擴展。 javaScript原型和原型鏈 http://lewyon.xyz/prototype.html 擴展原型鏈 使用new操作符 利用原型是對象的特性，實例化對象的時候，繼承多個構造函數的屬性和方法 兼容性：支持目前以及所有可想象到的瀏覽器 (IE5.5 都可以使用) function parent1(

prototype.js , prototype , typescript , 前端 , Javascript

收藏 評論

aresn 頭像

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前，物料市場中的所有內容均已完成 Vue.js 3 的適配，View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有： 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

收藏 評論

zhbhun 頭像

zhbhun - 現代前端原生路由：Navigation API

原文：https://github.com/zhbhun/blo... Navigation API 是 Chrome 提出的一套導航 API，提供了操作和攔截導航的能力，以及對應用程序的歷史導航記錄進行訪問。這為 window.history 和 window.location 提供了一個更有用的替代品，特別是 SPA 這種模式。目前該 API 只有 Chromium 內核的瀏覽器才支持。 W

history.js , navigator , spa , Javascript

收藏 評論

invalidnull 頭像

註銷 - 關於 Angular 應用 Components 和 Directives 的實例化問題

同 Angular Module 不同，Angular Components 和 Directives 要實例化多次，每個出現在 HTML template 中的 markup 都會對應一次實例化。 此外，這些項的作用域也限定在它們被導入的 NgModule中，以防止兩個組件使用相同的選擇器時發生命名衝突。由於依賴注入(DI)行為的這種差異，需要區分一個包含組件和指令的 NgModule 和一個包

angular , component , 前端 , html5 , Javascript

收藏 評論

y0i1w 頭像

🦄Y0i1w - ECMAScript 2022（ES13）初體驗

2022 年 6 月 22 日，第 123 屆 ECMA 大會批准了 ECMAScript 2022 語言規範，這意味着它現在正式成為標準。下面就來看看 ECMAScript 2022 有哪些新特性！ 新特性總覽 Top-level Await Object.hasOwn() at() error.cause 正則表達式匹配索引 類 ES14： Array.prototype

ecmascript , 前端 , Javascript

收藏 評論

hero123 頭像

hero - 理解JavaScript中的this

前言 相信很多人在初學JavaScript的時候都對this的指向問題感覺到比較迷惑。它不像PHP，Java語言中的this有很明確的指向，也不會讓人容易搞混。 在JavaScript中this就是函數調用的上下文，在JavaScript中有四種函數調用： 函數調用，例如alert('hello world') 方法調用，例如console.log('hello world') 構造

this的用法 , this , 前端 , Javascript

收藏 評論

dexteryao 頭像

DexterYao - Chrome 103支持使用本地字體，純前端導出PDF優化

在前端導出PDF，解決中文亂碼一直是一個頭疼的問題。要解決這個問題，需要將ttf等字體文件內容註冊到頁面PDF生成器中。但是之前網頁是沒有權限直接獲取客户機器字體文件，這時就需要從服務器下載字體文件或者提示用户選擇字體文件上傳到頁面。對於動輒數十兆（M）的中文字體文件，網絡不好時並不是一個好的解決方案。 Chrome 103 Chrome 103版本中新的字體API可以讓web應用獲取到用户在本

pdf導出 , chrome , 字體 , Javascript

收藏 評論

yangrd 頭像

yangrd - web-compiler：mvvm 的實現思路

最近一段時間留意到一個叫Svelte的前端框架，它與Vue 等前端框架的最大不同是採用了編譯的方案進行的實現，這是官網的介紹 Svelte 是一種全新的構建用户界面的方法。傳統框架如 React 和 Vue 在瀏覽器中需要做大量的工作，而 Svelte 將這些工作放到構建應用程序的編譯階段來處理。 與使用虛擬（virtual）DOM 差異對比不同。Svelte 編寫的代碼在應用程序的狀態更改時就

css3 , mvvm , compiler , HTML , Javascript

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 為什麼 shift 比 pop 慢？JS 中隊列的實現

我們知道在 JS 中，刪除數組元素有兩個方法：pop 與 shift，分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素，它們的執行時間確實不同的。 當數組項目較多時，shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

收藏 評論

shuirong1997 頭像

林水溶 - PWA 圖標顯示問題，兼顧 macOS、Windows、iPad

首先看macOS任務欄的圖標規律： 會發現第三個：YouTube Music（PWA版本）的圖標很不對勁，不是因為它是圓形，其他都是方形。而是它很大，寬高明顯大過其他圖標。在我對比了VSC和YouTube Music的圖標圖片之後發現了區別所在： 上面看不明顯的話，這麼對比看就明顯了： 解釋下，圖3是圖2在控制枱（F12）資源那裏顯示的圖片，之所以看這個是因為可

pwa , 圖標 , icon , 前端 , Javascript

收藏 評論

ranck 頭像

張儀ranck - 數據結構-js實現-隊列

class Queue { constructor() { this.count = 0; this.lowestCount = 0; this.items = {}; } isEmpty() { return this.count === this.lowestCount; } enqueue(element) { this.ite

數據結構 , 隊列 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - gulp使用指南

gulp 是一個使用“流”來實現自動化的工具，正如 官方文檔 首頁展示的這副動圖一樣，以“流動”的狀態去處理 TypeScript、PNG、Markdown 資源。 與webpack比較 類別 webpack gulp 核心理念 module bundler task runner 執行任務 模塊化

gulp , webpack , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - gulp來處理html、css、js資源啦

gulp 一般用於處理自動化任務，默認情況無法處理模塊化，也不會用於大型項目，但它可以使用各種插件來編譯 html、css、js 等資源。 不清楚如何使用 gulp 開啓任務的朋友可以參考 gulp使用指南 處理html 處理 html 資源使用到 gulp-htmlmin 這個插件，和 webpack中使用到的html-webpack-plugin 比較相似。 // gulpfile.js co

gulp , gulp-babel , webpack , 前端 , Javascript

收藏 評論

syfssb 頭像

1916 - js模塊化

js模塊化 https://blog.csdn.net/weixin_... https://zh.javascript.info/mo... commonJS 基於node端的運行 暴露 const name = "xxx"; const age = 1; /** * moudle.exports={}暴露 */ module.exports = { getName,

node.js , es6module , commonjs , Javascript

收藏 評論

huobaodechahu 頭像

火爆的茶壺 - 保姆級教程：寫出自己的移動應用和小程序（篇六）

上期文章我們學習瞭如何寫出小程序的樣式內容。今天我們來看一下如何在小程序中使用 js ，即在小程序中使用腳本內容處理內容或樣式的改變。 小程序中的 JS 是如何跟 WXML 以及 WXSS 關聯起來的：組織方式關聯 以這個 view 頁面為例，在小程序代碼的組織方式中， WXML, WXSS 以及 JS 的文件名必須是命名一致的，否則將會產生錯誤。如下： 為了方便講解，我們直接使用了微信開發者工具

移動web開發 , 小程序 , view , 前端 , Javascript

收藏 評論

thjjames 頭像

小皇帝James - 編寫babel的插件

前言 Babel 是一個通用的多功能的 JavaScript 編譯器，讓一些新版本的語法或者語法糖可以在低版本的瀏覽器上跑起來。 它有三個主要處理步驟 Parse - Transform - Generate。 在 Transform 轉換過程中通過將插件（或預設）應用到配置文件來啓用代碼轉換。 AST 編寫 Babel 插件非常複雜，需要有相當的基礎知識，在講插件之前必須得提起 AS

ast , plugin , babel , 前端 , Javascript

收藏 評論

jinjidedacong 頭像

進擊的大葱 - ES13的11個超讚的新屬性

聲明：本文為翻譯文章，原文為11 Amazing New JavaScript Features in ES13 像其他語言一樣，JavaScript也在不斷迭代和進化。JS每年都會加入很多新的功能來讓自己變得越發強大，也正是這樣，我們開發者才能寫出更加表意和準確的代碼。 在這篇文章中我們會通過一些例子來看一下最新的ECMAScript 2022(ES13)給我們開發者帶來的11個超讚的新功能。

ecmascript , 前端 , Javascript

收藏 評論

54r9rxzy 頭像

Tqing - JavaScript中原型與原型鏈

構造對象 function Person() {} let person = new Person() 上面程序建立了一個Person類型的實例 原型 function Person() {} Person.prototype.name = "ztq" Person.prototype.sayHi = function () {console.log("hello world")} l

原型 , 原型鏈 , Javascript

收藏 評論

congjunhua 頭像

從君華 - JavaScript的對象、原型、類和繼承

前言 HTML萬物皆標籤。 CSS萬物皆盒。 JavaScript萬物皆對象。 對象 JavaScript對象的本質是數據和功能的集合，語法上表現為鍵值對的集合。 鍵 對象的鍵可以理解為變量名。 值 對象的值的類型可以是任意數據類型。 鍵值對 鍵和值之間用:相連。 多組鍵值對之間用,分割。 let profile = { name: '吳彥祖', age: 48, char

prototype , object , class , Javascript

收藏 評論

woxiaomaoshihuaihuai 頭像

phoenixhg - vue動態組件綁定動態屬性和方法的小tips

當使用多 tab 內容頁時，動態組件是一件非常好用的利器。但是循環動態組件會有個問題，那就是不同組件綁定不同的屬性值和方法，全部寫在組件內固然是一種方法，就是不方便管理和查看，所以以下是單獨聲明的技巧小 tips。 切換的tabs常量 const TABS = [ { label: 'tab1', compo: 'RankingList', props: [

vue.js , computed , component , 前端 , Javascript

收藏 評論

snowwolfarden 頭像

SnowWolfArden - Day 92/100 原型鏈的繼承屬性

1、JS中的繼承 當談到繼承時，JavaScript 只有一種結構：對象。每個實例對象（object）都有一個私有屬性（稱之為 proto ）指向它的構造函數的原型對象（prototype）。 該原型對象也有一個自己的原型對象（__proto__），層層向上直到一個對象的原型對象為 null。根據定義，null 沒有原型，並作為這個原型鏈中的最後一個環節。 2、繼承屬性 JavaScript

原型鏈 , Javascript

收藏 評論