收藏 / 列表

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同,今年是在線上召開的,每次談話大約十分鐘,討論規模更大。雖然我沒有在第一時間觀看會議的直播,但是看回放也不會錯過這些亮點。 所有的回放在這裏:https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標,可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

LYX6666 - 初識Spring IoC

零、前言 從第一天開始學習SpringBoot,到現在已經有兩年了,兩年以來我的搬磚能力不斷增強,但理論層面仍然是零基礎小白。 因此,打破瓶頸的方法,就是像學長們一樣,多讀書、多看理論知識,然後應用實踐。 所以我開始學習Spring的兩大特性之一——控制反轉(IoC)。 在此之前,我們需要了解什麼是依賴關係。 如果A的成功運行必須需要調用B,此時就可以稱為B是A的依賴。

spring , ioc

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數(異步和同步問題)的坑

大致問題是: 通過map或者foreach循環的回調函數操作數組,回調函數內部有ajax異步函數,通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來,基礎知識,在理解map和foreach這個api不夠深刻,也對await 關鍵詞的使用場景理解不透徹(雖然是for循環,但作用域函數可以找

promise , await-async , map , for循環 , Javascript

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

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

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

零一行者 - 封裝 uniapp 請求庫的最佳實踐

背景 在前端開發中,HTTP 請求是與服務器進行數據交互的核心手段。無論是獲取數據還是提交數據,前端應用幾乎都離不開 HTTP 請求。在 uniapp 中,uni.request 是官方提供的用於發起 HTTP 請求的基礎 API。然而,直接使用 uni.request 存在一些問題和不足,比如: 代碼冗餘:每次發起請求時都需要編寫類似的配置代碼,導致代碼重複。 缺乏統一管理:沒有統一的地方

uniapp , Ajax , 前端 , Javascript

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

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

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

wszgrcy - 使用任意 git 倉庫初始化項目 - `Code Recycle`

為了方便開發,一般初始化項目時都會使用 git 上的模板倉庫 想了解某個項目的功能時,可能會去運行這個倉庫下的某個實例 或者倉庫下某個文件夾內提供了一些文件模板用來限定一些模塊的初始化 上面三種場景,我們都需要拉取倉庫,但是有時候只需要拉取倉庫的一部分,這時候不妨使用Code Recycle,通過幾行配置進行自定義拉取 全部拉取 changeList: - type: copy

github , vscode-extensions , cli , template-engine , Git

編程三昧 - CSS 選擇器總結

CSS 是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變一個網站的界面,而不用改變頁面的標籤。 好一段時間不用 CSS ,有一些基礎知識的記憶有點模糊了,今天再做一次總結記錄,方便日後回顧複習。 選擇器分類 在 CSS 中,選擇器可分為以下幾類: 基本選擇器(通配選擇器、元素選擇器、類選擇器、ID 選擇器、羣組選擇器) 層次選擇器 屬性選擇器 偽類選擇器 偽元素

css3 , css選擇器 , 樣式 , 前端 , html5

王小o - 【快速開發App實戰】BUI高仿網易新聞App系列一、搭建App開發環境和工作空間

一. 搭建App開發環境和工作空間 前言 我們的目標是要做一個真實的案例, 着重通過BUI框架及其相關工具的使用, 結合原生打包平台, 幫助大家理解一個App的開發過程. 以最新網易新聞的App為例, 儘量只描述過程, 細節可以自行完善, 高仿得太過以假亂真, 會有侵權問題 ^_^. 文章會分為多個小章節, 知識點逐個講解的方式, 每天掌握一點點, 進步一點點. 文章首發都會在bui神速訂閲號,

app , hybrid-app , webapp , 前端 , Javascript

Sam Poder - The What, When, Why And How Of Next.js’ New Middleware Feature

“Middleware” isn’t a new term in computing. It is often used as a term to describe a piece of software that holds two systems together. You could call it “glue” for software, and essentially, that’s

Guides , API , next.js , Javascript

周皺 - 一文搞懂String的replace用法

String的replace方法的使用 大部分語言的都有字符串類型,字符串類型基本都有replace方法,今天就來説説javascript的replace方法 const str = 'abcdefjabcd' const newStr = str.replace('a', 'p') console.log(newStr) // pbcdefjabcd 今天的分享就到這裏,恭喜你已經學

replace , string , Javascript

雲綺棠兮 - 每日算法題--- 爬樓梯(利用JS實現)

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢? 示例 1: 輸入:n = 2 輸出:2 解釋:有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2: 輸入:n = 3 輸出:3 解釋:有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

fx67ll - Dva.js 快速上手指南

先説些廢話 最近在開發React技術棧的項目產品,對於數據狀態的管理使用了Dva.js,作為一個資深的ow玩家,我看到這個名字第一反應就是————這不是ow裏的一個女英雄嗎?仔細閲讀了官方文檔之後,發現開發者還真是因為這個角色獲得靈感,來命名這個數據狀態管理插件,果然開發大佬都是工作和休閒兩不誤~ 學過React的同學都知道它的技術棧非常多且雜,所以每當你使用React的時候都需要引入很多的模塊,

react , redux-saga , dva.js , redux , Javascript

flydean - protocol buffer沒那麼難,不信你看這篇

簡介 上一篇文章我們對google的protobuf已經有了一個基本的認識,並且能夠使用相應的工具生成對應的代碼了。但是對於.proto文件的格式和具體支持的類型還不是很清楚。今天本文將會帶大家一探究竟。 注意,本文介紹的協議是proto3版本的。 定義一個消息 protobuf中的主體被稱為是message,可以將其看做是我們在程序中定義的類。我們可以在.proto文件中定義這個message對

protobuf , prototype , JAVA

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

架構設計師之光 - ASP.Net之筆記11-05(Repeater 分頁)

: positional encoding : triplet encoding : subject encoding : object encoding Relation Transformer (RelTR), to directly predict a fixed-size set of − −

歸一化 , 三元組 , 人工智能 , transformer , 深度學習 , 前端開發 , Javascript

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

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

模板引擎 , Javascript

specialcoder - 前端截圖實現

前言 需求背景: 目標:將頁面內容變成圖片分享出去 持久化:不需要服務端存儲 客户端能力:不依賴客户端端能力 使用pupeteer做截圖服務 優點: 前端使用簡單,只需調用接口即可 分享頁面可以和給用户展示的頁面內容分離,不用額外處理樣式等問題 缺點: 新開服務維護服務 接口響應時間較長會影響體驗 結論 調研發現,可以使用html2canvas純前端做頁面轉化成圖片的功能

html2canvas , html5 , Web

suporka - underscore 誕生記(一)—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫,正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異,讓我們可以簡單地對 DOM 進行操作,underscore 則提供了一套完善的函數式編程的接口,讓我們更方便地在 JavaScript 中實現函數式編程。 jQuery 在加載時,會把自身綁定到唯一的全局變量 $ 上,underscore 與其類似,會把自身綁定到唯一的

underscore , 前端 , Javascript

laojean - lemma prop

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

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

雲端築夢者 - c++引用與指針的區別以及引用實例

在C和C++中,指針和引用(取別名)都是用於間接操作數據的機制,但它們在語法、底層實現、使用場景和安全性上有顯著區別。 1. 定義與語法 指針(C/C++): 是一個變量,存儲的是另一個變量的內存地址。 聲明時需要顯式指定類型(如 int*),且可以為 NULL。 語法示例: int x = 1

flask , C語言 , c++ , 動態內存 , httpx , Css , 前端開發 , HTML

Zara Cooper - Useful JavaScript Data Grid Libraries

This article has been kindly supported by our dear friends at Bryntum who are strong believers in the web as an application platform and provide advanced UI components and dev tools for over 5000

Tools , Javascript , ui

Vitaly Friedman - Rethinking Authentication UX

Authentication is a tricky subject. There are so many terms floating around us, from 2FA to MFA to OTP — and it might be difficult to make sense of what we need and when we need it. But authenticati

Design Patterns , ux , Usability , authentication

前端胖頭魚 - 看Zepto如何實現增刪改查DOM

前言 dom也就是文檔對象模型,是針對HTML和XML的一個api,描繪了一個層次化的節點樹。雖然瀏覽器原生給我們提供了許多操作dom的方法,使我們可以對dom進行查找,複製,替換和刪除等操作。但是zepto在其基礎上再次封裝,給以我們更加便捷的操作方式。先看下圖,我們以刪除元素,插入元素,複製元素,包裹元素和替換元素幾個模塊分別探究zepto如何一一將其實現。 原文鏈接 github項目

zepto , Css , jquery , HTML , Javascript