收藏 / 列表

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景: 兼容性測試流程中,遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下: 根據報錯信息檢查了一下頁面引用的vendors包,發現有...語法,來自於第三方依賴axios。 原因: axios包有es6語法,而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下: {

babel-loader , Android , Axios , webpack , Javascript

PoloAPI - 谷歌 AI 革命狂飆!Gemini 2.5 搜索引擎即將橫掃搜索市場,顛覆你的認知

隨着 5 月 20 日至 21 日谷歌 I/O 開發者大會的腳步臨近,一則重磅消息在科技業界引發強烈震動 —— 谷歌正緊鑼密鼓地籌備推出基於 Gemini 2.5 的下一代 AI 搜索引擎,這場變革將徹底顛覆沿用多年的傳統搜索框界面。目前,這一全新搜索模式已悄然進入灰度測試階段,標誌着谷歌決心將其最重要的流量入口全面切換至 AI 驅動的 Gemini 生態系統,此舉無疑將給 OpenAI、Perp

gemini-2.5-pro , google , 人工智能 , 後端 , 前端

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項,本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件,可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件: // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後,插件會自動生成以下文件: src/

pwa , HTML , 前端 , Javascript

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

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

火爆的鍵盤 - 掌握 HTTP 請求方法:開發者必備知識

在 Web 開發領域,HTTP 方法在定義客户端如何與 Web 服務器交互以及對資源執行不同操作方面起着至關重要的作用。HTTP(Hypertext Transfer Protocol,超文本傳輸協議)是現代網絡應用的棟樑,它定義了客户端與服務器之間的通信方式。 什麼是 HTTP 請求方法 在 Web 通信中,HTTP 請求方法是客户端用來向服務器表達其意圖的一種方式。每次瀏覽網頁、提交表單或與

API , HTTP , 接口 , 後端 , 前端

六月的可樂🥤 - 智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

restful , 人工智能 , 深度學習 , 前端 , Javascript

qinyuanqiblog - 微信PC端掃碼登錄流程記錄

前言 接入微信掃碼登錄整個流程的記錄 具體步驟 1. 註冊開發者賬號​ 2.創建應用,得到appid和AppSecret,並配置回調域名 2.1 創建應用 2.2 填寫應用資料,提交審核,審核通過會得到開發需要用的appid和AppSecret,這兩個值, 這個值會給到後台,然後然後再通過接口給到我們 2.3 應用創建成功,配置回調域名 4. 開發者資質認證 5. 配置一個內網穿透,方便

微信公眾平台 , 前端

可視化PaaS開發 - Web前端設計開發工具集(框架、驗證器、編輯器)

什麼是前端開發 前端開發是創建Web頁面或app等前端界面呈現給用户的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用户界面交互。前端開發主要關注用户體驗。 前端開發的技術 超文本標記語言(HTML) HTML 是基本的前端技術之一,也是前端開發的核心,是所有網站的標記。HTML 元素可幫助您向網站添加表單、按鈕、容器和其他功能。 級聯

visual-studio-code , sublime-text , 前端 , Git , Web

得物技術 - Flutter啓動流程分析之插件化升級探索

Flutter是Google推出的一款跨平台框架。與Weex等其他跨端框架不同的是,Flutter的界面佈局繪製是由自己完成的,而不是轉換成對應平台的原生組件。那麼各個平台是如何啓動它的呢?從Flutter官方提供的架構圖上看,Flutter Embedder層提供了底層操作系統到Flutter的程序入口,平台採用適合當前系統特性的方式去各自實現。本文基於flutter 2.0.6版本源碼,來探索

weex , 操作系統 , flutter , 插件化 , 流程

若川 - Taro 源碼揭秘:10. Taro 到底是怎樣轉換成小程序文件的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-12-26),目前最新是 4.0.8,

react , 小程序 , webpack , 前端 , Javascript

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現,把一系列流程用代碼去實現,讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力,解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗,已經成為目前最流行,社區最活躍的構建工具,是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏,各種框架和工具層出不窮,比如 React、Vue、Angular 等,極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

細心的紅酒 - SSL雙向認證

SSL雙向認證:不止是服務器亮明身份,更是客户端的“實名制”通行證 在互聯網安全領域,SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站,使用的都是單向認證——瀏覽器驗證服務器的身份,確保你連接的是真正的銀行或電商網站,而非釣魚網站。但在一系列對安全要求極高的場景中,一種更嚴格、更安全的機制被廣泛應用:SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端

前端早早聊 - 【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

TANKING - 原生JavaScript+PHP多圖上傳實現

摘要 很多場景下需要選擇多張圖片上傳,或者是批量上傳以提高效率,多圖上傳的需求自然就比較多了,本文使用最簡單的XMLHttpRequest異步上傳圖片。 界面 上傳示例 代碼 index.html !DOCTYPE html html head title多圖上傳/title meta charset="utf-8" style

xmlhttprequest , file , 圖片上傳 , 多圖上傳 , Javascript

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度?

引言 在前端開發中,包管理器是必不可少的工具,用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器,作為 npm 的替代方案,它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是:Yarn 如何優化依賴安裝的速度? 本文將專注於這個問題,深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前,先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

LaughingZhu - Cloudflare R2 - 免費圖牀

前言 之前看了一篇文章,關於介紹 Cloudflare R2 來搭建圖牀的方案,主要是白嫖 Cloudflare 的空間和 cdn 服務。我現在博客 DevNow 的 CDN 使用的是七牛雲,偶爾還是有一點點的支出。 雖然不多,但是吧,看到有白嫖的方案,還是蠢蠢欲動,這不今天就來試着弄下看看。 1. 註冊Cloudflare賬號 先簡單介紹下 Cloudflare 是一家提供網絡安全和性能優化服

cloudflare , blog

海豚V靚仔 - 小米13T Pro系統合集:性能與攝影的極致融合,值得你升級的系統ROM

小米 13T Pro 是一款性能卓越、設計精美的旗艦機型,具備多項領先配置,且在與前一代產品及友商機型的對比中優勢明顯,值得深入探討。 性能提升 小米 13T Pro 搭載了最新的 天璣 9200+ 處理器,相較於前一代(小米 12T Pro)的 驍龍 8+ Gen 1,在性能和能效表現上均有顯著提升。天璣 9200+ 的 AI 算力及多任務處理能力使得系統響應速度更快,用户在運行大型應用、遊戲或

前端 , html5

Aresn - View UI Plus 發佈 1.3.1 版本,增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

羊先生 - ES6彌補了數組的缺陷,請使用Array.of()方法

Array.of()主要是彌補數組構造函數Array()的不足。因為參數個數的不同,導致Array()的重載,Array.of不存在由於參數不同而導致的重載,並且基本上可以用來替代Array()或new Array() Array.of() 靜態方法通過可變數量的參數創建一個新的Array實例,而不考慮參數的數量或類型 官方解釋 基本語法 Array.of()是創建數組的方法,它接收若干個參

數組

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

Kagol - TinyEditor v4.0 alpha 版本發佈:表格更強大,表情更豐富,上傳體驗超乎想象!

你好,我是 Kagol,個人公眾號:前端開源星球。 TinyEditor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。 源碼:https://github.com/opentiny/tiny-editor/ 官網:https://opentiny.github.io/tiny-editor/ 對於富文本編輯器來

富文本編輯器 , 開源 , 前端

codechen8848 - 一體化白板!一款開源的白板工具!

在日常工作中,我們常常需要使用到白板工具,用於作圖,生成思維導圖、流程圖等來輔助工作。 今天,給大家介紹一款開源的白板工具,支持多種類型圖! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具(SaaS),實現一體化白板功能,包含自由畫、思維導圖、流程圖等。 功能

react , 前端