收藏 / 列表

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性：Map.groupBy()，它大大簡化了數據分組的操作。無論是在處理數組、對象，還是更復雜的業務邏輯中，分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示，為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()？ Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

beckyyyy 頭像

beckyyyy - 我的編程之路：這是一個蓄謀已久的大坑

簡單介紹一下自己和目前的工作 畢業工作已四年，前面三年做的是java外包方面的工作，去年的時候腦子發熱、感覺方向迷茫、這份工作不太想做下去了，於是裸辭了，在失業的三個月中一直在思考人生，終究是並沒有什麼收穫，只是更多增添了煩惱和焦慮，在一次無意的面試後，又是腦子一熱，決定轉向前端。目前在一家創業小公司做着前端的工作，入坑六個月左右，感覺尚可。 詳細寫寫你是如何走上編程的道路 在我小時候那會兒，一個

我的編程之路

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [highcharts] 04_wrap

場景: 需要對每個series設置不同背景色的tooltip時，highcharts自身沒有這種配置項，就需要我們利用Highcharts原型封裝函數Wrap。 wrap對現有的highcharts示例的原型進行修改，允許在現有函數之前或之後向其中添加自己的代碼。 其用法如下: (function (H) { H.wrap(H.Tooltip.prototype, 'ref

highcharts , 前端

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

sysu_xuejia 頭像

陳學家_6174 - React 產品實現 -任務管理工具“氫”

原文地址：https://zhuanlan.zhihu.com/p/...，歡迎轉載 ：-） ? 關於 其實對於這個專欄的訂閲用户感到非常抱歉，已經停更很久了，也沒啥特別的理由就是懶 orz！不對，畫風不能這樣開頭，是這樣的，我覺得我應該用 React 去做點兒什麼，寫文章能夠清晰我的思路，讓我和別人有交流，但是並沒有實際做產品那麼性感，於是我決定要用 React 來做一些產品出來，於是就

react , macos , 產品設計 , electron , leanreact

_607c00baa52ff 頭像

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM：與瀏覽器交互的方法和接口 DOM：處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象，window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

mecode 頭像

賀公子 - 訂閲模式

訂閲模式案例分析 訂閲模式在SaaS、媒體、電商等領域廣泛應用，主要分為按月、季度、年訂閲三種形式。以下是典型案例： Netflix 採用按月訂閲，提供不同套餐（基礎/標準/高級），利用自動續費減少用户流失。年訂閲通常提供折扣，例如“年付省15%”。 Adobe Creative Cloud 提供月付和年付選項，年訂閲可節省約20%。季度訂閲較少見

sed , 代碼實現 , 前端開發 , Javascript , Python

opentiny 頭像

OpenTiny社區 - 告別代碼焦慮，單元測試讓你代碼自信力一路飆升！

本文由體驗技術團隊董福俊原創。 背景 一次偶然，我看到了 Kent C. Dodds 的文章中的一個觀點：寫測試代碼的原因，是為了獲得對自己代碼的信心。我覺得深有感觸，於是翻看了kent的所有文章，結合我自己的開發體會，總結了一些關於前端單元測試的觀點。 認識單元測試 單元測試是什麼？ 單元測試（UT）是測試系統中的一環，測試系統還包含很多其它環，例如：端到端測試E2E、集成測試Integrati

單元測試 , 開源 , 前端

u_17072679 頭像

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏，「如果每次切換環境都手動改代碼，不僅低效，還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系，只要理解規則，就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式（mode） Vue CLI 把「運行命令」抽象成三種默認模式： development：對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄二：環境與調試

環境搭建 這裏先説下我的環境， 這是代碼運行的前提。 系統： Mac Monterey 12.6.8 Xcode: 14.2 Python: 3.11.6 （不要使用 2.x 版本！） 建議全程指令都在FQ工具下進行 由源碼構建 V8 首先我們需要一個工具 depot_tools 執行指令克隆，這裏我是在文件夾 /Users/apple/Sites/demo/depot_tools

v8 , v8js , chrome , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - A Quick Look Into The Math Of Animations With JavaScript

In school, I hated math. It was a dire, dry and boring thing with stuffy old books and very theoretical problems. Even worse, a lot of the tasks were repetitive, with a simple logical change in ever

animation , Techniques , coding , Css , Javascript

jamesfancy 頭像

邊城 - 考慮時區了嗎？

2023-09-17 更新，補了張截圖 前端工程師們，在拿到一個日期/時間數據的時候，你是怎麼處理的呢？有沒有考慮時區的問題呢？ 也許你會説：嗯，沒怎麼關注時區，不過我測過，沒問題。 我能怎麼説呢？可能你還沒遇到國外的用户吧！ 被偷走的一天 如果拿到一個日期字符串 "2021-11-17"，為了方便計算和處理數據，可能會先把它封成一個 Date 對象： const s = "2021-11-17

date , 時區 , Javascript

linong 頭像

linong - 前端培訓-中級階段（21）- xhr2、FormData（2019-10-17期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 AJAX 我們肯定不陌生，低版本IE使用new ActiveXObject("Microsoft.XMLHTTP")，其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript