收藏 / 列表

evilboy 頭像

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

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

chrome , pwa , Css , 前端 , Javascript

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中，但是由於調用各廠商的AI接口基本上無法實現完全免費，即使免費額度也是有限制的，所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要，一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口，比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 初識Spring IoC

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

spring , ioc

jianer 頭像

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

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

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

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

dvqlfbwm 頭像

愛吃雞蛋餅 - 知識訂正：瀏覽器工作原理與事件循環

  現代瀏覽器的複雜程度如同操作系統，只有日益完善的機制才能應對現今越來越複雜的網頁交互。筆者前文曾述JS單線程引起的思考，如今看來錯漏百出，知識內容早已過時。基於現在的知識積累，如今再發一文作為勘誤，希望能加深印象，有所收貨。   如同上文的“JS單線程”，筆者之前所學還是片面的知識，JS的單線程在哪個進程之內，交互操作，代碼執行瀏覽器線程更側重誰都是一知半解。現在重新系統學習了一遍知識後

瀏覽器原理 , 前端 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面，這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

u_15903730 頭像

WangLanguager - 序列到序列模型（Seq2Seq）介紹和代碼示例

序列到序列模型（Seq2Seq）介紹 序列到序列模型（Seq2Seq）是一種用於處理序列數據的深度學習架構，廣泛應用於自然語言處理（NLP）任務，如機器翻譯、文本摘要、對話生成等。Seq2Seq 模型通常由兩個主要部分組成：編碼器（Encoder）和解碼器（Decoder）。 關鍵特點 編碼器：編碼器接收輸入序列，將其轉換為一

編碼器 , yyds乾貨盤點 , 機器翻譯 , ci , jquery , 前端開發

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

willemwei 頭像

WillemWei - 模擬實現Javascript中的bind函數

bind() 方法創建一個新的函數，在 bind() 被調用時，這個新函數的 this 被指定為 bind() 的第一個參數，而其餘參數將作為新函數的參數，供調用時使用。 從MDN對於bind的描述來看： 返回值是一個函數，而不是執行結果 this值會指向第一個參數 其餘參數會作為新函數的參數 看個例子： function test(name, age) { console.lo

prototype , bind方法 , new , bind , Javascript

wszgrcy 頭像

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

bianchengsanmei 頭像

編程三昧 - Web Components系列（一） —— 概述

前言 如果我們選擇不使用任何框架的情況下來進行前端開發，那麼針對一個完整的網頁，我們需要開發以下代碼： HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説，HTML 部分的代碼基本不存在複用的可能，這就導致我們可能需要開發大量重複的 HTML 代碼，即使使用 CV 法，代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年，我們在使用前端框架（

component , 組件化 , 前端

imouou_5a60be738882f 頭像

王小o - [分享]高仿網易新聞WebApp模板源碼下載

BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https

hybrid-app , webapp , 前端 , Javascript

sam-poder 頭像

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

zhouzhou_59fd35dc466dc 頭像

周皺 - javascript字符串常用api使用匯總（二）

javascript字符串常用api使用匯總（二） 本文講述所有能使用正則的字符串api search replace replaceAll split match search 按正則搜索字符串 這個api使用很簡單，就是搜索字符串中符合規則的字符的開頭索引 const rex = /\w+/ const str = 'abc123321' console.log(st

split函數 , match , Search , string , Javascript

wuyagege 頭像

雲綺棠兮 - 每日算法題----合併兩個有序數組（利用JS實現）

題目： 給你兩個按 非遞減順序 排列的整數數組nums1 和 nums2，另有兩個整數 m 和 n ，分別表示 nums1 和 nums2 中的元素數目。 請你 合併 nums2 到 nums1 中，使合併後的數組同樣按 非遞減順序 排列。 注意：最終，合併後數組不應由函數返回，而是存儲在數組 nums1 中。為了應對這種情況，nums1 的初始長度為 m + n，其中前 m 個元素表示應合併的元

指針 , 前端

wensandaoshi 頭像

fx67ll - pm2 常用命令

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

node.js , pm2 , Javascript

vivo_tech 頭像

vivo互聯網技術 - 基於 Three.js 的 3D 模型加載優化

作者：來自 vivo 互聯網前端團隊- Su Ning 作為一個3D的項目，從用户打開頁面到最終模型的渲染需要經過多個流程，加載的時間也會比普通的H5項目要更長一些，從而造成大量的用户流失。為了提升首屏加載的轉化率，需要儘可能的降低loading的時間。這裏就分享一些我們在模型加載優化方面的心得。 一、前言 近段時間，我們使用three.js完成了vivo擬我形象的開發工作，大家可以在vivo賬號

rust , three.js , webassembly , 3d

flydean 頭像

flydean - netty系列之:EventExecutor,EventExecutorGroup和netty中的實現

簡介 netty作為一個異步NIO框架，多線程肯定是它的基礎，但是對於netty的實際使用者來説，一般是不需要接觸到多線程的，我們只需要按照netty框架規定的流程走下去，自定義handler來處理對應的消息即可。 那麼有朋友會問了，作為一個NIO框架，netty的多線程到底體現在什麼地方呢？它的底層原理是什麼呢？ 今天帶大家來看看netty中的任務執行器EventExecutor和EventEx

channel , netty , JAVA

michelle-barker 頭像

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

u_16099229 頭像

架構設計師之光 - 談談EF Core實現數據庫遷移

一種更安全、可控的 EF Core 自動遷移方案：模塊化架構下的工程化實踐 在現代應用開發中，數據庫遷移已經成為不可或缺的工程環節。 特別是在 模塊化架構、分佈式系統、多團隊協作 的背景下，傳統 EF Core 遷移雖然足夠靈活，但在工程化落地方面仍存在一些現實挑戰，例如： 各模塊擁有獨立的 DbContext 多人並行開發導致遷移

Core , EF , 模塊化 , 前端開發 , Javascript

wadelau 頭像

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

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

模板引擎 , Javascript

ddup365 頭像

specialcoder - JavaScript 模塊化機制

參考： https://zhuanlan.zhihu.com/p/337796076 JavaScript 模塊化機制概覽 JavaScript 常見的模塊化機制主要有以下三種： AMD (Asynchronous Module Definition): 在瀏覽器中使用，並用 define 函數定義模塊； CJS (CommonJS): 在 NodeJS 中使用，用 require 和 mo

模塊化 , 工程化

suporka 頭像

suporka - underscore 誕生記（一）—— 基本結構搭建

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

underscore , 前端 , Javascript