收藏 / 列表

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 jquery

源代碼下載： jquery-cn.js jQuery是JavaScript的一個函數庫，它可以幫你“寫更少，做更多”。它集成了很多常見的JavaScript任務並且很容易調用。jQuery被世界各地的很多的大公司和開發者使用。它包括了AJAX，事件處理，文檔操作以及很多其它功能，並且更加簡單和快速。 正因為jQuery是JavaScript的一個函數庫，所以你需要 首先學習JavaScript

語法 , 入門 , Ajax , jquery , Javascript

hello888 頭像

洛陽醉長安行 - TypeScript + Map實現一個公共數據管理模塊DataMap

在大型中後台項目開發中，尤其是在使用React進行開發時，我們會遇到很多下拉框數據、多選框數據、或者編碼中多處使用到的業務型公共映射表。為了便於維護，可以把這些數據都集中放到一個模塊中，而不是分散的寫在各個地方。 實現思路 我們定義一個IMapExtra接口擴展一下Map實例，建立兩個類MapExtra和DataMap，MapExtra是為了在使用數據時更方便獲取Map類型數據。最後把map（數據

map , typescript , 前端

powerful_simon 頭像

小謳 - 解決 mpvue 經典 bug：同路由切換時，上次的數據會保留

關注前端小謳，閲讀更多原創技術文章 由於一直在用vue技術棧，因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。 果不其然，一個大bug出現了：同一路由切換時，上一次的頁面數據會保留 項目實戰bug：mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因： 參考眾多答案後，用“

vue.js , 小程序 , mpvue , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

chencaize 頭像

點墨 - 使用charles抓app包

系統環境:win10 1.在charles官網上下載軟件 https://www.charlesproxy.com/... 註冊碼如下: Help-Register Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 2.防火牆開啓charles應用網絡 控制面板-所有控制面板項-Window

ssl證書 , HTTPS , Android , 手機 , charles

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

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

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

前端

hsr2022 頭像

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

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

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - Linux 服務器磁盤滿了？教你快速找到大文件，安全刪掉不踩坑！

1. 磁盤空間檢查基礎命令 1.1 查看磁盤使用情況 # 查看所有掛載點的磁盤使用情況 df -h # 查看指定目錄的磁盤使用情況 df -h /home 1.2 查找大文件和目錄 # 查找當前目錄下大於100MB的文件 find . -type f -size +100M -exec ls -lh {} \; # 查找根目錄下大於1GB的文件 find / -type f -size +

Linux

dirackeeko 頭像

DiracKeeko - [axios] axios中get請求的發送

"Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js htt

Axios , httprequest , get , 前端

apifox 頭像

Apifox - REST 和 RPC 的區別是什麼？我們來深入瞭解一下

隨着Web應用程序和分佈式系統的不斷髮展，面向服務的架構和分佈式系統的設計變得越來越重要。在這個領域中，REST和RPC是兩種廣泛使用的架構風格。本文將分別介紹REST和RPC的概念和特點，然後從豐富的角度來分析REST與RPC的差異。最後，我們將分析REST和RPC的適用場景，並展望它們未來的發展方向。 REST和RPC簡介 REST（Representational State Transfe

rest-api , rest , API , rpc , 程序員

yinzhixiaxue 頭像

銀之夏雪 - 深入剖析為什麼順序調用對 React Hooks 很重要？

在享受 React Hooks 帶來的便捷性的同時，我們必須嚴格遵循順序調用的規則，這一規則的重要性遠超我們的想象。本文將深入探討順序調用對 React Hooks 的重要性，並結合常見的缺陷，通過具體的代碼案例進行詳細闡述，揭示其背後深層次的原理。 一、React Hooks 工作原理 理解 React Hooks 的工作原理是掌握順序調用重要性的關鍵。React 內部維護着一個 Hooks 鏈

react , react-hooks , 前端 , Javascript

momeak9 頭像

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本，將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量，以及child_process模塊來執行命令行操作。 首先，我們需要安裝ssh2和dotenv模塊： npm install ssh2 dotenv --save 然後，我們需要在項目根目錄下創建一個.env文件，用來存放一些敏感的配置信息，例如服務器

node.js , pm2 , ssh2 , 前端

_607c00baa52ff 頭像

懟懟 - 【js】異步迭代器(async Iterator)

異步迭代器(async Iterator) 同步迭代器 異步迭代器 for await...of 異步生成器函數 yield*語句 1.同步迭代器 普通的迭代器生成函數在被調用後會返回一個迭代器對象，可以去調用迭代器上的next方法 next方法一旦執行，就必須同步地得到一個狀態對象，{value,done} //迭代器生成函數 function makeIterat

async , iterator , generator , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

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

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

react , vue.js , 響應式 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

mecode 頭像

賀公子 - 訂閲模式

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

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

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 網站提示 “不安全”？免費 SSL 證書一鍵解決

網站提示 “不安全”？免費 SSL 證書一鍵解決，HTTPS 零成本升級指南 瀏覽器地址欄的 “不安全” 警告，不僅會讓用户直接關閉頁面，還會影響 SEO 排名和品牌信任度。其實不用花錢，免費 SSL 證書就能徹底解決問題，從申請到部署全程簡單易操作，個人站長、中小企業都能快速上手。 zhucema 230959 https://www.joyssl.com/certificate/

容器 , 服務器 , 微服務 , 運維 , 知識

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何使用後期處理通道增強圖像效果

前言 大家好，本文分享的是如何使用後期處理通道增強圖像效果，通過前面幾篇文章，我們瞭解了一些動態生成紋理的方法，比如符號距離場SDF、基於參數方程生成圖案、基於噪聲生成紋理，等等。這些生成紋理的技術有相似的地方，就是根據片元的紋理座標，對片元着色，直接生成紋理。 因為GPU是並行渲染的，每個像素的着色器程序是並行執行的，這樣的渲染很高效。但是在實際需求中，有時我們計算片元色值時，需要依賴周圍像素點

webgl , canvas , 可視化 , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript