tag ecmascript-6

標籤
貢獻66
122
08:59 AM · Nov 03 ,2025
daoshanghundesijidou 頭像 minnanitkong 頭像 invalidnull 頭像 jrue 頭像 icecreamlj 頭像 zxl20070701 頭像 chongdongdedaxiongmao_kxfei 頭像 flydean 頭像 gqkmiss 頭像 heath_learning 頭像 user_ze46ouik 頭像 lewyon 頭像

@ecmascript-6 / 博客 RSS 訂閱

minnanitkong 頭像

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

heath_learning 頭像

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用，報錯如下： SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象： vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

收藏 評論

tianzhen 頭像

天真小兮兮 - 讓mocha支持ES6模塊

mocha是比較常用的node測試框架，但是隻支持commonjs模塊，要讓mocha支持ES6模塊，需要babel的幫助。 書寫本文時用到的工具版本為： babel v7 mocha v6.2 安裝依賴 $ npm i -D @babel/cli @babel/core @babel/preset-env @babel/register babel配置 在package.json或.ba

ecmascript-6 , mocha , 測試工具 , Javascript

收藏 評論

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

收藏 評論

heiyanjing 頭像

HeiYanjing - 實現一個compose函數

純函數和柯里化很容易寫出洋葱代碼 h(g(f(x)))。洋葱代碼的嵌套問題使得我們的維護更加困難。這與我們選用函數式編程的開發初衷是相違背的，在這種情況下函數組合的概念就應運而生。 函數組合可以讓我們把細粒度的函數重新組合生成一個新的函數 下面這張圖表示程序中使用函數處理數據的過程，給 fn 函數輸入參數 a，返回結果 b。可以想想 a 數據通過一個管道得到了 b 數據。

ecmascript-6 , lodash

收藏 評論

flydean 頭像

flydean - ECMAScript 2018(ES9)新特性簡介

簡介 ES9是ECMA協會在2018年6月發行的一個版本，因為是ECMAScript的第九個版本，所以也稱為ES9. 今天我們講解一下ES9的新特性。 ES9引入了3大特性和2個小的特性，我們接下來一一講解。 異步遍歷 在ES6中，引入了同步iteration的概念，隨着ES8中的Async操作符的引用，在ES9中引入了異步遍歷的新特性Async iteration。 具體的內容可以參考我之前的文

es8 , ecmascript-6 , es7 , es10 , ecmascript

收藏 評論

bianchengsanmei 頭像

編程三昧 - ES6 中的 Symbol 是什麼？

前言 記得剛找工作那會，幾種數據類型是必問題，當時的答案一般都是七種——字符串（String）、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空（Null）、未定義（Undefined），時至今日，某些網絡教程上還是這樣的分類： 其實，隨着 ECMAScript 的發展和完善，在 ES6(2015) 和 ES11(2020) 中，又分別增加了 Symbo

ecmascript-6 , 數據類型 , symbol , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - TypeScript系列：【6】模塊

導出 導出聲明 比如變量、函數、類、類型別名或接口等，例如： export interface DemoType { } 或者 export const demo: number = 10; 當然，別的聲明也可以，這裏就不一一舉例子了。如何記住？在聲明語句的開頭加一個export即可。 導出語句 有時候，我們可能需要先聲明，然後導出，可以使用類似下面的語句： class DemoClass {}

ecmascript-6 , module , export , import , typescript

收藏 評論

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

收藏 評論

darkcode 頭像

前端掃地僧 - 重磅!帶你從零實現一個axios網絡請求框架

我們知道，axios是前端一個非常優秀的對於網絡請求的框架，其特點主要是請求方便、功能多(如攔截器)、可擴展性強等。那麼作為一枚前端開發人員，瞭解並能夠使用axios其實是基礎，深入瞭解其實現原理才是比較重要的，當然，如果能徒手擼一個axios類似的框架出來，那就是相當的不錯了。 這篇文章會從以下幾個大的點來實現一個axios框架： axios的本質是什麼？ axios默認值、參數的實現

ecmascript-6 , xmlhttprequest , Axios , webpack

收藏 評論

yangge_5c6804373b5a0 頭像

陽哥 - JS所有函數的call和apply的實現

//apply用法 function A(alpha,age){ this.name = 'bob'; alert(alpha + arguments[1] + this.name) } (function(){ A.apply(this,['a',25]) })

call , ecmascript-6 , apply , es7 , oop

收藏 評論

invalidnull 頭像

註銷 - JavaScript 函數 window.matchMedia 的用途

以下是window.matchMedia()函數的基本語法： var mediaQueryList = window.matchMedia(mediaQueryString); 其中，mediaQueryString是一個字符串，表示要檢查的媒體查詢條件。例如，要檢查當前設備的屏幕寬度是否小於某個值，可以使用以下代碼： var mediaQueryList = window.matchMedia(

ecmascript-6 , sap , javascript正則 , 前端 , Javascript

收藏 評論

guoguo_623d4e7c1373e 頭像

果果 - Java併發編程：synchronized

雖然多線程編程極大地提高了效率，但是也會帶來一定的隱患。比如説兩個線程同時往一個數據庫表中插入不重複的數據，就可能會導致數據庫中插入了相同的數據。今天我們就來一起討論下線程安全問題，以及Java中提供了什麼機制來解決線程安全問題。 　　以下是本文的目錄大綱： 　　一.什麼時候會出現線程安全問題？ 　　二.如何解決線程安全問題？ 　　三.synchronized同步方法或者同步塊 　　若有不正之處，

vue.js , ecmascript-6 , coffeescript , bootstrap , Javascript

收藏 評論

honglingjin_5d021c3150b96 頭像

紅領巾 - 函數式編程之柯里化

curry柯里化 首先我們先來看一個問題，如果實現一個add函數，可實現下面的功能 add(1,2,3) // 6 add(1)(2)(3) // 6 add(1,2)(3) // 6 add(1,2,3,4)(5)(6,7) // 28 當然了，所需要用到的知識點便是柯里化。 首先看下柯里化定義： 用於緩存函數參數的一種方式；給函數分步傳遞參數，每次傳遞部分參數，並返回一個更具體的函數接收

函數式編程 , ecmascript-6 , currying , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 原來ES7~12分別增加了這些屬性呀

ES6也稱為ES2015，於2015年發佈，此後每年都有新增一些屬性，分別命名為ES7~12，發佈的年份分別對應2016年到2021年 ES7 includes方法 數組中新增了includes方法，用來判斷數組中是否存在某一元素，在此之前進行這樣的判斷是使用indexOf判斷下標值，小於0時則代表不存在。 const list = ['alice', 'kiki', 'macus'] cons

ecmascript-6 , es7 , ecmascript , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 你一定要知道的iterator和generator

generator是一種特殊的iterator，generator可以替代iterator實現，使代碼更為簡潔 什麼是iterator iterator叫做迭代器，是用來幫助某個數據結構進行遍歷的對象，這個對象需要符合迭代器協議（iterator protocol）。 迭代器協議要求實現next方法，next方法有如下要求 0或者1個函數入參 返回值需要包括兩個屬性，done 和 value

ecmascript-6 , iterator , generator , 前端 , Javascript

收藏 評論

lawler61 頭像

lawler61 - Generator 協程工作原理

原文地址：regenerator 搜了一圈，關於 Generator 基本都是在講用法，但很少提及到其工作原理，也就是“協程”。但又因為這東西我們直接或間接的每天都在使用，於是準備專門寫一篇文章來講講這個 JS 回調史 一、Callback ES5 及更早時期，寫回調基本都是 callback，回調地獄就不説了，離它遠點 二、Promise Promise 通過鏈式調用，優化了回調的書寫

ecmascript-6 , generator , 前端 , Javascript

收藏 評論

wilddogsf 頭像

野狗 - 寫了十年JS卻不知道模塊化為何物？

作者：肖光宇 野狗科技聯合創始人，先後在貓撲、百度、搜狗任職，愛折騰的前端工程師。 野狗官博：https://blog.wilddog.com/ 野狗官網：https://www.wilddog.com/ 公眾訂閲號：wilddogbaas 轉載請保留以上信息。 模塊化這個問題並非一開始就存在，WWW剛剛問世的時候，html，JavaScrip

野狗 , ecmascript-6 , 模塊化 , 前端 , Javascript

收藏 評論

xiaoyezi_5a6aa2e2e11f8 頭像

小葉子 - 【面試系列】LazyMan的ES6實現

最近某次筆試看到了一個比較有意思的LazyMan問題，基於自己的一些基礎做了一些解答，回來結合了一些相關資料，自己重新代碼實現了一遍。 問題描述 實現一個LazyMan，可以按照以下方式調用: LazyMan(“Hank”)輸出: Hi! This is Hank!   LazyMan(“Hank”).sleep(10).eat(“dinner”)輸出 Hi! This is Hank! //等待

ecmascript-6 , qianduan , 面試 , 筆試 , Javascript

收藏 評論

okfine 頭像

okfine - 蘋果IOS解析ISO8601格式的日期(結尾帶不帶Z)導致時區不對的問題

ISO8601格式下，結尾不帶Z的日期，應為當前時區的時間，但蘋果IOS下瀏覽器new Date()時解析有bug，把它解析為了UTC時間，導致在中國相差8小時。 比如： 2022-09-19T13:00:00 對應 Mon Sep 19 2022 13:00:00 GMT+0800 (中國標準時間) 2022-09-19T13:00:00Z 對應 Mon Sep 19 2022

ecmascript-6 , date , iso8601 , Javascript

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 看似簡單的題，席捲幾十個前端羣，王紅元老師都親自出面解答

前言 大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心。 首先説明這不是標題黨，是真的，這道題席捲了幾十個羣，能回答出來的人是微乎其微，最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - TypeScript系列：【3】類

基礎説明 先來看個例子： class Person { name: string; constructor(name: string) { this.name = name; } say() { return "你好，我是" + this.name; } } 這樣，我們就定義了一個類，包含一個屬性用於保存名稱，一個構造器用於創

ecmascript-6 , extend , object , class , typescript

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - ES6新增語法(一)——let、const、var的區別

ES6簡介 ES6是ECMAScript 6.0的簡稱，是javascript語言的下一代標準，已經在2015年6月正式發佈上線。目的就是為了統一javascript的語法標準，可以用來開發大型應用程序，稱為企業級開發語言。 ES6與JavaScript的關係: ES6是JavaScript的規範標準，JavaScript是ES6的一種實現。 變量/賦值 塊級作用域{} ES5中作用域

ecmascript-6 , ecmascript , 變量 , Javascript

收藏 評論

tosmile 頭像

浪遏飛舟 - 前後端未分離項目檢視ES6和Web API兼容性方案

背景 近半年，已產生幾起FreeMarker項目(後面統一簡稱FM項目)在IE瀏覽器或者360瀏覽器兼容模式環境下下因使用 ES6+ 高級語法特性而運行出錯的線上問題，導致業務流程無法執行下去。雖然一直在強調開發同學在做FM項目的需求時不要使用ES6，但是口頭上的的團隊公約約束性不強，加上開發同學早已習慣性使用ES6，使之問題層出不窮，另外，還有些Web Apis和樣式在IE上存在兼容性問題（比如

ecmascript-6 , 前後端分離 , 兼容性 , eslint , babel

收藏 評論