收藏 / 列表

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

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

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

追風的苦咖啡 - 不止於“鎖”:免費SSL證書如何為你的小型網站保駕護航

一、核心保障:數據安全與用户信任的基石 這可以説是SSL證書最直接也是最重要的作用。 https://www.joyssl.com/certificate/select/free.html?nid=59 註冊碼230959⬆️ 加密數據傳輸,守護用户隱私:當用户訪問你的網站並輸入任何信息(即使是簡單的留言或郵箱訂閲)時,SSL證書會在用户的瀏覽器和你的服務器之間建立一條加密通道。沒有這

ssl , ssl證書 , HTTPS

李遊Leo - 你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

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

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

shader , css3 , 動畫 , webgl , 前端

DiracKeeko - [html] <iframe>標籤使用 iframe&target的三種表現

1、target == iframe.name,點擊p標籤,在iframe中展示新頁面。 iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"/iframe pW3Schools.com/p 2、target != iframe.name,點擊p標籤

iframe , target , HTML , html5

麒寧 - 3分鐘搞定:瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象:sessionStorage 和 localStorage,它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據:getItem() 方法。 增改-添加、修改數據:setItem() 方法。 刪-刪除數據:removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

陳學家_6174 - 精益 React 學習指南 (Lean React)- 2.1 前端工程化概述

書籍完整目錄 2.1 前端工程化概述 在前端開發的初始階段,開發者通常只用關 html, css, javascript。但是現代化的前端開發已經不僅僅是業務代碼本身,真正的前端開發環境涉及很多方面的需求,如: 開發需求 共享需求 性能需求 部署需求 這些東西我們都統一的叫做前端工程化,為了簡化前端工程化的配置,出現了很多優秀的工具比如:

react , leanreact

SnowWolfArden - Day 56/100 AngularJS 依賴注入

(一)需求 被問到AngularJS依賴注入的原理時,發現自己掌握的不好,於是總結記錄下。 (二)依賴注入介紹 1、為什麼要有依賴注入? 減少代碼之間的耦合度,使代碼有很強的可擴展性。 模板功能強大豐富,並且是聲明式的,自帶了豐富的Angular指令; 是一個比較完善的前端MVC框架,包含模板,數據雙向綁定,路由,模塊化,服務,過濾器,依賴注入等所有功能; 依賴注入簡化了組件之間

angularjs , 前端 , Javascript

懟懟 - 【js】Object上的一些方法

Object上的一些方法 assign create defineProperties defineProperty keys values entries freeze isFrozen seal isSealed getPrototypeOf setPrototypeOf is isExtensible preventExtensions getOwnPro

方法 , object , Javascript

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

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

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

OpenTiny社區 - 感謝 Fluent Editor 開源富文本首位貢獻者!

本文由體驗技術團隊Kagol原創。 2024年8月20日,剛開源一週的富文本 Fluent Editor 迎來了第一位貢獻者:zzxming 1、Bug 描述 zzxming 同學修復了 Fluent Editor 富文本表格模塊的一個隱藏 Bug: fix: table module can't save background color #10 缺陷描述:通過表格右鍵菜單設置單元格背景

富文本編輯器 , typescript , 前端

前端小巷子 - Vue 2深入 keep-alive

Vue 2深入 keep-alive keep-alive 是 Vue 2 運行時裏最常被提及卻最少被深究的內置組件。它看上去只是“把頁面緩存起來”,背後卻涉及實例生命週期劫持、LRU 緩存策略、VNode 複用以及內存管理。 一、設計動機 單頁應用裏常見的“標籤頁”“麪包屑”“分步表單”等交互模式,都要求用户在多個路由或狀態之間來回切換。默認情況下,每一次切換都會觸發舊組件

生命週期 , 緩存 , 複用 , 前端開發 , Javascript

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 - Teach Them How To Hit The Ground Running And Faceplant At The Same Time?

A few days ago, a tutorial on how to Create A Christmas Wish List With PHP was published on Smashing Magazine’s Coding section that frustrated me. It frustrated me as it was incredibly easy to predi

Community , Tutorials , coding , Opinion Column

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript