收藏 / 列表

lihaixing 頭像

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數，對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - 使用 Nuxt Kit 檢查模塊與 Nuxt 版本兼容性

title: 使用 Nuxt Kit 檢查模塊與 Nuxt 版本兼容性 date: 2024/9/13 updated: 2024/9/13 author: cmdragon excerpt: 通過 Nuxt Kit 提供的兼容性檢查工具，您可以輕鬆地確保您的模塊與不同版本的 Nuxt 兼容。這將有助於您在開發過程中避免潛在的兼容性問題，從而提升您的開發效率。 cate

react , vue.js , webkit , typescript , 前端

laughingzhu 頭像

LaughingZhu - DevNow：支持集成 Tina CMS

前言 想了很久是否要集成一個類似 CMS 的管理平台來管理這些文章的內容，終於在這周開始落地了。簡單説一下我為什麼有這個想法的：由於 DevNow 的定位📌是一個開源的博客項目，所以我在努力的跳出我自己的想法，避免因為一些自己想要的一些功能來讓 DevNow 看起來更加的臃腫。集成 Headless CMS 的主要目的是優化現在的工作流，由於我們是基於 Astro 來構建的一個博客項目，所以我們

astro , blog , Markdown

sihaihande 頭像

漢得數字平台 - 零衍門户組件聯邦模式：重新定義組件開發新體驗！

引言 門户自定義組件是零衍門户的核心能力之一，基於這項能力，客户可以更靈活、自由地構建出多種風格的門户。然而隨着零衍門户被越來越多的企業使用，傳統門户自定義開發模式存在的一些問題也逐漸顯現，比如開發調試流程繁瑣、渲染性能較差等成為了用户使用過程中的痛點。 為解決上述問題，零衍經過探索與研究，推出了新的門户自定義組件開發模式——聯邦模式，全面提升了用户開發與使用體驗。 優勢與亮點 ◆ 快速編譯，輕

組件化 , 系統管理

yourena_c 頭像

友人A - threejs的transformControls拖拽結束的異常

transformControls拖拽結束以後會以結束點的射線拾取重新選中新的模型，這裏發現是監聽事件的問題 // 創建 TransformControls const transformControls = new TransformControls(camera, renderer.domElement); const transformControlsHelp

three.js , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

xingfudenaozhong 頭像

幸福的鬧鐘 - AJAX是如何憑一己之力提高前端程序員的工資水平的？

作者：阿達西 鏈接：juejin.cn/post/7395396352183009290 emmm，今天無意間聽到一個比較奇怪的信息，就是在很早之前，前端工程師只是一個切圖崽，而且工資也不是很高。説白了，就是沒含金量的工作。因為那時候的Web應用相對簡單，主要關注於頁面的靜態內容和基本的交互。所以前端開發的工作主要集中在HTML、CSS和基礎的JavaScript上。 但是自從AJAX出現後

Ajax , 程序員 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 流程圖渲染方式：Canvas vs SVG

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霽明 背景 我們產品中會有一些流程圖應用，例如審批中心的審批流程圖： 我們數棧產品內的流程圖，基本都是使用的 mxGraph 實現的，mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph，還有其他一些流行的庫，例如：Re

canvas , 前端 , svg

wuyagege 頭像

雲綺棠兮 - JS 對象如何實現深拷貝

如何實現一個對象的深拷貝？ 方法1：使用JSON (對象的序列化和反序列化) 需要注意的是：在引用數據類型中，地址是保存在棧區的，屬性值存放在堆區的，不同的地址指向的值是不一樣的，這裏是深拷貝的寫法，變量地址是互不影響的，所以是obj == obj1為false，而在淺拷貝中就是為true的，因為在賦值的同時obj會把地址一起賦值給obj1，使他們的地址指向堆區的同一個值 // 如何實現一個對

深拷貝 , lodash , 前端 , Javascript

jsliang 頭像

jsliang - 前端都在聊什麼 - 第 2 期

Hello 小夥伴們早上、中午、下午、晚上、深夜好，我是愛折騰的 jsliang~ 「前端都在聊什麼」是 jsliang 日常寫文章/做視頻/玩直播過程中，小夥伴們的提問以及我的解疑整理。 視頻同步：https://www.bilibili.com/vide... 本期對應 2023 年的 01.16-01.31 這個時間段。 本期針對「規劃」「工作」「學習」「閒談」這 4 個板塊進行了討論

求職 , 前端工程師 , 前端

changlina 頭像

長林啊 - Next.js 開發者必看：最受歡迎的 UI 組件庫

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 在之前，我也寫過一篇《打造高效React應用：CSS方案深度解析》，裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術，在 Next.js 中也同樣是適用，如果有不熟悉的，可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

aresn 頭像

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前，物料市場中的所有內容均已完成 Vue.js 3 的適配，View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有： 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

zxl20070701 頭像

zxl20070701 - 從JQuery出發總結的關於原型使用上的一些淺薄理解

比如我們現在的需求如下。 有一個函數MyObj，支持如下功能： 可以通過MyObj()的方式返回一個對象，這個對象和new MyObj()是等價的 MyObj本身是一個對象，可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求，第一反應是： var MyObj=function(){ return new MyObj(); }; 然後在My

prototype , proto , jquery插件 , jquery , 前端

nulidexiaocongmang 頭像

MangoGoing - React Native mac環境下解決iOS 9以上系統對HTTP請求的限制

問題 新搭建的一個項目，在使用fetch進行網絡請求的時候遇到一個報錯： TypeError: Network request failed. 嘗試直接在瀏覽器打開url訪問可以正常拿到返回值。（url是http協議） 原因 這個API請求是http的協議請求，在iOS9以上系統，已經把http協議的請求限制了。 iOS9引入了新特性App Transport Security

react-native , ios9

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器是如何用 HTML Preload Scanner 偷偷優化資源下載的

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 大家好，我是專注於做性能優化的鹵代烴。 做網頁相關的性能優化時，需要對瀏覽器的底層原理有一定的瞭解，這樣才能更好的讓頁面走在 happy path 上。今天我們就瞭解一個很少被人所知的瀏覽器默認性能優化方案 —— HTML Preload Scanner，看看它是如何優化網絡資源加載速度的。 瀏覽器

性能優化 , chrome , 瀏覽器原理 , 前端

limingcan562 頭像

limingcan - 帶着這種思想，我快速高效的學會了webpack“開發環境配置”

前言 我們在使用webpack時，經常會看到類似以下結構： build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多時候，webpack的配置我們基本複製粘貼過來的，沒有想過為什麼我們要把配置文件拆解成這麼多。因此，當我們自己去學習配置webpack時，我們經常會出現以下等問題： 開發環境構建速度慢 打包後頁面

構建工具 , webpack5 , 架構 , webpack , 前端

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之手寫題（一）

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 往期 "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - 利用 pyhttptest 快速測試和調試 RESTful API

現在，無論是開發還是使用服務，我們每個人都面臨着 REST API 的挑戰。同時，我們正處於微服務的流行時代，我們將業務邏輯拆分為多個獨立的小服務。這些服務大多遵循 RESTful 原則，並使用 JSON 格式進行通信，因為其簡單性使其成為最廣泛使用的格式。 pyhttptest- 這是一個命令行工具，用於對 RESTful APIs 進行 HTTP 測試。 此工具通過三個簡單的步驟實現自動化測試

API , 測試 , restful , 測試工具 , 後端

webinfoq 頭像

破曉L - 瞭解關鍵區別：await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

hai2007 頭像

你好2007 - Git版本管理工具常用命令整理和説明

工作區：就是你在電腦裏能看到的目錄。 暫存區：英文叫stage, 或index。一般存放在 ".git目錄下" 下的index文件（.git/index）中，所以我們把暫存區有時也叫作索引（index)。 版本庫：工作區有一個隱藏目錄.git，這個不算工作區，而是Git的版本庫。 第一步：用户名和郵箱。 分別修改用户名和郵箱，其中--global帶和不帶的區別在於操作文件是.git/config還

terminal , Git