收藏 / 列表

linx 頭像

前端路引 - Web前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？

HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本

前端 , Javascript

hsr2022 頭像

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

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

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - Vue 3 ref 與 reactive 選哪個？

在 Vue 3 中，ref 和 reactive 都是用於創建響應式數據的方式，但它們在使用場景和特性上有所不同。選擇哪一個取決於你的具體需求。 ref 特點： 基本類型支持：ref 可以用於任何類型的數據，包括基本類型（如 number, string, boolean）和複雜類型（如 object, array）。 包裝對象：當你將一個對象傳遞給 ref 時，它會被包裹在一個對象中，通過

前端

beckyyyy 頭像

beckyyyy - 閉包是什麼，有什麼用途

這是上月面試碰到的一道面試題，作為一個有着十年開發經驗七年前端經驗的大齡青年，碰到這種沒有一點鋪墊的八股文，真的只想説一句毀滅吧。 記得以前剛做前端不久的時候，就在百度搜閉包，大多搜到的結果都説的是閉包是什麼樣子的，比如説在函數外部可以訪問到函數內部的變量，又或者説閉包會導致什麼問題，比如會影響GC回收。總之沒什麼標準説法，就好像現在網上的吐槽，你背面試題沒用，得和麪試官背的同一套才行，但是天知道

閉包 , 面試問題 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

linong 頭像

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

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

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

_607c00baa52ff 頭像

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖，它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

類 , 繼承 , class , Javascript

u_17072679 頭像

前端小巷子 - Vue嵌套路由

Vue嵌套路由 在單頁應用裏，“頁面”不再是整屏刷新，而是由路由驅動的組件樹。當業務複雜到「用户中心 → 個人資料 / 收貨地址 / 賬號安全 / 好友列表」這種層級時，嵌套路由（Nested Routes）是唯一能把深度與可維護性同時保留下來的方案。 一、嵌套路由到底在解決什麼問題 想象一個用户中心： /user 用户中心外殼（Layou

用户中心 , 嵌套 , 前端開發 , Layout , Javascript

u_17141077 頭像

g天命風流 - 併發編程之的HashSet和HashMap的詳細解析

HashSet不安全 HashSet也是線程不安全的，底層沒有進行任何線程同步處理。 在hashset的源碼中，底層是用hashmap實現的： 每次add的時候，把值放在了map對象中的key，而map對象的value則全部統一放一個常量： 在下面的demo中，hashset在多線程情況下和arrayList一樣會拋出java.util.ConcurrentMo

System , i++ , JAVA , 前端開發 , 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

zhuifengdekukafei 頭像

追風的苦咖啡 - 告別 “匿名網站”！OV 證書讓用户一眼認出 “正規企業”

告別 “匿名網站”！OV 證書讓用户一眼認出 “正規企業” 一、先戳痛點：匿名網站正在消耗用户的 “點擊信任” 當用户在瀏覽器輸入網址、收到陌生鏈接時，“不敢點、不敢填、不敢付” 的背後，是匿名網站埋下的 3 大信任隱患： 身份模糊難辨：普通匿名網站（多部署 DV 證書或無證書）的地址欄僅顯示 “不安全” 提示或 “未知主體”，用户無法確認網站背後是否為真實企業 ——2025 年網絡安全報告顯

ssl證書 , 網絡安全 , HTTPS , 網絡傳輸協議

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性，其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式，並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中，我們

ecmascript , 前端 , Javascript

minnanitkong 頭像

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

nanchengfe 頭像

南城FE - 如何使用CSS Grid 居中 div

本文翻譯自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有刪改 在本文中，我們將介紹使用CSS Grid在水平和垂直方向上居中div的五種方法，當然這些技術可用於任何類型的元素。 初始化 我們首先創建一個容器，其中包含一個簡單的div元素，我們將使用它來演示這些居中方法。下面是HTML： artic

佈局 , css3 , Css , 前端

gqkmiss 頭像

月恆 - Chrome 135 版本瀏覽器更新

Chrome 135 版本新特性 一、Chrome 135 版本瀏覽器更新 1. 第三方託管賬户註冊遷移到 OIDC 授權碼流程 Chrome 135 將賬户註冊的登錄頁面從營銷網站遷移到動態網站，同時也將 OpenID Connect (OIDC) 的隱式流程遷移到授權碼流程。這樣做的目的是進一步提升第三方託管賬户的安全性和用户體驗。 2. iOS 版 Chrome 的下載內容自動刪除 iOS

chrome , 瀏覽器 , 前端