收藏 / 列表

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統:從 CommonJS 到 ES6 模塊的演變

ECMAScript 6(通常稱為 ES6 或 ECMAScript 2015)是 JavaScript 語言的一個重大更新,帶來了許多新特性,這些特性極大地增強了語言的功能性和可維護性。其中,模塊系統的引入是 ES6 最重要的特性之一,它徹底改變了 JavaScript 的開發模式,從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統,討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

LaughingZhu - DevNow: Search with Lunrjs

前言 假期真快,轉眼國慶假期已經到了最後一天。這次國慶沒有出去玩,在北京看了看房子,原先的房子快要到期了,找了個更加通透一點的房子,採光也很好。 閒暇時間準備優化下 DevNow 的搜索組件,經過上一版 搜索組件優化 - Command ⌘K 的優化,現在的搜索內容只能支持標題,由於有時候標題不能百分百概括文章主題,所以希望支持 摘要 和 文章內容 搜索。 搜索庫的橫向對比 這裏需要對比了 fus

blog , 前端

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元,所有的操作都要基於它實現。其實fiber就類似一個個element元素,react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點,然後把這個fiber的子節點賦值給workInProgress,當子節點不存在時,就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

長林啊 - 深入學習 React:組件、狀態與事件處理的完整指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家點贊、關注和分享! 在上一篇文章《走進 React:打造交互式用户界面的第一步》中,我們已經對 React 以及其環境搭建有了初步的瞭解;React是一個極其強大的JavaScript庫,專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的,顏色可以通過紅色、綠色和藍色的混合(RGB)來定義,這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度(或稱為亮度)可以從0(最暗,表示為#00)到255(最亮,表示為#FF)變化。 在HTML和CSS中,顏色可以通過十六進制顏色代碼(如#FF0000表示紅色)、RGB函數(如rgb(255, 0, 0)也表示紅色)或者顏色

前端 , html5

Aresn - View UI Plus 發佈 1.1.0 版本,支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

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

羊先生 - Vue適配PC+大屏,手機+ipad適配

PC+大屏適配 可適配 1400px以上的屏幕 查看演示 項目地址 設置設計稿-轉換rem 我們的設計稿是3840px寬度,所以widthOfDesignLayout設置3840 module.exports = { plugins: { autoprefixer: {}, "@njleonzhang/postcss-px-to-rem": {

vue.js , 移動端web , 前端 , html5

zxl20070701 - TypeScript系列:【6】模塊

導出 導出聲明 比如變量、函數、類、類型別名或接口等,例如: export interface DemoType { } 或者 export const demo: number = 10; 當然,別的聲明也可以,這裏就不一一舉例子了。如何記住?在聲明語句的開頭加一個export即可。 導出語句 有時候,我們可能需要先聲明,然後導出,可以使用類似下面的語句: class DemoClass {}

ecmascript-6 , module , export , import , typescript

TANKING - 官方接口!微信域名檢測接口!檢測域名在微信是否被封被攔截!

摘要 為什麼需要這個接口?因為在微信中推廣鏈接,會涉及到違規,一旦鏈接違規,就會被微信封禁,禁止跳轉,停止訪問。 這個接口可以獲取到你的鏈接的封禁情況,你可以開發實時監控系統,或者是嵌套多層跳轉,精準監控每個域名的狀態,實時監控推廣情況,保證最佳的推廣效果! 域名在微信被攔截的3種常見情況 1、域名因違規或有風險被攔截(圖1紅色攔截) 2、類似 douyin.com 這種的競爭式攔截(圖

微信 , 微信開發 , php , 域名 , 檢測

若川 - Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

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

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

limingcan - 弄懂這幾個概念後,我對webpack有了新的理解

前言 隨着vite的誕生,webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統,體驗了一把,確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久,也經過市場的一些考驗,並且它有着豐富的插件,豐富的功能,一些大型的項目也使用過它,目前來説,它是一個相對於vite來説更穩定的打包工具。 基於以下原因: 有些公司由於歷史

構建工具 , webpack5 , webpack , 前端 , Javascript

Kagol - 重回鐵王座!時隔5年!Quill 2.0 終於發佈啦🎉

你好,我是 Kagol。 2024年4月17日,Quill 2.0 正式發佈🎉 最後一個 1.0 版本 1.3.7 發佈於 2019年9月9日,時隔4年零7個月。 富文本編輯器擁有非常豐富的使用場景,我在做 OpenTiny 開源運營過程中,也經常有用户問:OpenTiny 有富文本嗎? 於是在2023年6月,我們開始規劃富文本組件,做技術選型時,考慮了 Quill、Tiptap、Editor.

富文本編輯器 , quill , 前端

codechen8848 - 免費高顏值!一款跨平台桌面端視頻資源播放器!

大家好,我是 Java陳序員。 今天,給大家推薦一款跨平台的桌面端視頻播放器,免費高顏值! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ZyPlayer —— 一款免費易用且打造的全功能媒體播放器,基於 electron-Vite 框架,結合 TDesign 組件庫和 Vue3 全家桶,致力於提供流暢、高效的跨平台娛樂體驗。

前端

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

前端 , Javascript

點量實時雲渲染 - Tizen版應用上架三星商店,海外OTT/IPTV系統實現全平台覆蓋新突破

近日,一套為海外視頻運營商定製的Tizen版OTT/IPTV影音系統應用APP,已通過三星官方審核,並在Samsung Smart TV應用商店正式上架。此舉標誌着該運營商的影音服務已全面覆蓋iOS、Android、Android TV及Web等主流平台,完成了全球智能電視生態的關鍵佈局。 一、合作背景:從單點部署到全平台生態的構建 該海外視頻運營商在當地市場擁有廣泛的用户基礎。在長期的數字化升

資訊 , Android , ios , 後端 , 前端

小帆聊前端 - CSS 選擇器全解析:從基礎語法到組件庫樣式修改,解決前端樣式定位難題

前言:被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式,為什麼按鈕沒反應?” “#nav .list li和.nav-list li到底誰能生效?” “想改組件庫的輸入框樣式,加了類卻被覆蓋?” “用[class=btn]匹配按鈕,多了個類名就失效了?” CSS 選擇器是前端樣式的 “定位工具”,但很多開發者停留在 “會用類和 ID” 的初級階段,面對動態元素、組件庫樣式修改

css3 , Css , 前端

王大冶 - React Native 0.76 重大更新:新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性(如 Suspense、Transitions),還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

銀之夏雪 - CSS 真的會阻塞文檔解析嗎?從瀏覽器渲染原理深入探究一下

在網頁開發領域,一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題,需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後,會依次進行以下幾個主要步驟: 解析 HTML:瀏覽器從網絡或本地獲取 HTML 文件,然後開始解析,將 HTML 代碼轉換為 DOM(Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

得物技術 - 得物靈犀搜索推薦詞分發平台演進 3.0

導購是指在購物過程中為消費者提供指引和幫助的人或系統,旨在協助用户做出更優的購買決策。在電商平台中,導購通過推薦熱賣商品、促銷活動或個性化內容,顯著提升用户的購物體驗,同時推動銷售額的增長。其核心目標是通過精準的引導,滿足用户需求並促進商業價值最大化。 詞分發:導購的重要組成部分 在電商導購體系中,詞分發作為關鍵環節,主要聚焦於與關鍵詞推薦相關的功能。這些功能包括但不限於下拉詞、底紋詞、熱搜榜單、

算法 , 架構 , 人工智能 , 後端