收藏 / 列表

yangyaya 頭像

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

前言 跳槽是每個人的職業生涯中都要經歷的過程，不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章，希望你沒有白白浪費停留在這裏的時間，能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試，你永遠不知道市面上的行情如何。這次找工作下來，我自身感覺市場並沒有那麼可怕，也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 Set theory

集合論是數學的一個分支，研究集合、它們的運算和它們的性質。 集合由不重複的項組成。 基本符號 運算符 並運算符，∪，表示“或”； 交運算符，∩，表示“且”；差 運算符，\，表示“不包括”； 補運算符，'，表示補集; 叉積運算符，×，表示笛卡爾積。 限定詞 冒號限定詞，:，表示“使得”； 從屬限定詞，∈，表示“屬於”； 子集限定詞，⊆，表示“是……的子集”; 真子集限定

基礎 , set , 入門 , 集合

hello888 頭像

洛陽醉長安行 - js 使用遞歸上傳文件（批量上傳文件）、上傳進度

當接口不支持批量上傳，使用遞歸實現單文件上傳，配合mui.loading實現上傳進度 var imgAppendixArr = [];//當前已上傳的圖片信息數組，可傳遞給後端 //多張圖片遞歸上傳 function uploadList(obj, i) { var fileList = $("#" + obj.inputId)[0].files; var i = i || 0;//初始為

移動端 , mui , 前端 , Javascript

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

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

underscore , HTML , 前端 , Javascript

chencaize 頭像

點墨 - react函數組件使用React.memo避免重複渲染

在react的類組件裏，我們可以通過shouldComponentUpdate來主動控制組件是否需要渲染,那麼在函數組件裏，有沒有類似的方法可以讓我們主動控制組件渲染呢？有的，那就是React.memo。 React官方文檔給出的介紹: Class components can bail out from rendering when their input props are the same

react , dva.js , 前端 , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

linx 頭像

前端路引 - Web前端入門第 89 問：總結 8 種跨域通信處理方案

為什麼會跨域？跨域是誰附加的限制？為什麼 APP 不會有跨域問題？ 首先跨域問題是由於瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣，也不會受跨域影響。 想想一下：如果瀏覽器沒有同源策略限制，A 網站可以隨意訪問 B 網站內容，

前端

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - Node.js REST 升級 MCP 服務器，讓 AI 代理成為你的開發助手

隨着大型語言模型（LLM）和代理 AI 的快速發展，應用程序展示其功能的方式亟待從根本上變革。傳統的 REST API 專為軟件與軟件之間的通信設計，開發人員需閲讀大量文檔並編寫自定義集成代碼才能使用。而模型上下文協議（MCP） 作為一種開放標準，通過創建統一的、機器可讀的界面，讓 AI 代理能夠動態發現並與之交互，成功解決了這一痛點。 本文將提供一份全面指南，介紹如何使用官方 TypeScrip

前端

dirackeeko 頭像

DiracKeeko - [highcharts] 07_在highcharts渲染完成後結束loading

vue2項目 highcharts實例，如何在highcharts渲染開始時加載loading，在渲染結束時結束loading? 好久沒寫highcharts，最近有個同事寫highcharts時遇到了一個問題。 該業務場景的數據處理非常複雜，且存在某些個特定id的情況下，數據量極大，導致頁面上的highcharts卡頓(具體表現是：點了切換之後，有一段時間沒反應，之後highcharts重新渲染

vue2 , loading , highcharts , 前端

apifox 頭像

Apifox - 探索 JavaScript：every()方法背後的邏輯

JavaScript 語言的核心足夠大，以至於很容易誤解其某些部分的工作方式。我最近在重構一些使用every()方法的代碼時發現，我實際上並沒有完全理解其背後的邏輯。在我的腦海中，我假設回調函數必須被調用並返回true，every()才會返回true，但實際情況並非如此。對於一個空數組，every()無論回調函數是什麼都會返回true，因為那個回調函數從未被調用。考慮以下情況： function

數組 , 前端工程師 , 程序員 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - Monorepo：讓你的項目脱胎換骨，既能代碼複用，又能獨立部署！

本文由體驗技術團隊Kagol原創。 你的項目是不是正在不斷膨脹，構建速度越來越慢，包體積越來越大，性能越來越慢了？ 想拆分到不同的倉庫中分開維護，又擔心代碼不方便複用？ 你可能需要將項目改造成 Monorepo 啦！ 我將帶大家把一個現有項目改造成 Monorepo 方式，便於擴展和多項目複用。 如果你也有類似的需求，可以點贊、收藏下本文，關鍵時刻也許能幫上忙。 1 為什麼需要做 Monor

組件庫 , 開源 , 前端

momeak9 頭像

泯瀧 - 「譯」2024 年的 5 個 JavaScript 安全最佳實踐

鏈接：https://thenewstack.io/5-javascript-security-best-practices-f... 作者：Alexander T. Williams 原標題：5 JavaScript Security Best Practices for 2024 網絡安全已成為一個瞬息萬變的戰場，JavaScript 應用程序的安全性也不例外。Web 應用程序已成為

chrome , webkit , typescript , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【vue】MVVM、雙向綁定

MV*模式 MVC MVP MVVM 1 MVC 一個應用分為三部分 模型 (Model)：數據保存 應用程序的數據、控制與修改這些數據的業務規則 Model改變時：通知View，為View提供查詢Model相關狀態的能力，為Controller提供訪問封裝在Model內部的應用程序功能的能力。 視圖 (View)：用户界面

vue.js , 雙向綁定 , 代理 , mvvm , 響應式

zisrfs 頭像

zsirfs - 深入一點 - JS 函數為什麼可以這樣操作

原文: https://zswfx.com/articles/5dc8f64a9cf7c17b240e5c6c 我們經常在函數參數裏面使用如下操作 Array.prototype.slice.call(arguments, 1), 這樣的操作，類似還有 Object.prototype.toString.apply(o)這種操作，為什麼可以這樣玩呢？ 前言 我們經常通過數組的方法去操作類數組，還會

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , 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

mecode 頭像

賀公子 - openMind Library 核心功能與應用

openMind Library 核心功能與應用 openMind Library 是一個面向深度學習開發的工具套件，旨在簡化模型開發全流程。其核心功能包括預訓練、微調、推理和部署，並通過統一的 API 設計兼容多種主流框架和硬件平台。 框架兼容性與硬件支持 多框架兼容：通過適配層接口，無縫支持 PyTorch 和 MindSpore 的代碼遷移，用户無需重寫現有模型

執行效率 , 動態圖 , 前端開發 , Javascript , Python

hai2007 頭像

你好2007 - React 如何添加路由懶加載

主體説明 我們會把流程分成兩步：『配置路由』和『添加懶加載』。 如果你知道路由，或者已經配置好了，可以直接跳轉到『添加懶加載』 配置路由 react有兩個包react-router和react-router-dom，如果只是h5開發，選擇後者即可。 安裝依賴 因此，我們首先安裝好需要的路由包： npm install --save react-router-dom 配置 比如我們有兩個頁面page

react , lazyload , jsx , route , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 零信任架構必備？國密SSL證書在SASE模型中的新角色

在零信任架構與SASE（安全訪問服務邊緣）模型深度融合的背景下，國密SSL證書正從傳統的傳輸層加密工具演變為零信任體系中的關鍵信任錨點。 https://www.joyssl.com/certificate/select/national_secret_alg... 一、身份驗證中樞：構建不可偽造的信任鏈 設備與用户雙重認證 SASE模型要求對所有接入實體進行持續驗證，國密

觀點 , 運維 , 知識 , serverless , jenkins

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何生成簡單動畫讓圖形動起來

大家好，本文分享的是如何生成簡單動畫讓圖形動起來。 在可視化展現中，動畫它是強化數據表達，吸引用户的重要技術手段。 在具體實現動畫之前，我們先來了解一下動畫的三種形式，分別是固定幀動畫、增量動畫和時序動畫。 graph LR A[動畫的三種形式] -- B[固定幀動畫] A -- D[增量動畫] A -- E[時序動畫] B -- F[使用已生成的靜態圖像，將圖像依次播放] D -- C[動態繪製

shader , css3 , 動畫 , webgl , 前端