tag 前端

標籤
貢獻1,041
1015
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

jenemy - Sequelize 多態關聯學習記錄

學習 Sequelize 時對這部分理解作一個小小的筆記分享出來,方便查閲和其他需要同樣需求的小夥伴少走彎路。 一個 多態關聯 由使用同一外鍵發生的兩個(或多個)關聯組成. 例如:考慮模型 Article, Video, Image 和 Comment. 前3個代表用户可能發佈的內容. 我們希望3者都擁有評論,我們可以這樣去定義關係: Article.hasMany(Comment) Commen

orm , node.js , 數據庫 , sequelize , 前端

收藏 評論

若川 - 分析 vant4 組件庫源碼,寫一個 Vue3 highlight 高亮文本的組件

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。我傾力持續組織了 3 年多每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(5.8k+人)第一的專欄,寫有幾十篇源碼文章。 我們開發業務時經常會使用到組件庫,一般來説,很多時候我們不需要關心內部實現。

vue.js , vant , 組件庫 , 前端 , Javascript

收藏 評論

ZeroNews內網穿透 - ZeroNews IP 訪問控制能力

在信息安全領域,IP白名單和黑名單作為最常用的兩種安全策略,用於控制訪問權限,限制應用的訪問來源目標,以防範潛在威脅。雖然很多人對這兩個詞並不陌生,但未必清楚它們的具體含義和工作原理。下面我們就來具體瞭解一下它們的定義與應用。 什麼是 IP 黑白名單? IP 白名單:默認拒絕,只允許名單內的 IP 訪問,其他全部拒絕,將應用的訪問權限限制在選定的已批准 IP 地址列表內,從而在您的端點周圍創建一個

運維 , 後端 , 前端

收藏 評論

echeverra - 遲到的2024年終總結,看清生活,熱愛生活(工作、副業、家庭)

前言 一如既往,我的年終總結總是遲了那麼一些,回首過往的一年,經歷了好多,腦中卻又混沌空白。那就索性和去年一樣,從工作,副業和家庭三個方面聊一聊吧。 無論是好是壞,是對是錯,我們都是被生活不停催促趕路的人兒。 工作 24 年我經歷了裁員,然後又入職了一家外包公司,我把這一段時間的心路歷程記錄了下來:《中年被裁,記錄下這段時間的心路歷程,內含前端面試題和麪經》。真正的轉變都是痛苦且無聲的,人都是內

遊戲 , 總結 , 前端

收藏 評論

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

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

面試 , 筆試 , 前端 , Javascript

收藏 評論

SmalBox - 【渲染流水線】[應用階段]-[渲染命令隊列]以UnityURP為例

應用階段最後是CPU向GPU提交需要渲染的數據。通常數據會被複制到顯存中,然後設置渲染參數,最後調用渲染接口。PC中是這樣的,但是移動設備一般沒有單獨的顯存。使用內存為GPU服務。他們使用同一內存地址。除非要讀/寫這段內存內容才會複製出一份調整CPU和GPU之間協作。 【從UnityURP開始探索遊戲渲染】專欄-直達 渲染狀態: 一連串開關或方法,以及方法的地址指向(階段中的各種可配置的

渲染 , unity , 前端

收藏 評論

Novproxy - Novproxy出海攻略之海外IP與Facebook賬號防封:構建安全穩定的社交媒體運營環境

在全球數字化時代,Facebook作為全球最大的社交媒體平台之一,已成為企業品牌傳播、個人社交互動以及跨境電商運營的重要陣地。然而,隨着平台監管政策的日趨嚴格,賬號封禁問題日益凸顯,給眾多用户帶來了巨大困擾。在這一背景下,海外住宅IP代理服務逐漸成為保護Facebook賬號安全、降低封禁風險的重要工具。 Facebook賬號封禁的主要原因 Facebook採用先進的人工智能算法和多重檢測機制來識別

socks5 , 代理 , HTTPS , 前端

收藏 評論

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳,閲讀更多原創技術文章 生成器 ES6 新增的結構,可以在一個函數塊內暫停和恢復代碼執行,可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數,函數名稱前加一個星號* 可以定義函數的地方,都可以定義生成器(箭頭函數除外) function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

收藏 評論

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

收藏 評論

此星光明 - 中科星圖(案例)——基於Landsat8 TOA數據的全國大範圍2022年的NDVI指數計算

簡介 Landsat 8是一顆搭載有多光譜遙感儀器的衞星,可以捕捉地表的反射率數據。其中,TOA (Top of Atmosphere) 數據是指觀測到的反射率值,未經過大氣校正。NDVI (Normalized Difference Vegetation Index) 是一種衡量植被生長狀況的指數,可以通過Landsat 8 TOA數據計算得到。

中國 , 後端開發 , ndvi , 植被指數 , 前端 , Javascript , Python

收藏 評論

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

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

vue2 , loading , highcharts , 前端

收藏 評論

會説話的樹 - uniapp開發app,使用高德地圖,如何進行打包配置

使用uni.chooseLocation()下方的搜索一直顯示加載中 造成這樣的原因是因為沒有配置key、權限等原因造成的。 一、創建高德地圖key 這裏需要獲取SHA1、需要先安裝jdk工具,由於我們需要用到SHA1、SHA256、MD5 目前最新版的jdk已經不支持MD5了,僅支持sha1,sha256兩種簽名。 分享一下可以獲取MD5的舊版本jdk 下載鏈接

高德地圖 , uniapp , Android , 前端

收藏 評論

千年單身的蘋果 - Copilot vs. Cursor vs. 文心快碼:企業 AI 編程助手私有化部署與安全架構橫評

一、 現狀與挑戰:企業的“黑盒”焦慮 隨着 LLM(大語言模型)能力的爆發,研發團隊面臨着典型的 “效率-安全”二律背反。 根據 Palo Alto Networks 的《2024 網絡安全狀況報告》,超過 42% 的企業 CTO 表示,因擔心源代碼泄露和 IP 合規問題,暫停或限制了公有云 AI 編程工具的使用 [1]。企業的核心痛點集中在三個維度: 數據駐留權:代碼片段是否被傳送到境外服務

教程 , 知識 , 程序員 , 後端 , 前端

收藏 評論

悲傷的煎雞蛋_cQXuXF - 為何前端圈現在不關注源碼了?

開始 大家有沒有發現一個現象:最近 1-2 年,前端圈不再關注源碼了。 最近 Vue3.6 即將發佈,alien-signal 不再依賴 Proxy 可更細粒度的實現響應式,vapor-model 可以不用 vdom 。 Vue 如此大的內部實現的改動,我沒發現多少人研究它的源碼,我日常關注的那些博客、公眾號也沒有發佈源碼相關的內容。 這要是在 3 年之前,早就開始有人研究這方面的源碼了,博客一篇

程序員 , 前端

收藏 評論

尋光 - 微前端框架StartCMS, 一個基於微前端架構的極速微應用開發框架,開源框架

一、介紹 StartCMS是一個基於ThinkPHP6.0+、ElementUI、MicroApp的極速微應用開發框架 前端不限技術棧,支持Vue2、Vue3、Vite、React、Rangular... 後端不限制語言,支持PHP、Java、Node、Python、Go、C#... 二、主要特性 大道至簡:後端標準CMS分層設計,前端微應用架構,全新開發模式和開發規範給開發更好

vue.js , 前端架構 , 前端框架 , 微前端 , 前端

收藏 評論

漢得數字平台 - Choerodon UI V1.6.7發佈!為 H-ZERO 開發注入新動能

引言 作為漢得 H-ZERO 開發平台的核心 UI 組件庫,Choerodon UI 始終以企業級場景的實際需求為導向,遵循語義化版本規範持續迭代,並支持平滑升級。 近日,Choerodon UI V1.6.7 正式發佈,版本迭代聚焦「高頻場景體驗優化」與「穩定性提升」,帶來30+核心功能升級、50+體驗細節優化及40+穩定性修復,從功能拓展、操作流暢度到系統可靠性全面提升,助力企業客户在數字化

組件庫 , 前端

收藏 評論

陳德立 - VUE2的小段源碼分析

關於前端視圖更新 前言 接到分享任務後一直比較頭疼,不知道分享什麼內容,能夠把此次分享做的比較好。後來偶然在網上看到一篇文章,非常有啓發性,引導我做出了本次的內容 代碼地址:(https://codepen.io/collection/DkxpbE) 代碼寫的很精妙,短短一百多行代碼,還原出來VUE響應式的核心思想。而我花了很長的時間去閲讀這段代碼,感慨我和尤雨溪之間的前端水平還是有不少差距的。

vue.js , 攔截器 , 源碼分析 , 響應式 , 前端

收藏 評論

京東雲開發者 - 微前端無界機制淺析 | 京東物流技術團隊

簡介 隨着項目的發展,前端SPA應用的規模不斷加大、業務代碼耦合、編譯慢,導致日常的維護難度日益增加。同時前端技術的發展迅猛,導致功能擴展吃力,重構成本高,穩定性低。 為了能夠將前端模塊解耦,通過相關技術調研,最終選擇了無界微前端框架作為物流客服系統解耦支持。為了更好的使用無界微前端框架,我們對其運行機制進行了相關了解,以下是對無界運行機制的一些認識。 基本用法 主應用配置 import Wuji

微前端 , 前端 , Javascript

收藏 評論

林一一 - 面試 |call, apply, bind的模擬實現和經典面試題

推薦閲讀地址 掘金 歡迎 Start 思維導圖 大家好,我是林一一。下面的這一篇是關於 JS 中 call,apply,bind 原理和模擬實現和場景的面試題文章,一起開始閲讀吧。🧐 call,apply,bind 都可以改變 this 的指向 關於this 指向問題可以看看這篇 面試 | 你不得不懂的 JS this 指向 一、call 格式 [function].call([t

call , apply , bind , 前端 , Javascript

收藏 評論

寬容的杯子 - 在線轉換圖片為Base64編碼,一鍵分享無界限!

  圖片轉換Base64工具,是圖形開發學院在線工具集中的一員,它以簡潔的界面和強大的功能,為圖形開發的學員、專家、愛好者以及專業人士提供了一種全新的服務體驗。這款工具以其易用性,讓複雜的圖片處理變得簡單,讓每一位用户都能輕鬆上手。                   圖片轉換Base64工具界面 原文鏈接:“圖片轉換Base64”詳細介紹 - 在線工具 | 圖形開發學院 工具鏈接:圖

base64 , 前端

收藏 評論

IPD產品研發管理 - “你覺得客户需要”是殺死TA的最後一根稻草 | IPD集成產品開發

這個米老鼠洗衣機,大家眼熟嗎? 相信最近熱衷於在網上衝浪的朋友們,對這款形似米老鼠的“懶人洗衣機”並不陌生,甚至算是小小地參與了一下這個產品研發項目。 在海爾的周雲傑總裁爆火出圈後,有網友在海爾的媒體賬號下,喊話周總研發一款可同時並分區洗衣服、內衣、鞋子和襪子的 “懶人洗衣機”。基於此,2天后,海爾集團宣佈“懶人洗衣機”即將上市。 這個看似偶然的“懶人”產品的誕生,實則折射出如何精準洞察客户需求

產品經理 , 程序員 , 產品 , 後端 , 前端

收藏 評論

京東雲開發者 - 給 Web 前端工程師看的用 Rust 開發 wasm 組件實戰 | 京東雲技術團隊

什麼是wasm組件? wasm 全稱 WebAssembly,是通過虛擬機的方式,可以在服務端、客户端如瀏覽器等環境執行的二進制程序。他有速度快、效率高、可移植的特點。 對我們 Web 前端工程最大的好處就是可以在瀏覽器端使用二進制程序處理一些計算量大的處理,使用他比 javascript 快的特點優化性能。 目前瀏覽器對wasm的兼容性如下: 在移動端除了 android 4.4 和 ios

rust , webassembly , HTML , 前端 , Javascript

收藏 評論

新新人類 - 給萌新的Flexbox簡易入門教程 - 葡萄城技術團隊博客 -

先來點顧名思義,Flex,摺疊;box,盒子。可以摺疊的盒子,也稱作彈性盒子,就是可以根據可用的空間進行縮放的網頁元素。 既然是盒子,那麼肯定有容器,又有容器內部的元素。 那麼具體怎麼縮放呢?我們通過幾個例子來看看 Flex 的基本用法…… 伸展、收縮和基準 Flex 的縮放,影響的是容器內部的元素。 要用 Flex,首先得

縮放 , 自動換行 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

675173ff-65c2-413a-b556-576966012357 - 為什麼高質量代理 IP 已成為現代業務的底層基礎設施?——B2Proxy從技術視角透析其核心價值

在過去幾年裏,代理 IP(Proxy IP)從一個可選工具,逐漸演變為許多企業業務鏈條上的“隱性基礎設施”。無論是電商風控、數據採集、廣告投放、跨境業務,還是 AI 訓練與模型評測,都離不開穩定、真實、可控的網絡環境。 但很多人只把代理 IP 當成“換個地址”的簡單工具,忽視了它背後真正的技術價值。今天,從技術角度深入分析:為什麼代理 IP 正在成為越來越多企業的核心基礎設施? 一、代理 I

php , go , 前端

收藏 評論