Contributes369
Followers0
在瀏覽器中，JavaScript 代碼通常是通過若干個 script 標籤引入的。而瀏覽器在執行每個 script 標籤時，會有如下特點： 每個 script 標籤引入的 JavaScript 代碼，都是一個宏任務（也就是説，微任務隊列必須在下一個script標籤執行前，全部執行完畢）。 那麼，每個 JavaScript代碼的執行機制是什麼的呢？接下來詳細介紹一下。 變量提升 每一段 Jav
Nickname Steven
一、引言 在 JavaScript 的奇妙世界裏，閉包無疑是一個既強大又迷人的特性。它就像是一把萬能鑰匙，為開發者打開了實現各種高級功能的大門。從數據封裝與保護，到函數的記憶化，再到模塊化開發，閉包都發揮着舉足輕重的作用。在實際開發中，我們常常利用閉包來創建私有變量和方法，避免全局變量的污染，提高代碼的可維護性和安全性。例如，在一個大型的 Web 應用中，我們可以使用閉包來封裝一些只在特定模塊內部
Nickname 李遊Leo
ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e
Nickname wszgrcy
摘要 眾所周知，微信是有內置瀏覽器的，方便瀏覽網頁。但是其內核也是經過特殊改造，導致一些默認行為無法觸發。為了實現從微信跳轉到瀏覽器打開頁面，可以説是相當的困難，本次分享的是Android系統的微信在h5頁面調起手機瀏覽器並打開指定頁面的方法。 技術原理 通過二進制文件下載的方法，調起本地瀏覽器下載文件實現喚起瀏覽器。 代碼 使用php的頭文件實現文件下載，告訴瀏覽器這是一個二進制文件流，瀏覽器就
Nickname TANKING
盒模型 常見的盒模型有w3c盒模型（又名標準盒模型）box-sizing:content-box和IE盒模型（又名怪異盒模型）box-sizing:border-box。 標準盒子模型：寬度=內容的寬度（content）+ border + padding + margin 低版本IE盒子模型：寬度=內容寬度（content+border+padding）+ margin css3 新
Nickname Hole
前言 本篇章主要講述CSS3新特性，如svg、canvans以及動畫。 面試回答 1.canvas畫圓：首先獲取canvas對象，設置好寬高，用getContext方法設置2d繪圖，然後用arc方法進行繪製，arc的參數分別是圓心的x，y座標、半徑、以x軸為基準的起始角度以及結束角度，這裏設置，0到2π即可。 知識點 1.SVG 參考博客：https://juejin.cn/post/684490
Nickname 馳驥
前言 本篇章來源於https://juejin.cn/post/7077347573740077069，內容只是經過咀嚼便於自己理解。 面試回答 1.重繪重排：簡單來説重繪就是改變某個節點的樣式，重排就是改變某些節點的佈局，比如元素尺寸變動、元素位置變動以及瀏覽器窗口變動。所以重排一定會引起重繪，而重繪不一定引起重排。減少重繪重排的方式主要是通過集中修改css來完成，比如將樣式統一放在clas
Nickname 馳驥
1.實現效果 2.數據和佈局準備 準備一個 el-table 組件以及數據源，這裏的數據源可以是你的接口提供的。 template div style="width: 78%;" el-table ref="menuTableRef" :data="menuList" style="width: 100%;margin-bottom: 20px;" :row-class-
Nickname Judei
JavaScript 中的數組分組：array.groupBy() 原文： https://dmitripavlutin.com/ja... 由於豐富的標準實用程序庫，許多開發人員喜歡 Ruby 編程語言。例如，Ruby 中的數組有大量的方法。 JavaScript 也逐步豐富了其關於字符串和數組的標準庫。例如，在之前的文章中，我描述了新的array.at()方法。 今天的主角是新的數組組提案（目
Nickname 陳東民
javascript的基本數據類型以及引用數據類型，基本數據類型在開發中經常會用到，包括作為變量使用，判斷數據類型來處理一些業務等 基本（簡單數據類型） undefined,Null,Boolean,Number,String 複雜的數據類型Object undefined undefined 類型只有一個值，即它本身，在使用var聲明變量但未給初始值時，這個變量的值為undefine
Nickname 程序猿布歐
需求背景 由於現有的後台管理系統，上傳的視頻越來越大，加上上傳視頻較慢，後端小哥提出直接從前端上傳視頻或者其他文件到阿里雲OSS存儲。 阿里雲OSS 阿里雲OSS文檔介紹，這裏不做過多贅述 安裝 原本在最開始的時候，是使用node版本的SDK，最開始使用的[nodejs版本] 代碼如下 async function put() { try { let result
Nickname 程序猿布歐
在瞭解深拷貝和淺拷貝之前，我們先梳理一下： JavaScript中，分為基本數據類型（原始值）和複雜類型（對象），同時它們各自的數據類型細分下又有好幾種數據類型 基本數據類型 數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 基本數據類型在內存當中，是存儲在棧Stack 在數據結構當中 棧在內存上的分配的空間生命週期很短，當變
Nickname 程序猿布歐
前言 Number和Math都屬於JavaScript中的內置對象，Number數字類型作為基礎數據類型，我們在開發過程中會經常用到，包括數字精度的格式化，還有字符串轉換成數字等操作。 Number數字 自帶屬性值 Number.EPSILON 兩個可表示(representable)數之間的最小間隔。 Number.MAX_SAFE_INTEGER JavaScript 中最大的安全整數 (
Nickname 程序猿布歐
esm是什麼？ esm 是將 javascript 程序拆分成多個單獨模塊，並能按需導入的標準。和webpack，babel不同的是，esm 是 javascript 的標準功能，在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊，比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊
Nickname 起風了
前言 在JavaScript中，數據類型分為兩大類，一種是基礎數據類型，另一種則是複雜數據類型，又叫引用數據類型 基礎數據類型：數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 引用數據類型：日期Dete，對象Object，數組Array,方法Function, 正則regex,帶鍵的集合：Maps, Sets, WeakM
Nickname 程序猿布歐
2022 年 6 月 22 日，第 123 屆 ECMA 大會批准了 ECMAScript 2022 語言規範，這意味着它現在正式成為標準。下面就來看看 ECMAScript 2022 有哪些新特性！ 新特性總覽 Top-level Await Object.hasOwn() at() error.cause 正則表達式匹配索引 類 ES14： Array.prototype
Nickname 🦄Y0i1w
聲明：本文為翻譯文章，原文為11 Amazing New JavaScript Features in ES13 像其他語言一樣，JavaScript也在不斷迭代和進化。JS每年都會加入很多新的功能來讓自己變得越發強大，也正是這樣，我們開發者才能寫出更加表意和準確的代碼。 在這篇文章中我們會通過一些例子來看一下最新的ECMAScript 2022(ES13)給我們開發者帶來的11個超讚的新功能。
Nickname 進擊的大葱
2024 年 6 月 26 日，第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範，這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map，Map中的 key由回調提供： Map.groupBy([0, -5, 3, -
Nickname 前端蛋卷
ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態
Nickname 李遊Leo
ECMAScript 2024 帶來了一些不錯的新特性，其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式，並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中，我們
Nickname 李遊Leo
ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符
Nickname 李遊Leo
ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm
Nickname 李遊Leo
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 在React Router 中使用 JWT ，如果大家遇到任何問題，歡迎 聯繫我 或者直接微信添加 superZidan41 在這篇文章中，我們將探討 JWT 身份校驗與 React 和 React-router 的無縫集成。 我們還將學習如何處理公共路由、受校驗保護路由，以及如何利用 axios 庫通過身份驗證令牌（token
Nickname superZidan
昨晚我在家網上衝浪例行刷博客時又看到了一個事關 IntelliJ IDEA 變化的重磅消息，可能有些同學也看到了。 JetBrains 決定將 IntelliJ IDEA 全部遷移到統一發行版。 這是什麼意思呢？ 大家都知道，在此之前，在 IntelliJ IDEA 官網其實一直是提供有兩套安裝包供用户去下載和安裝使用的。 分別為： IntelliJ IDEA Ultimate：專業旗艦版
Nickname CodeSheep
