收藏 / 列表

瓏墨 - 【吃透】JS代理(Proxy)

今天給大家分享如何從根本上吃透js代理,嘎嘎的😍,看下面 咱們首先得知道: 代理是 js 中的對象,它允許你創建對象的代理,同時還可以為標準對象操作定義自定義行為。這意味着,譬如,如果有人試圖從對象中獲取屬性的值,你可以定義一組自定義行為。這使代理變成了一個非常強大的工具,所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜,所以

es7 , challenge , es6-proxy , 前端 , Javascript

愛吃雞蛋餅 - 知識訂正:瀏覽器是如何渲染頁面的?

一.瀏覽器是如何渲染頁面的?   當瀏覽器的網絡線程收到 HTML 文檔後,會產生一個渲染任務,並將其傳遞給渲染主線程的消息隊列。在事件循環機制的作用下,渲染主線程取出消息隊列中的渲染任務,開啓渲染流程。   整個渲染流程分為多個階段,分別是: HTML 解析(Parse HTML)、樣式計算(Computed Style)、佈局(Layout)、分層(Layer)、繪製(Paint)、

瀏覽器原理 , 前端 , Javascript

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的,因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例,如下: 把任務拆解下: 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api,不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

WangLanguager - T5 (Text-to-Text Transfer Transformer)介紹和代碼示例

T5(Text-to-Text Transfer Transformer)介紹 T5 是由 Google Research 提出的一個統一的文本到文本的轉換模型。T5 的核心思想是將所有的自然語言處理任務都視為文本到文本的轉換問題,這種方法使得模型可以通過相同的架構處理各種任務,如文本分類、翻譯、問答等。 T5 的關鍵特點 統

yyds乾貨盤點 , 加載 , text , 分詞器 , jquery , 前端開發

起風了 - javascript中的esm是什麼?

esm是什麼? esm 是將 javascript 程序拆分成多個單獨模塊,並能按需導入的標準。和webpack,babel不同的是,esm 是 javascript 的標準功能,在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊,比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

WillemWei - 模擬實現js中的new操作符

new 運算符創建一個用户定義的對象類型的實例或具有構造函數的內置對象的實例。 這是MDN上對new操作符的定義,從這句話中可以看出new返回的其實就是一個實例,那麼問題來了實例又是個啥東西? 先看個例子: function Cat(name, gender) { this.name = name; this.gender = gender; } Cat.prototype.sa

prototype , new , Javascript

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

編程三昧 - Webpack 簡介

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

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

王小o - BUI 新官網上線了,全新出發!

經過幾個月的奮戰,我們的BUI 新官網終於上線了!熱淚盈眶.jpg 簡介 BUI 是一個跨平台UI開發框架,基於路徑式的組件化開發,結合單頁路由,可按需加載,開箱零配置,簡單上手,適合獨立開發各種 Webapp,App,輕應用,小程序,公眾號,聆客,釘釘…… 網站更新內容如下: 【新增】一個新聞資訊類組件化開發的案例,包含(登錄,自動分頁列表,詳情,選項卡,嵌套選項卡,卡片式,用户中心等內容)

框架 , webapp , 模板 , jquery , Javascript

Sam Poder - Next.js Wildcard Subdomains

A “wildcard”? What in the world? Great question, these types of domain stem from Wildcard DNS Records which look like this: *.example. 3600 TXT "Wild! You have found a wildcard.

Tools , next.js , Jamstack , Static Generators

周皺 - javascript字符串常用api使用匯總(一)

javascript字符串常用api使用匯總(一) charAt charCodeAt fromCharCode concat repeat startsWith endsWith includes indexOf lastIndexOf slice substr substring trim charAt、charCodeAt、fromCharCode 按照索引獲

slice , 字符串 , concat , string , Javascript

fx67ll - pm2 常用命令

先説一些廢話 之前學習Nodejs項目的時候使用了pm2作為生產環境的進程管理工具,最近服務器崩了需要重啓一些服務,發現有些命令記得不是特別清楚, 所以這裏寫一篇文章幫助自己記憶整理一下pm2的常用命令,後續有需要查閲一下即可~ 常用命令 進入bin目錄啓動:pm2 start www / pm2 start app.js pm2 start app.js --name="fx67ll

node.js , pm2 , Javascript

vivo互聯網技術 - 從0到1實現:AI版你畫我猜小遊戲

作者: vivo 互聯網前端團隊- Wei Xing 全民AI時代,前端er該如何蹭上這波熱度?本文將一步步帶大家瞭解前端應該如何結合端側AI模型,實現一個AI版你畫我猜小遊戲。 1分鐘看圖掌握核心觀點👇 本文提供配套演示代碼,可下載體驗: Github | vivo-ai-quickdraw 一、引言 近幾年AI的進化速度堪比科幻片——昨天還在調教ChatGPT寫詩,今天Sora已經

tensorflow.js , cnn , 人工智能 , 前端

flydean - 網絡協議之:memcached text protocol詳解

簡介 用過緩存系統的肯定都聽過memcached的大名,memcached是一個非常優秀的分佈式內存緩存系統,應用非常的廣泛。Memcached不僅僅是Web緩存,它更是一個通用的數據緩存,基本上你可以將任何東西存入memcached中,它的分佈式設計具有很好的可擴展性和靈活性。 Memcached是一個客户端-服務器端的架構模式。一般來説,在服務器上搭建好Memcached的服務器端,接下來就可

memcached , 網絡 , 網絡傳輸協議

Michelle Barker - Sustainable Web Development Strategies Within An Organization

Sustainability is rightly becoming more widely discussed within the web development industry, just as it is an increasing concern in the wider public consciousness. Many countries around the world h

performance , optimization , User Interaction

架構設計師之光 - 計算機畢業設計java+ssm實驗室設備管理系統_51CTO博客

簡介:“實驗室設備管理系統Java版”是一款採用Java技術與Sql Server數據庫構建的綜合性管理軟件,涵蓋設備登記、借還管理、維護保養、用户權限控制及數據統計等核心功能。系統集成Spring框架(可能含Spring Boot)、MyBatis/Hibernate等主流技術棧,具備高可維護性和擴展性。配套提供完整文檔、PPT演示、源代碼與數據庫腳本

User , spring , 管理系統 , 前端開發 , Javascript

wadelau - Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布

Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布。 值此一元復始之際,恭祝 朋友們新年萬事如意! 寄望 Hanjst/漢吉斯特能幫助大家從各種模板中解脱出來,為人類做出更大的貢獻。 1. 背景 網頁模板語言/引擎緣起於 MVC 思想的引入。當軟件項目膨脹複雜到足夠大時,軟件研發人員與UI/UE設計人員就需要分別獨立出來,其中設計製作人員工作的V(View)部分需要用模板

模板引擎 , Javascript

specialcoder - NPM package.json 中 browser,module,main

參考:https://github.com/SunshowerC/blog/issues/8 browser VS module VS main 我們經常見到 package.json 裏有這樣一段內容: { ... main: dist/index module: dist/index.esm.js browser: dist/zhihu-hybrid.umd.js } 當我們在不

打包 , 模塊化 , 工程化 , npm

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站,他的二維碼美化功能很強大,可以分別自定義碼眼和碼點的形狀和顏色,功能十分強大 💪! 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼,剛好以此作為新需求,模仿草料二維碼的樣式和功能,開發了 qrcode-wit

canvas , 前端 , Javascript

laojean - lemma prop

定義(definition): 描述一個概念,並區別於其他相關概念的表述。 命題(proposition): 用於判斷真假的陳述句。 引理(lemma): 為了取得某個更好的結論而作為步驟被證明的命題,其意義並不在於自身被證明,而在於為達成最終目的作出貢獻。引理和定理沒有嚴格界限。 公理(axiom): 經過人類長期反覆

機器學習 , 學習 , google , lemma prop , 人工智能 , ci , 百度

雲端築夢者 - 103用Python解碼音樂奧秘!自然大調+鋼琴結構+循環美學一次性掌握

c自然大調_開嗓音頻_123454321_bpm 回憶 上次我們 製作了迴文音符序列 123454321 要整合成一個 序列不斷升級 從c開始 到c結束 可以整合嗎?🤔

右鍵 , ci , 前端開發 , Javascript , Python

Zara Cooper - How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

Chat is becoming an increasingly popular communication medium in both business and social contexts. Businesses use chat for customer and employee intra-company communication like with Slack, Microso

node.js , API , Apps , Javascript

Vitaly Friedman - 35 Truly Stunning, Beautiful And Unusual Pictures

We love beautiful and unusual pictures. In photos, the beauty isn’t necessarily reflected in an eye-catching combination of colors; perspectives, angle, composition and, most importantly, the idea b

Photography , Graphics

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件,但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果,對於這種自定義事件他們底層是如何實現的呢?讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript