@前端

動態 列表
@lewyon

javaScript深拷貝和淺拷貝簡單梳理

在瞭解深拷貝和淺拷貝之前,我們先梳理一下: JavaScript中,分為基本數據類型(原始值)和複雜類型(對象),同時它們各自的數據類型細分下又有好幾種數據類型 基本數據類型 數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 基本數據類型在內存當中,是存儲在棧Stack 在數據結構當中 棧在內存上的分配的空間生命週期很短,當變

lewyon 頭像

@lewyon

昵稱 程序猿布歐

@lewyon

javaScript中Number數字類型方法入門

前言 Number和Math都屬於JavaScript中的內置對象,Number數字類型作為基礎數據類型,我們在開發過程中會經常用到,包括數字精度的格式化,還有字符串轉換成數字等操作。 Number數字 自帶屬性值 Number.EPSILON 兩個可表示(representable)數之間的最小間隔。 Number.MAX_SAFE_INTEGER JavaScript 中最大的安全整數 (

lewyon 頭像

@lewyon

昵稱 程序猿布歐

@lewyon

深度解析javaScript常見數據類型檢查校驗

前言 在JavaScript中,數據類型分為兩大類,一種是基礎數據類型,另一種則是複雜數據類型,又叫引用數據類型 基礎數據類型:數字Number 字符串String 布爾Boolean Null Undefined Symbols BigInt 引用數據類型:日期Dete,對象Object,數組Array,方法Function, 正則regex,帶鍵的集合:Maps, Sets, WeakM

lewyon 頭像

@lewyon

昵稱 程序猿布歐

@y0i1w

ECMAScript 2022(ES13)初體驗

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

y0i1w 頭像

@y0i1w

昵稱 🦄Y0i1w

@jinjidedacong

ES13的11個超讚的新屬性

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

jinjidedacong 頭像

@jinjidedacong

昵稱 進擊的大葱

@shimiandeshatanku

深入理解 ECMAScript 2024 新特性:Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性:Map.groupBy(),它大大簡化了數據分組的操作。無論是在處理數組、對象,還是更復雜的業務邏輯中,分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示,為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()? Map.groupBy() 是 JavaScript 新增的靜態

shimiandeshatanku 頭像

@shimiandeshatanku

昵稱 李遊Leo

@shimiandeshatanku

深入理解 ECMAScript 2024 新特性:Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性,其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式,並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中,我們

shimiandeshatanku 頭像

@shimiandeshatanku

昵稱 李遊Leo

@xiangninglvcha

Flutter應用架構設計:基於Riverpod的狀態管理最佳實踐

Flutter應用架構設計:基於Riverpod的狀態管理最佳實踐 本文基於BeeCount(蜜蜂記賬)項目的實際開發經驗,深入探討如何使用Riverpod構建可維護、可擴展的Flutter應用架構。 項目背景 BeeCount(蜜蜂記賬)是一款開源、簡潔、無廣告的個人記賬應用。所有財務數據完全由用户掌控,支持本地存儲和可選的雲端同步,確保數據絕對安全。 引言 在現代Flutter應用開發中,狀態

xiangninglvcha 頭像

@xiangninglvcha

昵稱 香檸綠茶

@daishuyunshuzhanqianduan

一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 在前一篇文章中,我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快,但是它的底層實現原理確是萬變不離其中,在本文中會從前端路由出發到 react

daishuyunshuzhanqianduan 頭像

@daishuyunshuzhanqianduan

昵稱 袋鼠雲數棧UED

@liulhf

React Router V6項目中的路由鑑權封裝實踐(Hooks)

React Router V6項目中的路由鑑權封裝實踐(Hooks) 1. 前言 1.1 路由封裝的好處 路由鑑權集中管理: 封裝路由組件允許你集中管理路由鑑權邏輯。這意味着在一個地方處理用户是否有權限訪問某個路由,而不是在每個頁面或組件中重複相同的鑑權邏輯。這有助於保持一致性,並簡化了對路由鑑權的維護和更新。 提高代碼複用性: 封裝路由組件可以促進代碼的複用。你可以將通用的路由配置、鑑權邏

liulhf 頭像

@liulhf

昵稱 劉lhf

@chongdianqishi

ReactRouter6 的一些坑點

問題 這幾年忙着寫 Taro 相關業務,所以很久沒有再接觸 ReactRouter 了。從當年使用的 ReactRouter v3 VueRouter v2,功能和寫法都沒什麼差別,而到現在的 ReactRouter v6,就感覺變化十分大。這裏從使用者的角度聊聊,初次上手 v6 的感受和如何應對這些變化。 變化 範式 函數化和標準化,讓其源碼減少了一半 v6 全面擁抱 Hooks,API

chongdianqishi 頭像

@chongdianqishi

昵稱 機器馬

@codesheep_pro

JetBrains出手了,IDEA重大調整,來了!

昨晚我在家網上衝浪例行刷博客時又看到了一個事關 IntelliJ IDEA 變化的重磅消息,可能有些同學也看到了。 JetBrains 決定將 IntelliJ IDEA 全部遷移到統一發行版。 這是什麼意思呢? 大家都知道,在此之前,在 IntelliJ IDEA 官網其實一直是提供有兩套安裝包供用户去下載和安裝使用的。 分別為: IntelliJ IDEA Ultimate:專業旗艦版

codesheep_pro 頭像

@codesheep_pro

昵稱 CodeSheep

@johanazhu

前端學Ruby:前言

人與人的區別不是”受過教育“和”沒受過教育“,而是”喜歡閲讀“和”不喜歡閲讀“ ——《納瓦爾寶典》 寫在前面,筆者是一名前端,現在來學習 ruby,打算寫一系列的文章,將自己學習 ruby on rails 的經驗分享出來,於是就有了這一系列文章:「前端學Ruby:七天筆記」 第一天 安裝 Ruby、Rails 第二天 熟悉 Ruby 語法 第三天 熟悉 Rails 第四天 唐詩API 項目 第五

johanazhu 頭像

@johanazhu

昵稱 山頭人漢波

@johanazhu

前端學 Ruby:安裝Ruby、Rails

Ruby 是什麼 Ruby 是一個注重均衡的語言,它的發明者松本行弘,混合了他喜歡的多門語言(Perl、Smalltalk、Eiffel、Ada 和 Lisp),創造出了一種兼具函數式編程和命令式編程特色的新語言 他“試着讓 Ruby 更自然,而不是更簡單”,讓一切符合生活常規 除此之外,他還提到: Ruby 就像人的身體一樣,表面上看來簡單,但是內部卻相當複雜 如何安裝 ruby 筆者所用的電腦

johanazhu 頭像

@johanazhu

昵稱 山頭人漢波

@johanazhu

前端學 Ruby:熟悉 Ruby 語法

寫在前面 我們當然希望能在本地中執行代碼,如果你還沒有隻是看看,還沒安裝 ruby,可以在 try ruby 或者 replit 在線編寫代碼 本文目錄 Ruby 是什麼 基本語法 變量 算術操作 位運算符 打印輸出 註釋 條件語句:控制流 循環/迭代器 數據結構 String Integer/Float Array Hash Set Range 函數(方法) 面向對

johanazhu 頭像

@johanazhu

昵稱 山頭人漢波

@johanazhu

前端學 Ruby:熟悉Rails

前言 一句話介紹,看 Rails Guides 即可 正文 Rails 是使用 Ruby 語言編寫的 Web 應用開發框架,如同 Node 中的 Express、Koa,Python 中的 Django、Flash。但相比其他,它更強大 Rails 哲學包含兩大指導思想: 不要自我重複(DRY) 多約定,少配置(約定優於配置) 因為它約定優於配置的設計,從而可以使 Rails 應用幾乎不需

johanazhu 頭像

@johanazhu

昵稱 山頭人漢波

@johanazhu

前端學 Ruby:唐詩API項目

前言 我想了半天,該做什麼項目,基於筆者的數據庫知識羸弱,怕一方面做前端一方面做後端會搞得四不像,又累時間又長。所以就想以做純 API 為目的,只做接口會不會更快一些呢 正文 筆者打算做一個全唐詩的 API 項目,此項目只為學習 ruby on rails web 開發並部署至服務器,會逐步從零開始到部署上線,部署手段會有些原始,不過沒事,下個項目筆者會升級部署手段 先新建一個 API 項目 ra

johanazhu 頭像

@johanazhu

昵稱 山頭人漢波

@thinking80s

我的碼農之路

還記得畢業那段時光,命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作,出售各類電腦產品。於是乎,我順理成章地在那裏找到一份差事,負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業,但所學知識卻與編程毫無瓜葛。如今回想起來,也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言,這或許是對我專業能力的一種期待;而於我來説,則更像是一種無法言説的尷尬。每當此時,

thinking80s 頭像

@thinking80s

昵稱 Thinking80s

@thinking80s

我的編程之路

3.1 初識編程 在深圳的這個新起點,我開始了對編程世界的探索。哥哥不僅是我的家人,也成了我編程路上的第一位導師。他耐心地從基礎開始教我,從變量、數據類型到條件語句、循環結構,每一個概念都講解得清清楚楚。 詳細內容: 我還記得第一次編寫代碼時的緊張和興奮。那是一段簡單的程序,用來計算兩個數的和。儘管現在看來非常簡單,但當時卻讓我激動不已。隨着時間的推移,我逐漸掌握了更多的編程知識,開始嘗試編寫更復

thinking80s 頭像

@thinking80s

昵稱 Thinking80s

@thinking80s

技術與思維的轉變

5.1 技術提升的旅程 隨着技術的不斷提升,我發現自己看待問題的角度也在悄然發生變化。我開始習慣於用編程的邏輯去分析問題,用代碼去解決問題。這種轉變不僅僅體現在我的工作中,更影響了我的整個生活。 詳細內容: 技術的提升是一個持續的過程。我不斷地閲讀技術書籍,參加在線課程,學習新的編程語言和框架。每當掌握一項新技術,我都會感到無比的興奮和滿足。更重要的是,我開始用編程的思維去看待周圍的世界,這讓我在

thinking80s 頭像

@thinking80s

昵稱 Thinking80s

@liuyuedekele

智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

liuyuedekele 頭像

@liuyuedekele

昵稱 六月的可樂🥤

@jueqiangdeqianbi

詳解:REST API 中常見的 HTTP 請求參數

HTTP 請求中的請求參數解釋 當客户端發起 HTTP 請求 時,它們可以在 URL 末尾添加請求參數(也叫查詢參數或 URL 參數)來傳遞數據。這些參數以鍵值對的形式出現在 URL 中,方便瀏覽和操作。 請求參數示例 以下是一些帶有請求參數的 URL 示例: /users?id=1234 /posts?category=techsort=asc /search?q=hel

jueqiangdeqianbi 頭像

@jueqiangdeqianbi

昵稱 倔強的鉛筆

@reddish

一種無需認證的微信訂閲號登錄方案:為已有訂閲號賦能用户體系

傳統微信登錄的侷限與現實需求 在現代 Web 應用開發中,第三方登錄已成為提升用户體驗的標準實踐。微信作為國內最普及的社交平台之一,其“微信掃碼登錄”功能被廣泛應用於各類網站和服務。 然而,標準的微信開放平台登錄(即掃碼登錄)存在幾個明顯的短板: 需要企業資質認證:接入微信開放平台並實現掃碼登錄,通常要求開發者完成企業級認證。 與公眾號脱節:掃碼登錄後,用户身份與公眾號之間並無直接關聯,無法

reddish 頭像

@reddish

昵稱 reddish