收藏 / 列表

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 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分:核心概念 - 為什麼需要原型? JavaScript 在誕生之初,被設想為一種簡單的腳本語言,並未打算引入類的概念。為了實現對象之間的屬性和方法共享,從而節省內存並建立繼承關係,設計了基於原型的繼承模型。 第二部分:理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 終於有人把數據庫搭建講清楚了

在信息時代,數據已成為最寶貴的資產。 如何科學地管理這些數據,讓它們從雜亂的信息碎片成為有序的知識寶藏? 我們可以藉助數據庫來實現,數據庫能讓數據管理變得高效可靠。 你看,從網站用户信息到購物記錄,從業務報表到日誌數據,幾乎所有現代應用都離不開數據庫的支撐。 今天我就來給大家聊聊數據庫怎麼搭建,有哪些困難和挑戰,在今後發展中,它有着什麼樣的發展趨勢。 一、數據庫的定義 數據庫,就是一個高度結構化的

觀點 , 大數據 , 教程 , 數據庫

程序員阿偉 - 《高校混合雲場景下API網關的深度適配實踐》

接手地方高校混合雲API網關改造項目時,隱藏的技術斷層逐漸暴露。校內核心繫統如教務管理、圖書館借閲平台均為本地化部署,沿用多年前定製的私有協議,數據傳輸以固定格式的報文為主;而合作的在線課程平台、第三方題庫系統則部署在公有云,分別採用RESTful與GraphQL架構。這些系統此前通過簡單的轉接腳本對接,導致數據流轉頻繁卡頓—比如學生選課高峯期,教務系統的選課數據同步到在線課程平台常延遲20分鐘以

API

瘋狂踩坑人 - 【面試系列】萬字長文,讓面試沒有難撕的JS基礎題

背景介紹: 從研一剛開始找實習到現在秋招,這一路經歷了不少八股拷打,經常被要求手撕一些js基礎題,每次面試完後不語,只是默默打開筆記,把被問到的八股/手撕自己整理,方便日後複習。因此,記錄了很多手撕題,在此做個分享,有誤之處歡迎討論指正。 下面的幾乎每道題都是筆者被大廠問到過的,都是些基礎的題目,基礎不牢地動山搖,書到用時方恨少啊~。切忌走馬觀花,務必深刻理解爛熟於心。建議

面試 , 知識 , 前端 , Javascript

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

chongdongdedaxiongmao_kxfei - 深入 JavaScript:前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言,最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言,JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一,還隨着 Node.js 的出現,逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景,幫助你掌握這門現代化的編程語言。 一

react , ecmascript-6 , typescript , 前端 , Javascript

TANKING - 微信域名檢測自動化 HTTP 服務腳本,可檢測域名在微信內是否被封或被攔截(非官方也可以檢測)

摘要 微信域名檢測自動化 HTTP 服務腳本,可檢測域名在微信內是否被封或被攔截。 支持檢測情況包括: 如需瀏覽,請長按網址複製後使用瀏覽器訪問 已停止訪問該網頁 將要訪問 非官方網頁 未備案 技術原理 使用Python腳本自動化控制微信電腦版,完成訪問網頁的過程,解析頁面內容,即可得到檢測結果。 優點:準確; 缺點:需要掛機、並且響應速度慢,大概需要3-5秒完成一次檢測;

微信 , 域名解析 , 自動化 , Python

前端蛋卷 - 面試官:講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後,狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled, 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ,一旦這些 Pro

promise , 前端 , Javascript

北橋蘇 - hexo 實戰:(三)獨立博客運營總結

前言 通過前面兩個步驟,完成了靜態博客從搭建到基本功能添加和界面優化。那麼,這次就要介紹一下搭在 GitHub 上的靜態博客如何運營推廣。也就是如何讓網站被各大搜索引擎收錄?如何提高網站權重,提高收錄量? 網站收錄 平台選擇 站長相關的平台有:某度站長工具、360 站長平台、搜狗資源平台、必應網站管理員工具、谷歌站長工具等。列出的五個平台,可以按自身情況提交,提交方法也大同小異,以下以某度為例。

hexo , 博客搭建 , 前端

Thinking80s - 我的碼農之路

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

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

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd,但是能人力預算不太夠,所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST? AST(Abstract Syntax Tree,抽象語法樹)是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST,可以理解代碼的結構和含義,實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

zZ_jie - Thymeleaf的使用

前言 由於釘釘機器人發送Markdown消息 手機部不支持table格式顯示(pc端支持table格式顯示),打算使用thymeleaf顯示信息。因為thymeleaf是 Spring boot推薦的引擎模版,站在巨人的肩膀上!如果您有更好的推薦,先謝謝您! 什麼是thymeleaf 在官網中有這麼一條介紹: Thymeleaf is a modern server-side Java temp

spring-mvc , thymeleaf , springboot , JAVA , HTML

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中,你需要兩個外部變量來管理狀態: // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單:在每個請求發出去之前,都帶上當前的 token

Ajax , 前端 , 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(

數據結構和算法 , 前端

Winn - PHP實現單用户登錄

原理:同一賬號在多個設備上登錄,前者被後者頂下線;假設賬號在設備A登錄,該賬號又在設備B登錄,此時設備A登錄的賬號被頂下線 思路分析 1、用户登錄成功後將當前時間存入session中,以及製作個token值存入該用户數據庫中; 2、在驗證用户是否登錄的模塊中,若用户已登錄,將用户數據庫中的token取出,並且製作一個最新的token,兩者判斷是否相等,若不相等,用户下線; 代碼實現 1、在登錄成功

服務器 , MySQL , php , phpstorm , 程序員

袋鼠雲數棧UED - 流程圖渲染方式:Canvas vs SVG

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霽明 背景 我們產品中會有一些流程圖應用,例如審批中心的審批流程圖: 我們數棧產品內的流程圖,基本都是使用的 mxGraph 實現的,mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph,還有其他一些流行的庫,例如:Re

canvas , 前端 , svg

前端早早聊 - 【Node 連載 3/9】如何高效開發表現層 Node.js 應用

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自預測科技的技術總監 —— 芋頭的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻):https://www.zaozao.run/video/c35 完整版高清 PPT 請添加小助手「zzleva」獲取

node.js , 前端框架 , graphql , nestjs , 前端

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

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

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

jsliang - CSS 實例系列 - 04 - Dropdown 下拉麪板

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Dropdown 下拉麪板 本期將和小夥伴們探討: √ 通過精簡結構,講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址: Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系

css3 , Css , css3動畫 , 前端 , html5

HeiYanjing - webpack簡單文件打包實例

依賴版本 "webpack": "^4.44.2", "webpack-cli": "^3.3.12" 一個簡單的文件通過webpack打包 // 導出 console.log('index.js') module.exports = '導出內容' // 導入 let log = require('./log.js') console.log('index.js內容') console.log(

webpack4