tag Javascript

標籤
貢獻1,371
1529
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深拷貝和淺拷貝簡單梳理

在瞭解深拷貝和淺拷貝之前，我們先梳理一下： JavaScript中，分為基本數據類型（原始值）和複雜類型（對象），同時它們各自的數據類型細分下又有好幾種數據類型 基本數據類型 數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 基本數據類型在內存當中，是存儲在棧Stack 在數據結構當中 棧在內存上的分配的空間生命週期很短，當變

ecmascript-6 , ecmascript , 前端 , Javascript

收藏 評論

jrue 頭像

前端小菜 - js解析url的三種方法

js解析url，將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1，split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - javaScript中Number數字類型方法入門

前言 Number和Math都屬於JavaScript中的內置對象，Number數字類型作為基礎數據類型，我們在開發過程中會經常用到，包括數字精度的格式化，還有字符串轉換成數字等操作。 Number數字 自帶屬性值 Number.EPSILON 兩個可表示(representable)數之間的最小間隔。 Number.MAX_SAFE_INTEGER JavaScript 中最大的安全整數 (

ecmascript , 前端 , Javascript

收藏 評論

aran_tu 頭像

掘金安東尼 - 5 張彈珠圖徹底弄清 RxJS 的拉平策略：mergeMap、switchMap、concatMap、exhaustMap

RxJS 的操作符理解起來確實比較複雜，比如最常用的幾種 map 操作符，本篇就來使勁衝一衝它們！！ 原創文章，非商業轉載請説名出處 map 操作想必大家一定不陌生： const { of } = Rx; const { map } = RxOperators; const namesObservable = of('A', 'B'); namesObservable.pipe(

rxjs , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs SwitchMap 的一些容易犯的錯誤和替代方案

下面是一個在 Effect 裏使用 SwitchMap 的例子：從購物車裏移除某個行項目 @Effect() public removeFromCart = this.actions.pipe( ofType(CartActionTypes.RemoveFromCart), switchMap(action = this.backend .removeFromCart(action

rxjs , typescript , 前端 , html5 , Javascript

收藏 評論

snowwolfarden 頭像

SnowWolfArden - Day 56/100 AngularJS 依賴注入

（一）需求 被問到AngularJS依賴注入的原理時，發現自己掌握的不好，於是總結記錄下。 （二）依賴注入介紹 1、為什麼要有依賴注入？ 減少代碼之間的耦合度，使代碼有很強的可擴展性。 模板功能強大豐富，並且是聲明式的，自帶了豐富的Angular指令； 是一個比較完善的前端MVC框架，包含模板，數據雙向綁定，路由，模塊化，服務，過濾器，依賴注入等所有功能； 依賴注入簡化了組件之間

angularjs , 前端 , Javascript

收藏 評論

qifengliao_5e7f5b20ee3bd 頭像

起風了 - javascript中的esm是什麼？

esm是什麼？ esm 是將 javascript 程序拆分成多個單獨模塊，並能按需導入的標準。和webpack，babel不同的是，esm 是 javascript 的標準功能，在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊，比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - 深度解析javaScript常見數據類型檢查校驗

前言 在JavaScript中，數據類型分為兩大類，一種是基礎數據類型，另一種則是複雜數據類型，又叫引用數據類型 基礎數據類型：數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 引用數據類型：日期Dete，對象Object，數組Array,方法Function, 正則regex,帶鍵的集合：Maps, Sets, WeakM

ecmascript-6 , ecmascript , 前端 , Javascript

收藏 評論

zhuyunbo 頭像

很白的小白 - 深入理解JavaScript之執行上下文、閉包

在理解閉包之前，需要先來了解幾個概念，上下文、作用域鏈、活動對象、變量對象： 上下文：函數的上下文決定了他們可以訪問哪些數據，以及他們的行為。全局上下文是最外層的上下文，當代碼執行流進入到函數時，函數的上下文被推到上下文棧上，當函數執行完之後，上下文棧會彈出該函數上下文。 作用域鏈：上下文中代碼執行的時候會創建作用域鏈，它決定了各級上下文中代碼訪問變量或函數的順序。代碼正在執行的上下文變量對

閉包 , 執行上下文 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 使用 RxJS timeout 操作符給 Angular SSR 服務器端渲染模式下的 HTTP 請求添加超時機制

Angular Universal 是一個開源項目，擴展了 @angular/platform-server 的功能。 該項目使 Angular 中的服務器端渲染成為可能。 為了在服務器上渲染，Angular 使用 node.js 的 DOM 實現——domino. 對於每個 GET 請求，domino 都會創建一個類似的 Browser Document 對象。 在該對象上下文中，Angular

rxjs , angular , sap , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs TakeUntil 操作符的學習筆記

TakeUntil 的官方文檔對這個操作符的解釋是： Emit values until provided observable emits. 即它可以被賦予另一個起錨定作用的 Observable，當該錨定 Observable emit 值時，原始的 Observable 就停止發射值，進入 complete 操作。 看一個實際的例子： import { interval, timer } f

rxjs , angular , jquery , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs mergeMap 的使用場合

注意： flatMap 是 mergeMap 的別名。 如果一次只能激活一個內部訂閲，請使用 switchMap. 如果內部 observables 的發射和訂閲順序很重要，請使用 concatMap. 當需要展平內部 observable 但想要手動控制內部訂閲的數量時，是 mergeMap 極佳的使用場合。 例如，當使用 switchMap 時，每個內部訂閲在源發出時完成，即任意時間

rxjs , angular , bootstrap , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs map, mergeMap 和 switchMap 的區別和聯繫

map、mergeMap 和 switchMap 是 RxJS 中的三個主要運算符，在 SAP Spartacus 開發中有着廣泛的使用場景。 map map 是 Observables 中最常見的運算符。 它的作用與數組中的映射相對相似。 map 接收從 Observable 發出的每個值，對其執行操作並返回一個 Observable（因此 Observable 鏈可以繼續）。 把它想象成一個函

rxjs , angular , 前端 , html5 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - webpack dev server 與 hot module replace 提高開發效率

通過 webpack 命令編譯源代碼時，如果我們對源代碼進行了修改，需要重新執行命令才能看到編譯後的效果。 這樣在開發中非常的影響效率，如果存在一種方式，當文件被修改時，webpack 自動監聽重新編譯，並反饋給開發者，這樣就能更高效的進行開發。 watch 我們通過 webpack 執行命令時，編譯完成之後進程會停止，而 webpack --watch 編譯完成後，不會停止進程，並且當文件內容發

webpack-dev-server , webpack , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - rxjs Observable 設計原理背後的 Pull 和 Push 思路

Observables 顧名思義，是可以被觀察的事務。在 Rxjs 的上下文裏，Observable 會隨着時間的推移，在某個時間點產生數據。 Observables 可以： 不停地（永遠）產生值，比如 interval 操作符。 可以一次性生產價值，然後進入 complete 狀態。 可能會產生錯誤，然後進入 complete 狀態。 Observable 是一種異步事件的實現利器，例

rxjs , angular , 前端 , html5 , Javascript

收藏 評論

steven_code 頭像

Steven - 窗口間通信方案——postMessage

postMessage 是 html5 引入的 API，postMessage 方法允許來自不同源的腳本採用異步方式進行通信，其實同源不同頁面的腳本也可以採用 postMessage 方法進行通信。 介紹 發送數據 需要在接收數據窗口的全局對象下調用該方法。 targetWindow.postMessage(message, targetOrigin, [transfer]) targetWi

postmessage , 前端 , html5 , Javascript

收藏 評論

gfeteam 頭像

GFE團隊 - 一文讀懂對JavaScript函數式編程的初認識

背景      函數式編程可以説是非常古老的編程方式，但是近幾年變成了一個非常熱門的話題。不管是Google力推的Go、學術派的Scala與Haskell，還是Lisp的新語言Clojure，這些新的函數式編程語言越來越受到人們的關注。函數式編程思想對前端的影響很大，Angular、React、Vue等熱門框架一直在不斷通過該思想來解決問題。      函數式編程作為一種高階編程範式，更接近於數

函數式編程 , rxjs , Javascript

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

cloudyttt 頭像

雲魚 - JavaScript 之原型、原型鏈

前言 其他編程語言如 Java 等使用 new 命令時，都會調用“類”的構造函數。但是，JavaScript沒有“類”，本身並不提供一個 class 實現（雖然在ES6中提供了class 關鍵字，但其只是語法糖，JavaScript仍然是基於原型的）。於是，JavaScript作了一個簡化的思想，new 命令後面跟的不是類，而是構造函數，用構造函數生成實例對象，但其缺點是無法共享屬性和方法。於是

原型原型鏈 , 類 , 面試 , 對象 , Javascript

收藏 評論

cloudyttt 頭像

雲魚 - JSONP 跨域原理及實現

前言 在日常項目開發過程中，跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示：本文全文 1921 個字，推薦閲讀時間 10min ，加油老鐵！ 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議，域名和端口都相同，則兩個頁面具有相同的源 例如，下表給出了相對於 http://www.test

面試 , 跨域 , 前端 , Javascript , Jsonp

收藏 評論

gssggssg 頭像

四冥 - JavaScript 閉包

概述 閉包就是指有權訪問另一個函數作用域中的變量的函數 概念 機制 當前函數執行，會形成一個私有的上下文，函數執行完後，當前執行上下文中的某些內容，被當前上下文以外的內容所佔用，那麼當前上下文就不能被釋放。 思路 函數執行 - 形成私有上下文環境。 函數執行完成 - 當前執行上下文環境中的某些內容，被當前執行上下文外的內容所引用。 當前執行上下文不能被釋放 - 當前執行上下文中的變量就不會

閉包 , Javascript

收藏 評論

aresn 頭像

Aresn - View UI Plus 發佈 1.3.0 版本，新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar，可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

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

收藏 評論

onekbitdaohang 頭像

onekbit導航 - 企業微信機器人自動消息發送webhook接入代碼

主要代碼類如下 package com.test.common; import java.io.IOException; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import java.util.HashMap; import java.util.List; imp

企業微信 , eclipse , JAVA , 程序員 , Javascript

收藏 評論

xiaomogu_5f2124ad3ad42 頭像

墨城 - js判斷兩個對象是否相等

1.首先要先有兩個對象，如下舉例： var obj1 = { name:"xx", sex:"man", age:18 } var obj2 = { name:"xxs", sex:"man", age:18 } 2.判斷兩個對象是否相等： function isObjectValueEqual (a, b) { //取對象a和b的屬性名 var aPro

對象 , Javascript

收藏 評論