tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

thjjames 頭像

小皇帝James - 編寫babel的插件

前言 Babel 是一個通用的多功能的 JavaScript 編譯器，讓一些新版本的語法或者語法糖可以在低版本的瀏覽器上跑起來。 它有三個主要處理步驟 Parse - Transform - Generate。 在 Transform 轉換過程中通過將插件（或預設）應用到配置文件來啓用代碼轉換。 AST 編寫 Babel 插件非常複雜，需要有相當的基礎知識，在講插件之前必須得提起 AS

ast , plugin , babel , 前端 , Javascript

收藏 評論

i_62f4ad94a52ca 頭像

用户bPc1FjG - 【Java】this、super關鍵字，代碼塊介紹

文章目錄 一. this引用 1. this引用的介紹 this引用是成員方法的參數之一，不需要用户傳遞實現，由編譯器自動完成，也就是説，這個參數用户是看不到的，但用户可使用這個參數。 this引用指向當前對象(成員方法運行時調用該成員方法的對象)，在成員方法中所有成員變量的操作，都是通過該引用去訪問。 只不過所有的操作對用户是透明的，即用户不需要來傳遞，編譯器自動完成。 this 引用的

ecmascript-6 , supervisor , this , JAVA , 前端

收藏 評論

jinjidedacong 頭像

進擊的大葱 - ES13的11個超讚的新屬性

聲明：本文為翻譯文章，原文為11 Amazing New JavaScript Features in ES13 像其他語言一樣，JavaScript也在不斷迭代和進化。JS每年都會加入很多新的功能來讓自己變得越發強大，也正是這樣，我們開發者才能寫出更加表意和準確的代碼。 在這篇文章中我們會通過一些例子來看一下最新的ECMAScript 2022(ES13)給我們開發者帶來的11個超讚的新功能。

ecmascript , 前端 , Javascript

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 如何在uni-app使用iconfont字圖標

添加圖標 打開，https://www.iconfont.cn/ 網站，找到自己的喜歡的圖表加入到項目中 下載本地 點擊下載至本地 拷貝文件 將iconfont.css，iconfont.woff,iconfont.woff2 複製到自己的項目中， 打開iconfont.css文件，我需要去編輯框框的地方 資源轉換 uni-app 字體文件小於 40kb，uni-app 會自動將其轉化為

iconfont , 字體 , webapp , uni-app , 前端

收藏 評論

nanchengfe 頭像

南城FE - 那些你不知道的 CSS 自定義形狀網格佈局

本文翻譯自 CSS Grid and Custom Shapes, Part 1，略有刪改 在正常的開發中，我們會遇到很多元素塊排列對齊的需求，如九宮格抽獎，多張圖片上傳後等分佈局預覽，微信朋友圈多張圖片展示等。這都是正常的正方形很規整的佈局。 如下所示，如果圖像不是完全正方形，而是形狀像六邊形或菱形怎麼辦？我們怎麼做呢。事實上，我們將結合我們已經研究過的 CSS 網格技術，並加入一些 CSS c

佈局 , css3 , Css , HTML , 前端

收藏 評論

susuhhhhhh 頭像

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

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

css3動畫 , 前端

收藏 評論