收藏 / 列表

hai2007 頭像

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明，我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前，讓我們先大致瞭解一下此項目的結構，方便後續描述。 温馨提示：我們推薦你在開始之前去Github上把此項目clone下來後，對照着源碼進行學習！ 目錄結構 其實你只需要關注下面四個文件夾： src：框架源碼； loader：類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 加密0延遲，敏感信息秒穿防火牆

加密0延遲，敏感信息秒穿防火牆 在數字經濟時代，數據就是企業的血脈。當業務流轉、遠程協作成為常態，如何在保障數據安全的前提下，實現高效無阻的信息通道，成為了困擾無數企業的核心難題。傳統的安全觀念似乎總在“安全”與“效率”之間劃上等號，讓企業在加密傳輸面前，不得不忍受延遲和卡頓的代價。 然而，技術的進步正在顛覆這一固有認知。以SSL/TLS證書為核心的新一代加密解決方案，已經能夠實現“零感知”的即時

safari , 資訊 , tailwind-css , 教程 , 知識

shimiandeshatanku 頭像

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

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

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 對BFC的理解

在前端的面試中，相對JavaScript而言，CSS佈局方面考察的內容會相對少一些，其中BFC是佈局樣式方面常考的一個考點。 什麼是BFC BFC，全稱為Block Formatting Context，翻譯過來即塊格式化上下文。 之前在其他文章中看到的説明是，網頁上一個獨立且隔離的渲染區域。現在呢，我稍微查閲了一些官方的信息。 在瞭解BFC之前，我們需要先了解一些其他概念： 包含塊（contai

佈局 , bfc , Css , HTML , 前端

dirackeeko 頭像

DiracKeeko - [Vue] vue-cli3中chainWebpack和configureWebpack的區別

chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集

vue.js , vue-cli3 , webpack , vue-cli , 前端

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（一）

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

form , 表單驗證 , antd , 前端 , Javascript

sysu_xuejia 頭像

陳學家_6174 - React 產品實現 -任務管理工具“氫”

原文地址：https://zhuanlan.zhihu.com/p/...，歡迎轉載 ：-） ? 關於 其實對於這個專欄的訂閲用户感到非常抱歉，已經停更很久了，也沒啥特別的理由就是懶 orz！不對，畫風不能這樣開頭，是這樣的，我覺得我應該用 React 去做點兒什麼，寫文章能夠清晰我的思路，讓我和別人有交流，但是並沒有實際做產品那麼性感，於是我決定要用 React 來做一些產品出來，於是就

react , macos , 產品設計 , electron , leanreact

snowwolfarden 頭像

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1：原型對象（即Person.prototype）的constructor指向構造函數本身 準則2：實例（即person）的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM：與瀏覽器交互的方法和接口 DOM：處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象，window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

mecode 頭像

賀公子 - 自動化任務執行與報告生成

自動化任務執行與報告生成 自動化任務執行可通過腳本或工具實現，例如使用Python的subprocess模塊調用外部命令，結合cron（Linux）或任務計劃程序（Windows）定時觸發。報告生成通常依賴日誌記錄工具（如logging模塊）或數據分析庫（如pandas）整理結果，最後通過郵件或文件形式輸出。 # 示例：執行任務並記錄日誌 import subprocess im

微服務 , 前端開發 , Javascript , Json , Python

opentiny 頭像

OpenTiny社區 - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/（歡迎 Star ⭐） 官網：https://opentiny.github.io/fluent-editor

富文本編輯器 , 開源 , 前端

u_17072679 頭像

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏，「如果每次切換環境都手動改代碼，不僅低效，還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系，只要理解規則，就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式（mode） Vue CLI 把「運行命令」抽象成三種默認模式： development：對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript

grewer 頭像

Grewer - qiankun 中遇見的問題集合

本文中的微前端基於 qiankun 框架 多個子應用共存 如果需要多個子應用同時共存，在管理就有很多例子： https://qiankun.umijs.org/zh/faq#%E5%A6%82%E4%BD%95%E5%90%8C%... registerMicroApps([ // 自定義 activeRule { name: 'reactApp', entry: '//localhost

qiankun , 微前端 , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - Creating And Distributing Presentations On The Web

What I will talk about is how I (and you, of course) can use the Web to find content for your talks, record them, share them with others and save them for future audiences. I’ll also explain how to

workflow , Techniques , coding

linong 頭像

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript