收藏 / 列表

yangyaya 頭像

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

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

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

xiaoxxuejishu 頭像

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

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

語法 , 入門 , Ajax , jquery , Javascript

hello888 頭像

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶（帶分頁）

前戲： 在移動端網頁中的列表如何實現滾動和搜索條件的記憶，類似微信文章一樣，瀏覽到文章的某一個位置，在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表，如果你現在需求是不帶分頁的文章或列表當然也可以參考，實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件，要在tab切換時需要默認把滾動條重置到最頂部（從頭開始瀏覽），refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript

powerful_simon 頭像

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

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

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

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

chencaize 頭像

點墨 - 使用gulp上傳打包文件到服務器

項目是使用create-app-rewired生成的react項目，使用gulp自動上傳打包文件到服務器，建議只在測試環境和模擬環境使用。 1.安裝gulp,gulp-ssh包 2.編寫腳本 3.修改config-overrides.js，將打包文件分環境生成 4.編寫gulp配置文件gulpfile.js const { src, task, series } = r

gulp , 部署 , 打包 , 前端 , Web

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前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - Koa2進階:CMS系統實戰開發秘籍：1.為什麼選擇Koa2?

目錄 為什麼選擇Koa2? Koa2環境搭建 Koa2核心概念/中間件基礎/異步控制流 Koa2路由管理 Koa2請求響應處理 Koa2中間件使用 Koa2錯誤/異常捕獲與處理 Koa2模板引擎集成 Koa2靜態文件服務 Koa2集成數據庫 模型設計/ORM工具使用 接口身份驗證與授權 API接口設計 Koa2日誌記錄 CMS架構設計 CMS內容管理 CMS用户

koa2 , koa , vue3 , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [highcharts] 01_dataGrouping 和xDateFormat失效

前言、基礎、約定 一般我們會用這種方式來使用highcharts，所需的配置都在stockOptions裏 （注：這裏命名不一定要用stockOptions，它只是一個對象） stockOptions是一個對象如下圖所示 下文我們用對象語法來介紹配置，圖中箭頭指向的”type”記作 stockOptions.chart.type （也就是 stockOptions.ch

highcharts , tooltip , 可視化 , 前端

apifox 頭像

Apifox - 深度剖析 Spring Boot Async：解讀原理與實戰指南

Spring Boot 的異步功能（Async）允許我們將某些任務異步執行，而不會阻塞主線程。這對於處理耗時的操作非常有用，如發送電子郵件、生成報表、調用外部 API 等。通過異步處理，我們可以釋放主線程，讓它繼續處理其他請求，同時後台任務在後台線程中進行。這種方式可以顯著提高應用程序的響應速度和併發性。 Spring Boot Async 使用場景 以下是一些適合使用 Spring Boot

spring-boot-編程思想 , async , 多線程 , springboot , 後端

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

momeak9 頭像

泯瀧 - Web Woker 與主線程通信場景下對postMessage的簡潔封裝

在Web Worker與主線程之間進行通信時，使用postMessage是一種常見的方式。然而，在某些業務場景中，postMessage可能會顯得不夠簡潔，因為它涉及到手動序列化和反序列化數據，以及通過事件監聽器處理消息。以下是一些常見問題和解決方案，以簡化在Web Worker與主線程之間的通信場景中使用postMessage的問題。 結構化克隆問題 在Web Worker與主線程之間傳輸數據時

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

_607c00baa52ff 頭像

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

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

async , iterator , generator , Javascript

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的draggable-points.js依賴實現圖表的動態拖拽操作

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

vue.js , highcharts , 前端 , Javascript

mecode 頭像

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求（CSR）、提交至證書頒發機構（CA）以及最終獲取簽名的證書。以下是詳細流程： 密鑰對生成 使用加密算法（如RSA或ECC）生成公鑰和私鑰。私鑰需嚴格保密，公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息（如域名、組織名稱等）以及簽名。簽名使用私鑰生成，用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

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 頭像

追風的苦咖啡 - 無需綁定域名：IP證書在內部系統與測試環境中的最佳實踐

https://www.joyssl.com/certificate/select/internet_ip_certifi... 註冊碼230959 一、適用場景與核心價值 內部系統與測試環境需求 快速部署：無需註冊/備案域名，直接通過公網IP實現HTTPS加密。 合規性要求：滿足企業內部系統等保審計或數據加密傳輸需求。 隔離風險：避免因域名被劫持導致的服務中斷

ssl證書 , HTTPS , ip地址

shimiandeshatanku 頭像

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

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

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - WebGL：使用着色器進行幾何造型

前言 本文將介紹如何使用着色器來進行幾何造型，説到幾何圖形大家一定都不陌生，比如説三角形、圓形，接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形，只要傳入三個頂點座標，並選擇繪圖模式，我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外，我們還可以直接使用片元着色器進行幾何造型，那麼具體要怎麼做呢，下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪

webgl , 圖片裁剪 , 可視化 , 前端

ning_643b67be37ac3 頭像

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

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

前端 , Javascript , url