@前端

動態 列表
@kevinzhw

Prettier與ESLint:代碼風格與質量的自動化保證

Prettier 和 ESLint 是兩個互補的工具,它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼,而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用: 自動化代碼格式化,確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則,因為Prettier有一套默認的代碼風格。 支持多種編程語言,包括JavaScript、TypeS

kevinzhw 頭像

@kevinzhw

昵稱 天涯學館

@rk405264704

記錄vue2項目配置eslint、prettier以及git提交校驗

項目背景:vue2老項目,使用vue-cli4搭建的,創建項目時eslint校驗使用的是eslint+standard。 問題:項目統一配置了eslint,但是prettier配置各不相同,導致格式化後總會有衝突,而且有的電腦配置了git提交校驗不生效,提交的代碼沒有經過eslint驗證,其他同事拉取代碼後提交不成功。 配置1:.editorconfig 該文件是針對不同IDE進行配置的初始化格式

rk405264704 頭像

@rk405264704

昵稱 留白

@jianrendechaomian_czry72

Cocos獨立遊戲開發框架中的Socket網絡模塊

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》,歡迎大家關注分享收藏訂閲。 Socket模塊是Cocos遊戲開發框架中的重要組成部分之一。通過Socket模塊,開發者可以輕鬆實現遊戲中的網絡通信功能,使得玩家可以與其他玩家進行實時交互或者獲取服務器上的數據。在遊戲開發中,網絡通信是不可或缺的一環,而Socket模塊的存在,為開發者提供了一個方便、高效、穩定的解決方案。無論是多人在線

jianrendechaomian_czry72 頭像

@jianrendechaomian_czry72

昵稱 億元程序員

@ihengshuai

Nginx使用手冊

由於格式和圖片解析問題,為了更好的體驗可前往 閲讀原文 Nginx(發音為 "engine-x")是一個高性能、開源的HTTP和反向代理服務器,也可以作為電子郵件(IMAP/POP3)代理服務器、以及通用的TCP/UDP代理服務器。它由俄羅斯的程序員Igor Sysoev創建於2002年,其目的是解決C10K問題(即可以同時處理10000個併發連接)。它採用異步非阻塞的事件驅動模型,可以處理

ihengshuai 頭像

@ihengshuai

昵稱 大衞talk

@wupeng_5a4de5c290b9d

chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈,它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼,彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷,更多內容查看官方博客、Github倉庫,其在發佈的短時間內即引起廣泛關注,npm下載量陡升: 調試工具提供的能力: 試用記錄,僅供參考:   

@jiangpengfei_5ecce944a3d8a

手寫Koa.js源碼

用Node.js寫一個web服務器,我前面已經寫過兩篇文章了: 第一篇是不使用任何框架也能搭建一個web服務器,主要是熟悉Node.js原生API的使用:使用Node.js原生API寫一個web服務器 第二篇文章是看了Express的基本用法,更主要的是看了下他的源碼:手寫Express.js源碼 Express的源碼還是比較複雜的,自帶了路由處理和靜態資源支持等等功能,功能比較全面。與之

@weidewei

基於Koa2打造屬於自己的MVC框架,仿egg的簡易版本

背景 Express和Koa作為輕量級的web框架,沒有任何約束的框架在一開始的時候會非常的爽快,開發幾個demo,手到擒來,但是一旦代碼真正上去的時候(而且一定會),你就會發現,大量重複的操作,重複的邏輯。導致項目的複雜度越來越高,代碼越來越醜,非常的難以維護。我的quark-h5也是開始隨意的寫,寫到最後只能重構一波了。正好期間做了個在線文檔管理的項目用了egg.js,讓我這種 node 小白

weidewei 頭像

@weidewei

昵稱 圍的圍

@jiangpengfei_5ecce944a3d8a

手寫koa-static源碼,深入理解靜態服務器原理

這篇文章繼續前面的Koa源碼系列,這個系列已經有兩篇文章了: 第一篇講解了Koa的核心架構和源碼:手寫Koa.js源碼 第二篇講解了@koa/router的架構和源碼:手寫@koa/router源碼 本文會接着講一個常用的中間件----koa-static,這個中間件是用來搭建靜態服務器的。 其實在我之前使用Node.js原生API寫一個web服務器已經講過怎麼返回一個靜態文件了,代碼雖然

@nulidexiaocongmang

koa實踐總結

什麼是koa? koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回調函數嵌套,並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件,它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼? 主要用途 網站(比如cnode這樣的論壇) ap

nulidexiaocongmang 頭像

@nulidexiaocongmang

昵稱 MangoGoing

@ruochuan12

50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

ruochuan12 頭像

@ruochuan12

昵稱 若川

@rookiegz

xzgz.top網站開發記錄

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

rookiegz 頭像

@rookiegz

昵稱 RookieGz

@jamesfancy

Loading ... done

引子 在前面界面開發的過程中,為了增強在與後端交互過程中的用户體驗,通常會顯示 Loading 動畫。Loading 動畫會在與後端交互結束的時候關閉。這是一個很常規的需求,技術實現也不復雜。 showLoading(); axios.request(...) .then(...) .finally(() = hideLoading()); Node.js 和大部分瀏覽器都在 20

jamesfancy 頭像

@jamesfancy

昵稱 邊城

@wszgrcy

通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

wszgrcy 頭像

@wszgrcy

昵稱 wszgrcy

@wszgrcy

Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

wszgrcy 頭像

@wszgrcy

昵稱 wszgrcy

@bygpt

【FE TIKU 前端面試題庫】性能優化

本文首發 http://fetiku.com/docs/advanc... 1 DNS 預解析 DNS 解析也是需要時間的,可以通過預解析的方式來預先獲得域名所對應的 IP link rel="dns-prefetch" href="//shudong.wang" 2 緩存 緩存對於前端性能優化來説是個很重要的點,良好的緩存策略可以降低資源的重複加載提高網頁的整體加載速度 通常瀏覽器緩

bygpt 頭像

@bygpt

昵稱 ByGPT

@stephentian

2021 前端開發手冊

簡介 這是一份 2021 年前端開發手冊,列舉前端開發相關技術,提供相關技術的學習資源。下面的項目不用全部學習,可以選其中一些學習。 歡迎補充!項目地址:2021-frontend-handbook 目錄 HTML CSS JavaScript 前端框架 前端工程化 服務端渲染 SSR 靜態站點生成器 SSG TypeScript 用 JS 去做服務器端 桌面應用程序 El

stephentian 頭像

@stephentian

昵稱 StephenTian

@shanejix

現代 JavaScript 教程 —— JavaScript 編程語言篇

摘自 現代 JavaScript 教程;總結自己覺得重要/疏忽/未知的部分,閒來無事時看看,抓耳撓腮時看看。長篇預警! ECMA-262 規範 最權威的信息來源(語言細節),每年都會發佈一個新版本的規範 🚩最新的規範草案請見 https://tc39.es/ecma262/ 🚩最新最前沿的功能,包括“即將納入規範的”(所謂的 “stage 3”),請看這裏的提案 https://gith

shanejix 頭像

@shanejix

昵稱 shanejix

@gkymfrg1

async/await實現原理

async/await是ES2017帶來的異步編程語法糖,實現了讓異步代碼看起來像同步代碼的效果。 async/await 的本質是基於Promise,它並不是一種新的異步處理方式,而是Promise 的一種新的語法封裝升級。 下面是 async/await 的實現原理: async 函數本質上是一個 Generator 函數,返回一個 Promise 對象。 await 表達式本質上是一個 Pr

gkymfrg1 頭像

@gkymfrg1

昵稱 ohoherror