收藏 / 列表

yayujs - SvelteKit 最新中文文檔教程(7)—— 構建和部署

前言 Svelte,一個語法簡潔、入門容易,面向未來的前端框架。 從 Svelte 誕生之初,就備受開發者的喜愛,根據統計,從 2019 年到 2024 年,連續 6 年一直是開發者最感興趣的前端框架 No.1: Svelte 以其獨特的編譯時優化機制著稱,具有輕量級、高性能、易上手等特性,非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte,我同時搭建了 Svelte 最新的中文

react , 前端

大雄的叮噹貓 - Angularjs——初識AngularJS

AngularJS——初識AngularJS AngularJS是什麼 AngularJS是Google開源的一款前端JS結構化框架,它通過對前端開發進行分層,極好地規範了前端開發的風格——它將前端開發分為Controller層、Service層、DAO層和Model層。其中,Model對象與HTML頁面(視圖)上HTML元素進行雙向綁定,開發者可通過Controller調用Service、DAO

angular , 前端

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象,它代表一個異步操作的最終完成(或失敗)及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態(進行中)

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 一文講清:數據清洗、數據中台、數據倉庫、數據治理

你有沒有遇到過這種情況? 業務部門急着要一份數據報告,IT同事折騰了好幾天,最後告訴你數據對不上,或者根本取不出來。 公司開會,兩個部門拿着同一項業務指標的數據爭論不休,因為大家手裏的數字根本不一樣。 想上線一個精準營銷活動,技術卻説底層數據沒法實時支持,只能作罷。 聽着是不是很熟悉?這些問題,本質上都不是某個技術點的故障,而是企業的數據體系沒有搭建完整。 我剛開始接觸數據分析的時候也是

數據 , 數據可視化 , 數據分析

程序員阿偉 - 《Docker+New Relic+Jenkins:開發全鏈路的工具賦能指南》

SonarQube的代碼質量守護、Docker的環境一致性保障、Notion的知識沉澱賦能、New Relic的性能深度洞察,再到Jenkins的自動化流程閉環、VS Code的個性化開發適配,這些工具之所以能成為開發者的高頻選擇,核心在於它們跳出了“工具即功能”的淺層邏輯,深入到開發流程的每一個關鍵節點,通過隱性的邏輯引導與顯性的效率提升,讓編碼、協作、排查、迭代等環節形成無縫銜接的有機整體。很

Docker

瘋狂踩坑人 - 【深入淺出Nodejs】異步非阻塞IO

概覽:本文介紹了阻塞I/O、非阻塞I/O、多路複用I/O和異步I/O 四種模型,在實際的操作系統和計算機中I/O本質總是阻塞的,通過返回fd狀態和輪詢的方式來使I/O在應用層不阻塞,然後通過多路複用的方式更高效實現這種不阻塞的效果。然後介紹了Node中異步I/O的實現,由於計算機本身的設計使得並不存在真正異步I/O,需要通過線程池來模擬出異步I/O。 I/O模式 I/O模式介紹 1.文件描述符 類

node.js

wszgrcy - 程序員如何封裝邏輯?

程序員如何封裝邏輯? 封裝 關於封裝代碼,我想大家都知道,提高可讀性,使代碼更清晰,更易於維護 那麼什麼是封裝邏輯?舉個例子,假如我想修改某個函數的傳參,將foo(a,b)改成foo(b,a),我們可以將a剪切到b後面,或b剪接到a前面,這就是我們的在操作時邏輯,而封裝邏輯,就是代替我們執行這個操作,我們只需要調用,就會有人幫我們實現 為什麼要封裝邏輯? 剛才舉的例子,只是交換一下參數

開發工具 , 開發 , 技術分享 , 架構模式

chongdongdedaxiongmao_kxfei - Vue.js:輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架,因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發,也可用於構建複雜的單頁面應用(SPA)。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js(簡稱 Vue)由尤雨溪於 2014 年推出,是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

北橋蘇 - Hexo最新實戰:(一)Hexo7.0+GitHub Pages博客搭建

前言 很多平台都能寫博客還有創作激勵,為什麼我又要搭一個?為什麼這次要選擇用Hexo框架? 對應的原因是流量自由和省錢,第一個,很多平台能寫但不是都有收益,而且平台有自身的規則,比如會屏蔽一些推廣類信息。如果我哪天做了一產品,是沒辦法直接用平台博客的方式硬推的,至少放碼和鏈接不行。第二個用Hexo搭到GitHub上,我可以不用買服務器,畢竟現在也還沒有想法要做一個什麼樣的東西。 總之,有個獨立博客

hexo , 前端 , Javascript

Thinking80s - 我的碼農之路

還記得畢業那段時光,命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作,出售各類電腦產品。於是乎,我順理成章地在那裏找到一份差事,負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業,但所學知識卻與編程毫無瓜葛。如今回想起來,也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言,這或許是對我專業能力的一種期待;而於我來説,則更像是一種無法言説的尷尬。每當此時,

編輯器 , ruby , 人工智能 , 程序員 , 前端

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

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

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

zZ_jie - 關於不同窗口,訂閲不生效的問題

問題 兩個窗口,顯示組件,A窗口顯示A組件,B窗口顯示B組件,兩個組件共同訂閲一個Service中的Subject,當在A組件中進行修改後,Service中的Subject發送通知,“值變更了”,B組件訂閲不到。 現在打開兩個窗口,每個窗口顯示一個組件,每個組件都訂閲 Service 中的 subjectTest, 在AComponent組件中,每隔一秒發送一條數據: AComponent 組件

rxjs , angular , 訂閲消息 , 前端 , Javascript

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數(異步和同步問題)的坑

大致問題是: 通過map或者foreach循環的回調函數操作數組,回調函數內部有ajax異步函數,通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來,基礎知識,在理解map和foreach這個api不夠深刻,也對await 關鍵詞的使用場景理解不透徹(雖然是for循環,但作用域函數可以找

promise , await-async , map , for循環 , Javascript

Gomi - Astro + NextUI 搭建個人博客(導航組件篇)

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的,整體就是SPA的思路,作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等,實在過於麻煩,個人博客其實使用SSR或SSG之類的框架就行了,比如Nextjs,Nuxtjs,Remix等等。於是我接觸到了Astro這個框架,它厲害的是不與任何前端框架進行強行綁定,比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

goblin_pitcher - 二分查找的通用模板

二分查找的概念本身很容易理解,這裏不做贅述。其使用前提只有一個:單調數組 樸素二分查找 當在一個有向數組中,查找數組中是否有某個值,代碼很簡單: const binarySearch = (nums, target) = { let l = 0; let r = nums.length - 1; while(l=r) { const mid = (l+r) 1 if(

數據結構和算法 , 前端

維李設論 - 面向垂類場景的智能化低代碼引擎

背景介紹 在通信領域中,不同客户的數字化場景存在多種個性化大屏的定製需求,常見業務範圍涵蓋政務、金融、教育、工業、傳媒、互聯網等行業領域。然而,面對如此巨大的產業痛點訴求,傳統低代碼領域卻存在數據監控粒度不統一、定製化研發成本高、版本維護難度大等問題,嚴重影響了客户的交付效率及使用感知。 需求説明 基於產品的業務需求,通過抽離功能模板將整個產品層次的需求提升到企業級甚至行業級的痛點需求,而在當

大前端 , 低代碼 , 前端工程師 , 數據可視化 , aigc

用户bPcSPjP - css實現炫酷的圓環相交轉動動畫

1.實現效果 2.實現原理 CSS perspective 屬性:屬性定義 3D 元素距視圖的距離,以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時,其子元素會獲得透視效果,而不是元素本身。 perspective 屬性隻影響 3D 轉換元素。(請與 perspective-origin 屬性一同使用該屬性,這樣您就能夠改變 3

css3動畫 , 前端

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時,更新state裏面的count用的方式是++this.state.count,但是意外的導致組件沒有重新render(本人用Hook組件較多,所以感到很疑惑) import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

雲棧開源日記 - 拆解一個真實電商項目:微服務架構中的服務治理與性能優化

💡 項目背景 假設你接手了一個電商項目的重構任務: 現狀:單體應用,代碼20萬行,部署一次需要1小時 目標:拆分為微服務架構,支持獨立部署和彈性擴展 你會從哪裏入手? 按業務域拆分還是按技術層拆分? 如何保證服務間調用的可靠性? 分佈式環境下的緩存和事務怎麼處理? 本課程以母嬰電商平台改造為線索,探討微服務落地過程中的技術決策與實現細節,涵蓋服務註冊、負載均衡、配置中心等核心模塊

後端

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的,同樣,ChatGPT後台Api接口請求中,如果將Stream參數設置為True後,Api接口也可以實現和ChatGPT網頁端一樣的流式返回,進而更快地給到前端用户反饋,同時也可以緩解連接超時的問題。 Server-sent events(SSE)是一種用於實現服務器到客户端的單向通信的協議。使用SSE,服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

simonbaker - 防禦XSS攻擊:DOMPurify不可或缺

DOMPurify是什麼? DOMPurify是一個針對DOM的XSS清理器。 DOMPurify有什麼作用? DOMPurify可以清理HTML並防止XSS攻擊。 你可以用有惡意代碼的HTML字符串來測試DOMPurify,它將返回一個帶有乾淨的HTML字符串。 DOMPurify將去除所有包含危險HTML的內容,從而防止XSS攻擊。 怎麼使用DOMPurify? // 通過script引入sc

xss

點墨 - qt輸出源碼日誌

在QT源碼裏,很多qCDebug打印的日誌,如何輸出? 在C:\Users{yourname}\AppData\Local\QtProject增加日誌配置文件qtlogging.ini 如果需要開啓全部日誌,則配置如下所示: [Rules] *=true 如果需要開啓部分模塊日誌,比如開啓lcQpaWindows,首先需要找到lcQpaWindows對應的模塊字符串 配置如下所示: [Rule

qt , 日誌

夕水 - 為了方便學習icss項目上的css技巧,我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14(App Router 架構)開發的現代化 CSS 技巧展示平台,致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源,通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例,支持多主

next.js , 前端

雲魚 - JSONP 跨域原理及實現

前言 在日常項目開發過程中,跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示:本文全文 1921 個字,推薦閲讀時間 10min ,加油老鐵! 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議,域名和端口都相同,則兩個頁面具有相同的源 例如,下表給出了相對於 http://www.test

面試 , 跨域 , 前端 , Javascript , Jsonp