收藏 / 列表

yunpan-plus 頭像

雲棧開源日記 - 前端開發就業課程：10個企業級項目+3000課時完整學習路線

3000+課時，10個企業級項目，覆蓋HTML5、CSS3、JavaScript、Vue.js、React、小程序6大技術棧。 這套前端開發完整課程，從零基礎到就業水平，所有內容都配有源代碼和課件。 有人用這套課程從轉行小白變成了前端開發，有人用它補齊了學校課程沒教的Vue和React，還有人把裏面的項目改改放進簡歷拿到了面試。 課程不保證你一定能找到工作，但能保證你學完後具備找工作的能力。 課

前端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 輕盈瀟灑卓然不羣，敏捷編輯器Sublime text 4中文配置Python3開發運行代碼環境(Win11+M1 mac)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_210 20世紀初，幾乎所有的飛機都是並列雙翼結構，此時，美國著名飛行大亨霍華德·休斯認為自己的飛機不夠快，助手委婉地提醒他，如果速度太快，飛機的上翼結構支柱很可能會支撐不住，發生斷裂。霍華德憤怒地向助手大喊：“誰説我們需要上翼結構?讓上翼和支柱見鬼去吧，我們需要的是更輕便的單翼飛機！” 於是乎，H1單翼飛機就此出現，這款機型身上

python3 , 編輯器 , 開發環境配置 , 後端 , sublime-text

simonbaker_5ec61c266b1df 頭像

simonbaker - XSS和CSRF防禦的經典策略

XSS防禦 1、頁面端防禦 頁面端的XSS防禦的方法，主要是針對輸入和輸出。 一般是在輸入的時候進行校驗，輸出的時候進行轉義。 輸入端的校驗： 所有能輸入的數據，都要列為不可信的數據。在邏輯處理或者存儲之前，都要進行校驗。 校驗的規則儘可能採用白名單而不是黑名單，比如只允許哪些字符，其他字符則一律不通過。 輸出端的轉義： 主要是對準備輸出到html的字符進行轉義。特別是用了v-html的地方。 這

csrf , xss

skychx 頭像

鹵代烴 - ⚡️ The Cost Of JavaScript (2017 - 2023) | JavaScript 性能優化之旅

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 吐槽時間 不知道從什麼時候開始，前端開始卷一些 “高端知識”，動不動就瀏覽器底層原理，V8 是如何運行的，倒不是説這些沒啥用，只是來勢洶洶好像不懂這些就不能糊頁面一樣。 我工作中和內核團隊與虛擬機團隊也合作過並諮詢過他們這些相關問題，大家的態度也很明確，面對這種千萬行代碼的大型工程項目，他們作為專業

性能優化 , v8 , chrome , 前端 , Javascript

xishui_5ac9a340a5484 頭像

夕水 - SCSS即將廢棄`@import`，以前的`@import`該何去何從？

SCSS即將廢棄@import，以前的@import該何去何從？ 1. 引言 隨着前端開發技術的不斷髮展，SCSS（Sass）作為一種流行的CSS預處理器，已經在眾多前端項目中得到了廣泛應用。其優雅的語法、強大的功能以及靈活的模塊化機制，使得開發者能夠更加高效地構建和管理樣式表。然而，隨着SCSS的不斷迭代更新，我們也迎來了一個重要的變革：@import語法即將被廢棄。雖然@import曾經是SC

scss , 前端

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Java基礎學習教程，eclipse簡單安裝使用講解（Java集成開發工具）

使用集成開發工具eclipse 開始之前，先給大家分享一個超詳細的eclipse教程，包含eclipse安裝包，視頻講解等等。 https://www.bilibili.com/vide... 1、java的集成開發工具很多，包括：eclipse、Intellij IDEA、netbeans..... eclipse IBM開發的。eclipse翻譯為：日食。寓意吞併SUN公司（SUN是太陽

編輯器 , eclipse , JAVA , 後端

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

momeak9 頭像

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本，將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量，以及child_process模塊來執行命令行操作。 首先，我們需要安裝ssh2和dotenv模塊： npm install ssh2 dotenv --save 然後，我們需要在項目根目錄下創建一個.env文件，用來存放一些敏感的配置信息，例如服務器

node.js , pm2 , ssh2 , 前端

zxc7563598 頭像

蘇琢玉 - 從 Hexo 到 Astro：重構我的個人博客

寫博客這件事，老實説，現在可能不太流行了，流量也未必多，但對我來説，有沒有博客是兩回事。 過去幾年，我一直用 Hexo 搭建和維護我的博客，主題豐富、社區活躍，用得也很開心。 老博客： 不過，隨着我對博客的需求越來越多，我發現 Hexo 在一些定製化操作上有些侷限。於是，我決定嘗試用 Astro 來重構我的博客。 新博客： 關於博客這件事 我其實並不指望有

astro , hexo , 博客

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

haixiudezhusun 頭像

高德開放平台 - 高德智能手錶解決方案，助力榮耀手錶5 Ultra開啓智慧出行

6月12日，高德開放平台推出了全新的智能手錶解決方案，憑藉其海量數據與多品類地圖服務的深度融合，為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據，還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務，滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時，該方案支持多樣化的地圖模板和個性化元素配置，助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

lirong_60404fde6d52d 頭像

李不要熬夜 - 移動端rem 適配方案

rem是什麼？ rem（font size of the root element）是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位，em（font size of the element）是指相對於父元素的字體大小的單位。它們之間其實很相似，只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

grapecity 頭像

葡萄城技術團隊 - 讓數據自帶説服力！ 5大設計原則 + 落地案例，溝通、決策雙提效

讓數據自帶説服力！ 5大設計原則 + 落地案例，溝通、決策雙提效 當前的時代就是一個信息化的時代，數據價值體現也越來越重要，如何讓數據真正"説話"，成為了各行各業面臨的重要課題。想象一下，複雜的數據通過生動、直觀的大屏展示，一目瞭然地呈現出最關鍵的信息，幫助你做出更迅速、更準確的決策。大屏數據可視化不僅僅是一個趨勢，更是提升工作效率和業務洞察力的強大武器。本文結合帶你走進5個經典的大屏數據可視化案

bi , 數據分析

laomao_5902e12974409 頭像

來了老弟 - 一篇搞定面試中的跨域問題

什麼是CORS（跨源資源共享）？ CORS（Cross-Origin Resource Sharing）是一種機制，允許網頁從不同的域訪問服務器上的資源。 在同源策略下，瀏覽器限制了跨域訪問，CORS允許服務器指定哪些源可以訪問其資源。 同源策略(Same-origin policy) 同源策略在web應用安全模型中是一個重要的概念。在這個策略下，瀏覽器允許第一個網頁中包含的腳本可以獲取第二個網頁

cors , 面試問題 , 前端

yourena_c 頭像

友人A - threejs接入gis地圖

把 TIF 解析成可用紋理（如 PNG/JPEG 或直接用 TIF）。 把它當作材質貼到一個 PlaneGeometry 上。 按照它對應的座標範圍換算成 Three.js 世界座標。 把 Plane 放置在對應位置。 !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style

three.js

hai2007 頭像

你好2007 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - Bean異步初始化，讓你的應用啓動飛起來

如果你的系統啓動耗時250s以上，文章思路應該可以幫到你。 一、背景 近期，在做應用啓動提速相關工作的過程中，我們發現，應用啓動速度主要的瓶頸在於bean的初始化過程（init，afterPropertiesSet方法的耗時）。很多中間件bean的初始化邏輯涉及到網絡io，且在沒有相互依賴的情況下串行執行。將這一部分中間件bean進行異步加載，是提升啓動速度的一個探索方向。 二、解決方案 自動

初始化 , 雲計算 , 阿里雲 , bean , 異步

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

changlina 頭像

長林啊 - Next.js Font 組件怎麼玩？最佳實踐分享

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 前面的文章介紹了 Script 組件和 Link 組件，今天我們來看看 Font 組件。在 Web 開發中，字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗，還體現了品牌的個性和風格。選擇

react , next.js , 前端

lenglengdechaomian 頭像

冷冷的炒麪 - 打開網站顯示“與此站點連接不安全”該怎麼辦

當你在瀏覽器地址欄看到“與此站點連接不安全”的警告時，可能會感到困惑或擔憂。彆着急，這通常表示當前網站與你的瀏覽器之間的連接存在安全問題。 為什麼會出現“連接不安全”的提示？ 簡單來説，這個提示意味着瀏覽器檢測到該網站未使用安全的HTTPS協議，而是使用不安全的HTTP協議。HTTPS通過加密技術保護數據傳輸，防止信息被竊取或篡改；而HTTP是明文傳輸，容易受到攻擊。當網站缺少有效的安全證書（即S

觀點 , HTTPS , 安全

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中，代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險；而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼，如何真正提升代理 IP 的穩定性？ 本文將從五個關鍵角度入手，帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境，確保本地連接穩定 很多人忽視了一個事實：代理

android-studio , 前端 , Javascript