tag Javascript

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

dantiedan 頭像

彈鐵蛋同學 - [譯] 如何使用 useRef 修復 React 性能問題

原文地址：How to useRef to Fix React Performance Issues 原文作者：Sidney Alcantara 譯文出自：掘金翻譯計劃 本文永久鏈接：https://github.com/xitu/gold-miner/blob/master/article/2020/how-to-useref-to-fix-react-performanc

react , react-hooks , 前端優化 , 前端 , Javascript

收藏 評論

lizeze 頭像

xx小枱燈 - 使用babel把es6語法轉換成es5

Babel 是什麼 Babel 是一個工具鏈，主要用於將 ECMAScript 2015+ 版本的代碼轉換為向後兼容的 JavaScript 語法，以便能夠運行在當前和舊版本的瀏覽器或其他環境中。 Babel能用在哪裏 NodeJs 使用 npm 初始化項目 $ mkdir es6-to-es5 $ npm init -y 安裝Babel $ npm install --save-dev @ba

ecmascript-6 , node.js , babel7 , es5 , Javascript

收藏 評論

tianzhich 頭像

小志Chris - 【譯】繼承與原型鏈（Inheritance and the prototype chain）

前言 原文來自MDN JavaScript主題的高階教程部分，一共5篇。分別涉及繼承與原型、嚴格模式、類型數組、內存管理、併發模型和事件循環。本篇是第一部分，關於繼承和原型。 原文鏈接請點我 下面是正文部分： 對於熟悉基於類的編程語言（例如 Java 和 C++）的開發者來説，JavaScript 會讓他們感到困惑，因為 JS 的動態性以及其本身並不提供class的實現（ES2015 中提出的c

prototype , inheritance , 前端 , Javascript

收藏 評論

jiangpengfei_5ecce944a3d8a 頭像

蔣鵬飛 - 手寫koa-static源碼，深入理解靜態服務器原理

這篇文章繼續前面的Koa源碼系列，這個系列已經有兩篇文章了： 第一篇講解了Koa的核心架構和源碼：手寫Koa.js源碼 第二篇講解了@koa/router的架構和源碼：手寫@koa/router源碼 本文會接着講一個常用的中間件----koa-static，這個中間件是用來搭建靜態服務器的。 其實在我之前使用Node.js原生API寫一個web服務器已經講過怎麼返回一個靜態文件了，代碼雖然

node.js , koa.js , 前端 , Javascript

收藏 評論

kylebing 頭像

KyleBing - 寫了個網頁版的五筆跟打器：玫楓跟打器

玫楓跟打器 Roseo Maple Type Pad 線上地址 https://kylebing.cn/tools/typepad/ 截圖 前言 自己是個五筆愛好者，也一直在使用五筆，從 Windows 轉到 Mac 之後，也沒有有可用的跟打器，每回想練練打字了都需要打開 Windows 模擬器來打字。 一直一直想有個能在 macOS 上運行的跟打器。 最初是想自己用 swift

輸入法 , requirejs , 前端 , Javascript

收藏 評論

evilboy 頭像

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同，今年是在線上召開的，每次談話大約十分鐘，討論規模更大。雖然我沒有在第一時間觀看會議的直播，但是看回放也不會錯過這些亮點。 所有的回放在這裏：https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標，可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

收藏 評論

stephentian 頭像

StephenTian - 2021 前端開發手冊

簡介 這是一份 2021 年前端開發手冊，列舉前端開發相關技術，提供相關技術的學習資源。下面的項目不用全部學習，可以選其中一些學習。 歡迎補充！項目地址：2021-frontend-handbook 目錄 HTML CSS JavaScript 前端框架 前端工程化 服務端渲染 SSR 靜態站點生成器 SSG TypeScript 用 JS 去做服務器端 桌面應用程序 El

frontend , 前端 , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 聊聊不可變數據結構

三年前，我接觸了 Immutable 庫，體會到了不可變數據結構的利好。 Immutable 庫具有兩個最大的優勢: 不可修改以及結構共享。 不可修改(容易回溯，易於觀察。減少錯誤的發生) let obj = { a: 1 }; handleChange(obj); // 由於上面有 handleChange，無法確認 obj 此時的狀態 console.log(obj) 結構共享(

性能優化 , 開發工具 , 前端優化 , immutable-js , Javascript

收藏 評論

xiuxian_orange 頭像

修仙大橙子 - 「一起造輪子」從1.9k的jsonp庫出發🏗一起實現jsonp

1. 什麼是jsonp？ 下方是維基百科對JSON的解釋 從這個解釋中，我們可以知道，完成jsonp需要的步驟主要有以下兩點： 向頁面中插入一個帶有請求鏈接的script標籤 通過回調函數，獲取需要的JSON數據 2. jsonp庫是如何實現的？ jsonp是一個star數1.9k的倉庫，實現了一個簡單的jsonp方法 jsonp倉庫傳送門 2.1 傳入參數 url 傳入的u

一起寫輪子 , 前端 , Javascript , Jsonp

收藏 評論

sucre_199782 頭像

洋仔 - 數組並集/交集/差集

underscore 官網 _.union([2,1,2]); // [2,1] lodash 官網 _.uniq([2,1,2]); [2,1] 不產生新數組 使用indexOf判斷和splice刪除。 const removeDuplicates = (nums) = { let len = nums.length - 1 for(let i = len; i=0; i--

ecmascript-6 , es5 , underscore , 前端 , Javascript

收藏 評論

chen_6016206b422ca 頭像

chen - 移動端click事件300ms延時解決方案

問題描述 移動端由於屏幕雙擊會縮放頁面，因此移動端click事件會有300ms延時情況的產生 解決方案 方法一：全局禁止縮放 在html頁面頭部的meta標籤中加上content="user-scalable=no" meta content="user-scalable=no" 該方法會讓瀏覽器禁用默認的雙擊行為並且去掉300ms點擊延時 適用場景：需要對整個頁面進行禁用雙擊行為。但

移動端web , 前端 , Javascript

收藏 評論

hai2007 頭像

你好2007 - 理解prototype和__proto__（繼承與原型鏈）

從關係圖中可以看出來，ECMAScript中創建一個對象是通過new構造函數實現的，而本質上來説這個對象其實是以構造函數的屬性prototype指向的對象為基本模板的，因此新對象的__proto__屬性表明了自己來源於誰。 prototype 該屬性用來指向創建一個對象的基本模板，默認指向new構造函數，也可以修改，或者通過改屬性為新對象添加屬性。 需要注意的是，該屬性只有函數才有。 //構造函

prototype , 前端 , Javascript

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - vue 使用computed報錯 .. was assigned to but it has no setter.

問題： a-radio @change="chooseOther" v-model="tempReadio"其他/a-radio computed: { tempReadio() { if (this.reasonValue == 7) { return true; } else { return false; }

vue.js , 雙向綁定 , computed , 前端 , Javascript

收藏 評論

ox1dp6ei 頭像

ox1dp6ei - 使用原生ES5封裝 call, apply, bind 等方法

直接上代碼，大家一看就明瞭 !DOCTYPEhtml htmllang="en" head metacharset="UTF-8" metahttp-equiv="X-UA-Compatible"content="IE=edge" metaname="viewport"content="width=device-width,initial-scale=1.0" titleDocument/

es5 , Javascript

收藏 評論

xiaolei_599661330c0cb 頭像

小磊 - Koa1技術分享

寫在前面 　　Koa使用了ES6規範的generator和異步編程是一個更輕量級Web開發的框架，Koa 的先天優勢在於 generator。由於是我個人的分享交流，所以Node基礎、ES6標準、Web開發基礎以及Koa的"Hello World"程序都不在討論，希望各位小夥伴提出意見和指導。 　　PS：Koa 內核中沒有捆綁任何中間件，但不用擔心，Koa 擁有極其強悍的拓展性，正文所有中間

koa2 , node.js , koa , koa.js , Javascript

收藏 評論

jackn 頭像

Jack_N - 前端進階（1）Web前端性能優化

前端進階（1）Web前端性能優化 Web前端性能優化, 不僅能夠改善站點的用户體驗，並且能夠節省相當的資源利用。下面將從1）服務器、2）html內容、3）css、 4）javascript、 5）圖片等幾方面介紹具體的優化操作。 1. 服務器優化 1.1. 使用內容分發網絡（CDN） 把網站內容分散到多個、處於不同地域位置的服務器上可以加快下載速度。 1.2. 服務器使用http2.0協議 Htt

前端優化 , Css , HTML , Javascript

收藏 評論

pingan8787 頭像

pingan8787 - 5個Chrome調試混合應用的技巧

對前端開發人員來説，Chrome 真是一個必備的開發工具，大到頁面展示，小到 BUG 調試/HTTP 抓包等，本文我將和大家分享自己做混合應用開發過程中經常用到的幾個調試技巧。 一、調試安卓應用 在進行混合應用開發過程中，經常需要在安卓應用中調試 H5 項目的代碼，這裏我們就需要了解安卓應用如何在 Chrome 上進行調試。 接下來簡單介紹一下，希望大家還是能實際進行調試看看： 1. 準備工

瀏覽器 , hybrid-app , 調試技巧 , 前端 , Javascript

收藏 評論

fangtangxiansheng 頭像

方糖先生 - 【單頁面應用 】發版後如何【通知用户端更新】

【單頁面 】發版後如何【通知用户端更新】 現象描述： 首先技術棧,是vue全家桶技術棧。典型spa單頁應用，每次有新功能的上線，都需要主動通知，使用者自主刷新頁面【強刷】，才能出現新功能。 產生原因： 每次打包發版【代碼有變化】，index.html,網站即入口文件是變化的。 但是在單頁面應用，頁面跳轉，都在同一個瀏覽器線程中，不會再一次請求index.html 資源，即使你對

webpack , spa , Javascript

收藏 評論

faker_5acebe0256c30 頭像

萬年打野易大師 - webpack配置使用PWA

pwa離線應用緩存使用APP在實際應用中很多會用到 重要插件：workbox-webpack-plugin 下載安裝 在webpack.config.js文件配置引入使用 plugins中添加 new WorkboxWebpackPlugin.GenrateSW({clientClaim: true, skipWaiting: true}) 使用，在入口文件引入service-worker //

node.js , pwa , npm , Javascript

收藏 評論

invalidnull 頭像

註銷 - 手動為 SAP Spartacus 添加 SSR 即服務器端渲染的步驟

ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp

sap , spa , ssr , typescript , Javascript

收藏 評論

wszgrcy 頭像

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

收藏 評論

delia_5a38831addb7b 頭像

Delia - 大數據報表菜單欄問題

一，業務場景 該項目是一個大數據報表系統，使用php的Yii框架結合smarty，主要的業務報表分為兩種，一種是iframe嵌入的外鏈報表，還有項目自己的報表。 為了查看方便，項目增加了收藏和最近訪問報表菜單欄， 收藏菜單欄：根據後端$collet返回的數據遍歷生成二級菜單，並根據$menu_id，$url_tpl，$isWhiteTable控制class中是否添加open從而控

php , smarty , yii , jquery , Javascript

收藏 評論

kkocdko 頭像

kkocdko - 3 KB 的博客首頁，我是如何做到的？

這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material

material-design , Css , spa , 前端 , Javascript

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - koa實踐總結

什麼是koa？ koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用，通過組合不同的 generator，可以免除重複繁瑣的回調函數嵌套，並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件，它僅僅提供了一個輕量優雅的函數庫，使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼？ 主要用途 網站（比如cnode這樣的論壇） ap

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

收藏 評論