tag Javascript

標籤
貢獻1,371
1528
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 訂閱

doupifaner 頭像

豆皮範兒 - AST，真香

豆皮粉兒們，又見面了，今天這一期，由字節跳動數據平台的太郎醬，帶大家走進AST的世界。 作者：太郎醬 什麼是AST 抽象語法樹（Abstract Syntax Tree, AST），是源代碼的抽象語法結構的樹狀表示，與之對應的是具體語法樹；之所以是抽象的，是因為抽象語法樹並不會表示出真實語法中出現的每一個細節，而且是文法無關、不依賴於語言的細節；可以把AST想象成一套標準化的編程語言接口定義，只不

ast , babel , Javascript

收藏 評論

hello888 頭像

洛陽醉長安行 - 【從實戰帶你認識gulp】打包前端項目並實現防緩存

gulp是什麼？ 一個基於node的前端自動化任務構建工具，使用經典回調+鏈式調用的方式實現任務的自動化 (src.pipe(...).pipe)，gulp其實和webpack很相似，但是gulp側重點不同，gulp更側重前端流程自動化、任務執行（通過任務使開發提效），就像一條流水線。而webpack則是更側重用於打包前端資源，一切皆可打包成模塊。 官方文檔：https://www.gulp

gulp , 前端 , Javascript

收藏 評論

asmallwhitecat 頭像

華仔 - 【包真】我的第一次webpack優化，首屏渲染從9s到1s

大家好，我是貓小白，本文基於vue2，全文閲讀大約需要3分鐘。 談到webpack優化大部分人可能都看膩了，無非就那幾招嘛，我之前也是看過許多類似的文章，但都沒有自己真正上手過，下面是我用公司的項目真實操練下來的，首屏加載速度提升很大（刷刷的），希望能幫到你。 廢話不多説，先看看對比成果！ 類型 優化前 優化後 js文件大小

前端優化 , webpack , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - SAP 電商雲 Spartacus UI 裏的 Content Security Policy

內容安全策略(Content Security Policy，簡稱 CSP)是一種工具，允許開發人員指定在通過 Web 瀏覽器訪問 Storefront 頁面時允許加載哪些位置和哪些類型的資源。 可以使用內容安全策略來鎖定店面應用程序，並降低內容注入漏洞的風險，例如跨站點腳本 (XSS)、代碼注入和點擊劫持攻擊(clickjacking)，以及降低您的店面應用程序執行的權限。 Target Pol

node.js , sap , spa , 前端 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - javascript基本數據類型和對象類型歸檔

javascript的基本數據類型以及引用數據類型，基本數據類型在開發中經常會用到，包括作為變量使用，判斷數據類型來處理一些業務等 基本（簡單數據類型） undefined,Null,Boolean,Number,String 複雜的數據類型Object undefined undefined 類型只有一個值，即它本身，在使用var聲明變量但未給初始值時，這個變量的值為undefine

ecmascript , 前端 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - 前端（react）上傳到阿里雲OSS存儲 實例

需求背景 由於現有的後台管理系統，上傳的視頻越來越大，加上上傳視頻較慢，後端小哥提出直接從前端上傳視頻或者其他文件到阿里雲OSS存儲。 阿里雲OSS 阿里雲OSS文檔介紹，這裏不做過多贅述 安裝 原本在最開始的時候，是使用node版本的SDK，最開始使用的[nodejs版本] 代碼如下 async function put() { try { let result

react , 阿里雲oss , ecmascript , 前端 , Javascript

收藏 評論

musicfe 頭像

雲音樂技術團隊 - 手把手帶你走進Babel的編譯世界

作者：BoBoooooo 前言 談及 Babel,必然離不開 AST。有關 AST 這個知識點其實是很重要的，但由於涉及到代碼編譯階段，大多情況都是由各個框架內置相關處理，所以作為開發(使用)者本身，往往會忽視這個過程。希望通過這篇文章，帶各位同學走進 AST，藉助 AST 發揮更多的想象力。 AST 概述 想必大家總是聽到 AST 這個概念，那麼到底什麼是 AST？ AST 全稱是是 Abs

ast , Javascript

收藏 評論

snowwolfarden 頭像

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1：原型對象（即Person.prototype）的constructor指向構造函數本身 準則2：實例（即person）的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

收藏 評論

kylebing 頭像

KyleBing - Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層

Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層 閲讀此文你需要已經瞭解並掌握的： 已經會使用常規地圖的生成方式 已經瞭解如何載入 Loca 插件 如果不瞭解，可以查看我之前的文章： 高德地圖 Vue 中 加載 數據可視化 Loca 的方式 如何使用高德地圖 API 做一個路線規劃應用，展示自定義路線 高德地圖 API Loca 3D動畫的説

vue.js , 高德地圖 , localstorage , 地圖 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - 【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁

1.展示效果（分頁） 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數，進行處理後，返回前端正確的數據，其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號

vue.js , koa2 , node.js , 前端 , Javascript

收藏 評論

jrue 頭像

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript

收藏 評論

jrue 頭像

前端小菜 - JS如何刪除對象中的某一屬性

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 添加新屬性 math

ecmascript-6 , es5 , Javascript

收藏 評論

jrue 頭像

前端小菜 - js合併數組的方法

1，方法一 concat() 實例：arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript

收藏 評論

morimanong 頭像

末日碼農 - 用 rollup + gulp 造個輪子，別説還挺香

前戲 我是16年入了前端的坑，17年知道了gulp和rollup這兩個玩意兒。由於那時webpack勢頭很猛，便一直沒有正眼瞧過它一眼。 直到20年進了一家小公司，做了很多類似的小項目，相同的代碼拷來拷去，出現一個bug一堆項目都要改，實在噁心到我了。 於是不得不開始考慮將一些公共的方法和組件提取出來，做成一個第三方庫來維護。而在庫的封裝方面，rollup相對於webpack具有一定的優勢。 在此

gulp , rollup , typescript , 前端 , Javascript

收藏 評論

wojiaocuisite 頭像

我叫崔斯特 - 深入理解JavaScript閉包

在開始講閉包之前，我們需要理解作用域和作用域鏈 作用域鏈 什麼是作用域鏈？ 我們先看一段代碼 function bar(){ console.log(myName) } function foo(){ var myName='崔斯特' bar() } var myName='卡牌大師' foo() 當我們看到這個題目的時候，我們會想到用執行上下文去分析，當執行到bar函數時

作用域 , 閉包 , 作用域鏈 , Javascript

收藏 評論

johanazhu 頭像

山頭人漢波 - 從淺入深瞭解Koa2源碼

在前文我們介紹過什麼是 Koa2 的基礎 簡單回顧下 什麼是 koa2 NodeJS 的 web 開發框架 Koa 可被視為 nodejs 的 HTTP 模塊的抽象 源碼重點 中間件機制 洋葱模型 compose 源碼結構 Koa2 的源碼地址：https://github.com/koajs/koa 其中 lib 為其源碼 可以看出，只有四個文件：application.js、cont

koa2 , node.js , 源碼分析 , 前端 , Javascript

收藏 評論

johanazhu 頭像

山頭人漢波 - 一步一步來：手寫Koa2

之前講過Koa2從零到腳手架，以及從淺入深瞭解Koa2源碼 這篇文章講解如何手寫一個 Koa2 Step 1：封裝 HTTP 服務和創建 Koa 構造函數 之前閲讀 Koa2 的源碼得知， Koa 的服務應用是基於 Node 原生的 HTTP 模塊，對其進行封裝形成的，我們先用原生 Node 實現 HTTP 服務 const http = require('http') const server

koa2 , node.js , 前端 , Javascript

收藏 評論

wojiaocuisite 頭像

我叫崔斯特 - 萬物皆空之 JavaScript 原型

ES6帶來了太多的語法糖，其中箭頭函數掩蓋了 this 的神妙，而 class 也掩蓋了本文要長篇談論的 原型。 最近，我重寫了這篇文章，通過本文，你將可以學到： 1. 如何用 ES5 模擬類； 2. 理解 prototype 和 __proto__； 3. 理解原型鏈和原型繼承； 4. 更深入地瞭解 JavaScript 這門語言。 引入：普通對象與函數對象 在 JavaScript 中，一直

原型 , 原型鏈 , Javascript

收藏 評論

johanazhu 頭像

山頭人漢波 - 移動端法門：自適應方案和高清方案

筆者從畢業開始做前端到現在，90% 的項目是移動端打交道，所以當簡歷上寫了“移動H5”幾個字時，必會被問到自適應方案與高清方案 ”自適應“講的是一套UI（例如750*1334），在多端下展示近乎一樣的效果；而”高清“是因為 DPR 提升而所做的各種精度適配 這篇文章講講筆者理解的自適應方案和高清方案 先説結論 自適應方案 rem 適配思路 選擇一

佈局 , sass , 前端 , Javascript

收藏 評論

zhuyunbo 頭像

很白的小白 - 瀏覽器存儲及JavaScript重寫LocalStorage方法實現瀏覽器本地存儲設置時間問題

最近遇到了用户登錄信息本地存儲的問題，所以需要對瀏覽器的localStorage的存儲時間進行設置，因此重寫localStorage方法並在此記錄。 瀏覽器幾個存儲總結： localStorage保存的數據（大小5M左右），以“鍵值對”的形式長期存在。也就是説，每一項數據都有一個鍵名和對應的值，所有的數據都是以文本格式保存。保存的數據沒有過期時間，直到手動去除。 sessionStorage

瀏覽器 , localstorage , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - rxjs 裏 CombineLatest 操作符的一個使用場景

一個具體的例子： combineLatest([ data$.pipe(startWith(null)), loading$, ]).pipe( takeWhile(([data, loading]) = !data || loading, true), map(([data, loading]) = loading ? null : data), skip(1), dis

rxjs , saprfc , sap , html5 , Javascript

收藏 評論

jerryc 頭像

JerryC - 如何構建可控,可靠,可擴展的 PWA 應用

概述 PWA （Progressive Web App）指的是使用指定技術和標準模式來開發的 Web 應用，讓 Web 應用具有原生應用的特性和體驗。比如我們覺得本地應用使用便捷，響應速度更加快等。 PWA 由 Google 於 2016 年提出，於 2017 年正式技術落地，並在 2018 年迎來重大突破，全球頂級的瀏覽器廠商，Google、Microsoft、Apple 已經全數宣佈支持 PW

pwa , Javascript

收藏 評論

laomao_5902e12974409 頭像

來了老弟 - JavaScript閉包

本文將帶你用正確姿勢看待JavaScript閉包。 在 JavaScript 中閉包描述的是 function 中 外層作用域的變量 被內層作用域 引用的場景，閉包的結構為 內層作用域 保存了 外層作用域的變量。 要理解閉包，首先要知道 JS詞法作用域 是如何工作的。 JS詞法作用域(lexical scoping) 來看這段代碼： let name = 'John'; function gre

閉包 , 面試問題 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 微信小程序開發系列 (三) ：微信小程序如何響應用户點擊事件和微信平台 API 的使用方法介紹

筆者由於工作需要，曾經參加過一個微信小程序同 SAP 系統集成的項目，因此從零開始學習了微信小程序的開發知識。這裏通過系列文章把自己所學分享出來，希望對相關學習者有所幫助。 本教程前面兩篇文章： 微信小程序開發系列 (一) ：開發環境搭建和微信小程序的視圖設計與開發 微信小程序開發系列 (二) ：微信小程序的單步調試和控制器實現步驟概述 通過本教程前面兩篇文章的介紹，大家對微信小程序的視圖

微信 , 微信小程序 , 微信開發 , 微信公眾平台 , Javascript

收藏 評論