收藏 / 列表

shimiandeshatanku 頭像

李遊Leo - 在線和社交媒體形象管理

在現代職場中，掌握在線和社交媒體形象管理的技巧是塑造個人品牌的關鍵組成部分。隨着數字化時代的到來，個人的在線存在和社交媒體活動已成為評價其專業形象和影響力的重要窗口。在線形象管理關乎於如何精心策劃和維護在互聯網上的個人形象，確保它與你的職業目標和個人品牌保持一致。 認識並重視在線和社交媒體形象的重要性，可以帶來諸多優勢。首先，一個專業而一致的在線形象能顯著增加你的職業可見性和辨識度，使你在潛

職業發展

beckyyyy 頭像

beckyyyy - 可視化學習：使用極座標參數方程和SDF繪製有趣的圖案

前言 本文將介紹如何使用極座標參數方程和上一篇文章提到的距離場SDF來繪製有趣的圖案。 説到曲線和幾何圖形的繪製，我們知道圖形系統默認支持的是通過直角座標繪製，但是有些曲線呢，不太容易使用直角座標系來表示，卻可以很方便地使用極座標來表示，這個時候我們可以選擇通過極座標和直角座標的相互轉換，來實現圖形的繪製。 下面我就用玫瑰線、花瓣線等曲線作為例子來進行演示。 在開始演示之前，我先簡單介紹下極座標和

webgl , canvas , 可視化 , 前端

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

dirackeeko 頭像

DiracKeeko - [JS] 類 class入門使用

class是用於創建對象的模板。 (在js中構造函數也能批量創建對象，要注意函數有聲明提升，而類沒有聲明提升，必須先定義類，在創建類的實例) 定義Animal類。類也是一個函數。 typeof(Animal) // function 對一個類本身來説，要注意以下四點: 1、構造函數constructor，這個函數用户在創建實例的時候傳入參數。(new Ani

類 , class , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 4.3 React Tricks

react tricks 編輯中。。。 React 自身提供的 API 並不多，但總有一些比較 trick 的 API 和點是平時可能忽略的，本節將列舉一下相關的點。 setState setState function param setState 延遲 ref ref as funct

leanreact

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

mecode 頭像

賀公子 - 深度使用AI編程工具

深度使用AI編程工具的經驗分享 AI編程工具如Cursor、Claude Code正在改變開發者的工作流程。通過集成智能補全、代碼生成和自然語言理解能力，這些工具顯著提升了開發效率。以下分享一些實際經驗和案例。 開發環境配置優化 Cursor的智能補全功能可以根據項目上下文提供精準建議。在配置開發環境時，輸入部分命令或配置文件內容，工具能夠自動補全完整的配置。例如輸入Docker

code , API , 編程工具 , 前端開發 , Javascript

opentiny 頭像

OpenTiny社區 - 有獎問卷調研|OpenTiny給你送天命人好禮啦！

破防了！家人們！ 參與這個活動到底有多簡單？ 加入OpenTiny開源社區 ，到底是種什麼樣的體驗？ 原來，使用項目不僅有社羣技術答疑， 還能送緊箍咒等天命人好禮！ 班味太濃，是時候該去去班味了~ 這個活動，就等你來參加啦~ 活動説明：有獎問卷調研！！！ 現在起至9月20日，填寫你對於 OpenTiny 項目的真實使用情況，我們會根據問卷內容，針對填寫優質問卷的小夥伴贈送相應禮物~ 友好用户

vue.js , 組件庫 , 低代碼 , typescript , 前端

u_17072679 頭像

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時，瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表（Virtual Scroller）把「按需渲染」做到極致：只繪製可見區域並加少量緩衝，讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質：渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度，滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

grewer 頭像

Grewer - 淺析微前端沙箱

前言 在大型項目中，微前端是一種常見的優化手段，本文就微前端中沙箱的機制及原理，作一下講解。 首先什麼是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends

iframe , qiankun , 微前端 , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - Creating And Distributing Presentations On The Web

What I will talk about is how I (and you, of course) can use the Web to find content for your talks, record them, share them with others and save them for future audiences. I’ll also explain how to

workflow , Techniques , coding

jamesfancy 頭像

邊城 - 考慮時區了嗎？

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

date , 時區 , Javascript

linong 頭像

linong - 前端培訓-中級階段（22）- localStorage/sessionStorage本地存儲（2019-10-24期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 Storage Storage 提供了訪問特定域名下的會話級別或永久級別的存儲功能，例如，可以添加、修改或刪除存儲的數據項。 鍵值對是以字符串的形式存儲。且是同

sessionstorage , localstorage , 前端 , html5 , Javascript

anan_5ca066790c21a 頭像

阿南 - Java Stream流的使用

流的使用 無狀態：處理單個數據 有狀態：處理所有數據 中間操作（無狀態） 中間操作（有狀態） 終端操作（短路） 終端操作（非短路） 過濾（filter） 去重（distinct） 所有匹配（allMatch） 遍歷（forEach） 映射（map） 跳過（skip） 任意匹配（

JAVA , stream