tag 前端

標籤
貢獻1,071
2861
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 smileZAZ 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

aresn 頭像

Aresn - View UI Plus 發佈 1.2.0 版本，新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography，內置豐富的內容排版 UI，支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件： Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 天人合一物我相融，站點升級漸進式Web應用PWA(Progressive Web Apps)實踐

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_216 PWA（Progressive web apps，漸進式 Web 應用）使用現代的 Web API 以及傳統的漸進式增強策略來創建跨平台 Web 應用程序，説白了，PWA可以讓我們的站點以原生APP的形式運行，但相比於安裝原生APP應用，訪問PWA顯然更加容易和迅速，還可以通過鏈接來分享PWA應用。 有許多知名的網絡平台已

pwa , 響應式設計 , tornado , 響應式 , 前端

收藏 評論

dewujishu 頭像

得物技術 - 得物前端喚端業務場景和技術精講

前言 當你在刷朋友圈時突然看到一個潮鞋廣告，正是你非常喜歡、一直想買的那款而且價格美麗，於是你興奮地點擊廣告直接打開了購物App，並且直接進入剛剛看到的潮鞋詳情頁，你只需要直接點擊購買就能得到這雙你期待已久潮鞋，這流程如絲般順滑！ 你正在瘋狂追的愛豆在微博發了一款聯名潮玩內容，還是獨家發售，貼文中就有網頁鏈接，你點擊後直接打開購物平台進入了與愛豆聯名同款的潮玩詳情頁，迫不及待的下單擁有一款時尚的潮

業務 , 前端框架 , 場景 , 前端構建 , 前端

收藏 評論

mosquito_612af76da10ff 頭像

mosquito - iframe跨域的幾種常用方法

在開發日常中，會遇到使用iframe嵌套其他頁面，想要與嵌套頁面進行交互，常常會涉及到跨域問題，何為跨域？這涉及到同源策略，即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題，主要表現為以下三方面： 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件：這兩個域名必須

iframe , vue.js , iframe跨域 , postmessage , 前端

收藏 評論

aresn 頭像

Aresn - View UI Plus 發佈 1.3.0 版本，新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar，可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

vue.js , iview , 前端 , html5 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - JavaScript中async和await的使用以及隊列問題

宏任務和微任務的隊列入門知識，可以參考之前的文章： JavaScript的事件循環機制 宏任務和微任務在前端面試中，被經常提及到，包括口頭和筆試題 async await概念 async 使用async關鍵字聲明的函數，是AsyncFunction構造函數的實例，在async函數體內，可以使用await接收promise實例 async和await關鍵字，在開發過程中，可以簡潔地去做

typescript , 隊列 , 前端 , Javascript

收藏 評論

aresn 頭像

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

收藏 評論

lewyon 頭像

程序猿布歐 - JavaScript擴展原型鏈淺析

前言 上文對原型和原型鏈做了一些簡單的概念介紹和解析，本文將淺析一些原型鏈的擴展。 javaScript原型和原型鏈 http://lewyon.xyz/prototype.html 擴展原型鏈 使用new操作符 利用原型是對象的特性，實例化對象的時候，繼承多個構造函數的屬性和方法 兼容性：支持目前以及所有可想象到的瀏覽器 (IE5.5 都可以使用) function parent1(

prototype.js , prototype , typescript , 前端 , Javascript

收藏 評論

aresn 頭像

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前，物料市場中的所有內容均已完成 Vue.js 3 的適配，View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有： 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 關於 Angular 應用 Components 和 Directives 的實例化問題

同 Angular Module 不同，Angular Components 和 Directives 要實例化多次，每個出現在 HTML template 中的 markup 都會對應一次實例化。 此外，這些項的作用域也限定在它們被導入的 NgModule中，以防止兩個組件使用相同的選擇器時發生命名衝突。由於依賴注入(DI)行為的這種差異，需要區分一個包含組件和指令的 NgModule 和一個包

angular , component , 前端 , html5 , Javascript

收藏 評論

y0i1w 頭像

🦄Y0i1w - ECMAScript 2022（ES13）初體驗

2022 年 6 月 22 日，第 123 屆 ECMA 大會批准了 ECMAScript 2022 語言規範，這意味着它現在正式成為標準。下面就來看看 ECMAScript 2022 有哪些新特性！ 新特性總覽 Top-level Await Object.hasOwn() at() error.cause 正則表達式匹配索引 類 ES14： Array.prototype

ecmascript , 前端 , Javascript

收藏 評論

hero123 頭像

hero - 理解JavaScript中的this

前言 相信很多人在初學JavaScript的時候都對this的指向問題感覺到比較迷惑。它不像PHP，Java語言中的this有很明確的指向，也不會讓人容易搞混。 在JavaScript中this就是函數調用的上下文，在JavaScript中有四種函數調用： 函數調用，例如alert('hello world') 方法調用，例如console.log('hello world') 構造

this的用法 , this , 前端 , Javascript

收藏 評論

huobaodechahu 頭像

火爆的茶壺 - 小程序會帶動Hybrid App崛起嗎？

Hybrid App 開發模式 Hhybrid App顧名思義就是原生 App 與 Web App 的結合。它的殼是原生 App，但是裏面放的是網頁。 可以理解成，混合 App 裏面隱藏了一個瀏覽器，用户看到的實際上是這個隱藏瀏覽器渲染出來的網頁。 混合 App 的原生外殼稱為"容器"，內部隱藏的瀏覽器，通常使用系統提供的網頁渲染控件（即 WebView 控件），也可以自己內置一個瀏覽器內核。結構

小程序 , app , hybrid-app , 前端

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 為什麼 shift 比 pop 慢？JS 中隊列的實現

我們知道在 JS 中，刪除數組元素有兩個方法：pop 與 shift，分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素，它們的執行時間確實不同的。 當數組項目較多時，shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

收藏 評論

shuirong1997 頭像

林水溶 - PWA 圖標顯示問題，兼顧 macOS、Windows、iPad

首先看macOS任務欄的圖標規律： 會發現第三個：YouTube Music（PWA版本）的圖標很不對勁，不是因為它是圓形，其他都是方形。而是它很大，寬高明顯大過其他圖標。在我對比了VSC和YouTube Music的圖標圖片之後發現了區別所在： 上面看不明顯的話，這麼對比看就明顯了： 解釋下，圖3是圖2在控制枱（F12）資源那裏顯示的圖片，之所以看這個是因為可

pwa , 圖標 , icon , 前端 , Javascript

收藏 評論

blueberrypie 頭像

Natcret - 淺析MVC

一、MVC是什麼？ M 就是 model, 即數據模型，負責數據相關的任務，包括對數據的增刪改查 V 就是view, 即視圖層，即用户能看得到的界面 C 就是 Controller，控制器，負責監聽用户事件，然後調用 M 和 V 更新數據和視圖 接下來將分別用偽代碼表示三個部分的工作內容 1.1 Model 數據模型 //示例 let Model={ data:{數據源},

mvc , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - gulp使用指南

gulp 是一個使用“流”來實現自動化的工具，正如 官方文檔 首頁展示的這副動圖一樣，以“流動”的狀態去處理 TypeScript、PNG、Markdown 資源。 與webpack比較 類別 webpack gulp 核心理念 module bundler task runner 執行任務 模塊化

gulp , webpack , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - gulp來處理html、css、js資源啦

gulp 一般用於處理自動化任務，默認情況無法處理模塊化，也不會用於大型項目，但它可以使用各種插件來編譯 html、css、js 等資源。 不清楚如何使用 gulp 開啓任務的朋友可以參考 gulp使用指南 處理html 處理 html 資源使用到 gulp-htmlmin 這個插件，和 webpack中使用到的html-webpack-plugin 比較相似。 // gulpfile.js co

gulp , gulp-babel , webpack , 前端 , Javascript

收藏 評論

tangzhiyuan 頭像

唐志遠 - 基於 Hexo 鍵入分享功能

原文鏈接：基於 Hexo 鍵入分享功能 前言 本站基於Hexo搭建，用的 🦋 hexo-theme-butterfly 主題 v3.7.1，請注意最新的🦋 hexo-theme-butterfly 版本已經更新到 v4.2.2 。 如果你是 v3.7.1 之外的版本，可能有些地方會有出入，請留意。 注意：我的博客根目錄路徑為 【G:/hexo-blog/blog-demo

hexo , 博客搭建 , 博客 , 前端

收藏 評論

huobaodechahu 頭像

火爆的茶壺 - 保姆級教程：寫出自己的移動應用和小程序（篇六）

上期文章我們學習瞭如何寫出小程序的樣式內容。今天我們來看一下如何在小程序中使用 js ，即在小程序中使用腳本內容處理內容或樣式的改變。 小程序中的 JS 是如何跟 WXML 以及 WXSS 關聯起來的：組織方式關聯 以這個 view 頁面為例，在小程序代碼的組織方式中， WXML, WXSS 以及 JS 的文件名必須是命名一致的，否則將會產生錯誤。如下： 為了方便講解，我們直接使用了微信開發者工具

移動web開發 , 小程序 , view , 前端 , Javascript

收藏 評論

tangzhiyuan 頭像

唐志遠 - 基於 Hexo 鍵入評論功能

原文鏈接：基於 Hexo 鍵入評論功能 注意：本站的評論系統已從 Valine 更換成 Twikoo。 前言 本站基於Hexo搭建，用的 🦋 hexo-theme-butterfly 主題 v3.7.1，請注意最新的🦋 hexo-theme-butterfly 版本已經更新到 v4.3.0 。 如果你是 v3.7.1 之外的版本，可能有些地方會有出入，請留意。 注

hexo , 博客搭建 , 前端

收藏 評論

apifox 頭像

Apifox - 如何模擬後台API調用場景，很細！

簡介 在開發前後台分離項目並且通過不同團隊來實現的時候，如何將後台設計的 API 準確的傳達到前台，是一個非常重要的工作。為了簡化這個過程，開源社區做了很多努力，比如 protobuf技術，swagger 的誕生， 以及後面 openapi 的演化，都在試圖解決 API 描述和文檔的問題。這些標準某些程度上大大簡化了 API 文檔的撰寫和維護，但是API設計往往比較複雜，所以另外還有一些痛點沒有解

api文檔 , postman , 前後端分離 , 後端 , 前端

收藏 評論

mingxuann 頭像

淺嵐 - Vercel跨域處理方案

安裝插件 npm i -D http-proxy-middleware 在你前端工程根目錄中創建以下兩個文件 api/proxy.js // api/proxy.js // 該服務為 vercel serve跨域處理 const { createProxyMiddleware } = require('http-proxy-middleware') module.exports = (req,

cors , node.js , 跨域 , 前端

收藏 評論

rookiegz 頭像

RookieGz - xzgz.top網站開發記錄

xzgz.top 網站記錄 主要技術棧 應用主要是由 koa 構建，其中 nextjs 只負責頁面構建完成服務端渲染。以下是主要應用的技術 後台 Koa：網站主題內容 koa-router：網站後端路由 koa-session：應用的 session 寫入 nodemailer：發送郵件 mysql2：數據庫操作 nodemon：開發模式下熱更新 typescript ts-no

node.js , MySQL , koa.js , typescript , 前端

收藏 評論