收藏 / 列表

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（14）—— 錯誤處理

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

svelte , 前端框架 , sveltekit , 前端 , Javascript

yangy5hqv 頭像

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目，該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式，方案1：通過iframe集成mxcad項目；方案2：直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式，這種方式與iframe嵌套集成相比更加方便，集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

daoshanghundesijidou 頭像

用户bPdeG32 - 深入理解 CSS Flexbox：如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中，佈局一直是 CSS 的一個重要主題，而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現，代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局（Flexbox）的引入，水平和垂直居中變得非常簡單、直觀，幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中，包括水平

ecmascript-6 , css3 , Css , HTML , 前端

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 完整版移動端滑動事件封裝

touchEvent 基於Jquery擴展在移動端產生的事件，包含，單次觸摸事件，兩次觸摸事件，長按事件，滑屏事件，向上滑動事件，向下滑動事件，向左滑動事件，向右滑動事件 預覽 地址預覽 https://hangjob.github.io/touchEvent/index.html 事件類型 單次觸摸事件 $(el).tap tap: function(element, fn) {

移動端web , jquery , 前端 , html5 , Javascript

lpc63szb 頭像

運維社 - 大白話講解synchronized鎖升級套路

synchronized鎖是啥？鎖其實就是一個對象，隨便哪一個都可以，Java中所有的對象都是鎖，換句話説，Java中所有對象都可以成為鎖。 這次我們主要聊的是synchronized鎖升級的套路 synchronized會經歷四個階段：無鎖狀態、偏向鎖、輕量級鎖、重量級鎖 依次從耗費資源最少，性能最高，到耗費資源多，性能最差。 鎖原理 先看看這些狀態的鎖為什麼稱之為鎖，他們的互

node.js , Scala , fastapi

johanazhu 頭像

山頭人漢波 - 前端學 Ruby：熟悉Rails

前言 一句話介紹，看 Rails Guides 即可 正文 Rails 是使用 Ruby 語言編寫的 Web 應用開發框架，如同 Node 中的 Express、Koa，Python 中的 Django、Flash。但相比其他，它更強大 Rails 哲學包含兩大指導思想： 不要自我重複（DRY） 多約定，少配置（約定優於配置） 因為它約定優於配置的設計，從而可以使 Rails 應用幾乎不需

ruby-on-rails , ruby , 前端

invalidnull 頭像

註銷 - SAP 電商雲 Spartacus UI 裏的 Content Security Policy

內容安全策略(Content Security Policy，簡稱 CSP)是一種工具，允許開發人員指定在通過 Web 瀏覽器訪問 Storefront 頁面時允許加載哪些位置和哪些類型的資源。 可以使用內容安全策略來鎖定店面應用程序，並降低內容注入漏洞的風險，例如跨站點腳本 (XSS)、代碼注入和點擊劫持攻擊(clickjacking)，以及降低您的店面應用程序執行的權限。 Target Pol

node.js , sap , spa , 前端 , Javascript

icecreamlj 頭像

一顆冰淇淋 - 全面掌握 Jest：從零開始的測試指南（下篇）

在上一篇測試指南中，我們介紹了Jest 的背景、如何初始化項目、常用的匹配器語法以及鈎子函數的使用。這一篇篇將繼續深入探討 Jest 的高級特性，包括 Mock 函數、異步請求的處理、Mock 請求的模擬、類的模擬以及定時器的模擬、snapshot 的使用。通過這些技術，我們將能夠更高效地編寫和維護測試用例，尤其是在處理複雜異步邏輯和外部依賴時。 Mock 函數 假設存在一個 runCallBac

單元測試 , 自動化測試 , jest , 前端 , Javascript

shuirongshui 頭像

水冗水孚 - 彈性盒佈局之從左往右，空間不夠換行繼續從左往右（從左往右，從上往下，between效果）

本文記錄一個css小技巧，不難，不過可能自己一時間想不到 問題描述 我們有這樣的需求，大容器中有很多的盒子，從左往右排列，空間不夠的話，然後換行，繼續從左往右排列，如下效果圖 看到這樣的需求，我們第一時間想到的就是彈性盒佈局，給大容器開啓彈性盒、允許換行，兩側分佈，於是會寫下如下代碼： display: flex; flex-wrap: wrap; justify-content: space-

佈局 , Css

jump_and_jump 頭像

jump__jump - 利用 XState(有限狀態機) 編寫易於變更的代碼

目前來説，無論是 to c 業務,還是 to b 業務，對於前端開發者的要求越來越高，各種絢麗的視覺效果，複雜的業務邏輯層出不窮。針對於業務邏輯而言，貫穿後端業務和前端交互都有一個關鍵點 —— 狀態轉換。 當然了，這種代碼實現本身並不複雜，真正的難點在於如何快速的進行代碼的修改。 在實際開發項目的過程中，ETC 原則，即 Easier To Change，易於變更是非常重要的。為什麼解耦很好？ 為

有限狀態機 , fsm , 前端優化 , 代碼質量 , Javascript

ntksol 頭像

歐雷 - 智能合約純小白是如何完成自己的第一個 dApp——NFT market？

作為一個持續看衰傳統互聯網行業 Web 前端開發的大齡前端工程師，我一直在尋找一個能最大化利用自己已有知識與技能的出路——選擇了向 Web3 領域的全棧開發轉型。 在做出此決定之時，我對 Web3 還不甚瞭解，無論是站在從業者或是普通用户的立場，我急需一個能夠讓我快速入門的途徑！ 機緣巧合之下，我知道了 OpenBuild 的《Web3 前端訓練營》，從內容介紹來看應該能滿足我的需求，就毫不猶豫地

區塊鏈開發 , solidity , 前端工程師 , web3 , 智能合約