收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - 超越 Cookie：當今的客户端數據存儲技術

超越 Cookie：當今的客户端數據存儲 作者：Adam Giese 翻譯：瘋狂的技術宅 原文：https://blog.logrocket.com/be... 未經允許嚴禁轉載 當 cookie 被首次引入時，它是瀏覽器保存數據的唯一方式。之後又有了很多新的選擇：Web Storage API、IndexedDB 和 Cache API。那麼 cookie 死了嗎？我們來看看這些在瀏

indexeddb , cookies , storage , cookie

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

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

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

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

jianer 頭像

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平，根據搜索字符在打平數組裏去filter出滿足條件的node節點，但此時被篩選的節點只有子節點，然後再通過被篩選出的子節點去找對應的父節點，然後拿到結果後轉成tree結構 優點：思路簡單，打平數組用了遞歸，好理解 缺點：找父節點的時候相對麻煩。 2、寫一個遞歸算法，滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

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

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

dvqlfbwm 頭像

愛吃雞蛋餅 - 記一次較完整的vue3+koa2簡單項目開發經驗總結

  最近上頭讓我寫個項目簡單的官方網站，需求很簡單，有前後端，前端負責獲取要跳轉的外鏈進行跳轉和介紹視頻的播放，後端負責傳回外鏈和需要播放的視頻。我拿到需求，想了想，這樣子的需求就用不着數據庫了，後端寫個配置文件，傳回固定的數據就可以了，視頻嘛，就通過流的方式傳給前端。   確定好了實現方式，那就擼起袖子開幹。經過簡單思考，使用vue3+koa2的方式來做。一切從簡，安裝vue3-cli和k

全棧 , koa2 , vue3

renzhongdaoyuan_59170ca258c53 頭像

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

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

uniapp , Ajax , 前端 , Javascript

u_15903730 頭像

WangLanguager - GloVe介紹和代碼示例

GloVe 介紹 GloVe（Global Vectors for Word Representation）是一種用於生成詞嵌入的模型，由斯坦福大學的研究團隊於 2014 年提出。與 Word2Vec 的局部上下文窗口方法不同，GloVe 通過全局詞共現矩陣來捕捉詞與詞之間的關係。 GloVe 的基本原理 GloVe 的核心思想是利用詞

yyds乾貨盤點 , 自然語言處理 , 詞向量 , 前端開發 , Javascript , Python

qifengliao_5e7f5b20ee3bd 頭像

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

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

ecmascript , Javascript

willemwei 頭像

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

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

prototype , new , Javascript

wszgrcy 頭像

wszgrcy - 初始化項目像搭積木一樣?你可使用Code Recycle的模板功能

一般情況下,我們初始化新項目的時候,往往都是通過現有文件,製作一個模板(倉庫使用) 但是有時候一個相同的功能(模塊)更新無法同步更新到所有的文件模板上,我們需要在生成後繼續進行細節調整 這時候你可以嘗試下使用Code Recycle的模塊功能 Code Recycle所具有的模板功能 支持交互.你可以在調用時輸入字符串來修改文件中一些變量;你可以選擇選項控制內容是否生成

vscode插件 , 代碼生成 , 腳手架 , 模板

bianchengsanmei 頭像

編程三昧 - 前端 JavaScript 中的三種 for 循環語句總結

JavaScript 中的 for 循環語句相信大家都已經快用厭了，現在有好多文章都在講怎麼減少代碼中的 for 循環語句，但是，你又不得不承認它們真的很有用。今天，我來總結一下前端 JavaScript 中三種 for 循環語句。 for 這大概是應用最廣的循環語句了吧，簡單實用，且大多數時候性能還是在線的，唯一的缺點大概就是太普通，沒有特色，導致很多人現在不願用它。 const array =

循環 , for循環 , 前端 , Javascript

imouou_5a60be738882f 頭像

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

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

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

sam-poder 頭像

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

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 頭像

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

wensandaoshi 頭像

fx67ll - 前端性能優化的利器 ——— 淺談JavaScript中的防抖和節流

防抖和節流函數是工作中兩種常用的前端性能優化函數，今天我就來總結一下什麼是防抖和節流，並詳細説明一下如何在工作中應用防抖和節流函數 什麼是防抖和節流? 在 JavaScript 中，防抖（debounce）和節流（throttle）是用來限制函數執行頻率的兩種常見技術。 防抖（debounce） 是指在某個時間段內，只執行最後一次觸發的函數調用。如果在這個時間段內再次觸發該函數，會重新計時，直到等

性能優化 , 前端性能優化 , loadsh , 前端 , Javascript

vivo_tech 頭像

vivo互聯網技術 - Sharding-JDBC源碼解析與vivo的定製開發

作者：vivo IT 平台團隊 - Xiong Huanxin Sharding-JDBC是在JDBC層提供服務的數據庫中間件，在分庫分表場景具有廣泛應用。本文對Sharding-JDBC的解析、路由、改寫、執行、歸併五大核心引擎進行了源碼解析，並結合業務實踐經驗，總結了使用Sharding-JDBC的一些痛點問題並分享了對應的定製開發與改造方案。 本文源碼基於Sharding-JDBC 4.1.

sharding-jdbc , 源碼分析

flydean 頭像

flydean - ES9的新特性:異步遍歷Async iteration

簡介 在ES6中，引入了同步iteration的概念，隨着ES8中的Async操作符的引用，是不是可以在一異步操作中進行遍歷操作呢？ 今天要給大家講一講ES9中的異步遍歷的新特性Async iteration。 異步遍歷 在講解異步遍歷之前，我們先回想一下ES6中的同步遍歷。 根據ES6的定義，iteration主要由三部分組成： Iterable 先看下Iterable的定義： inter

es8 , ecmascript-6 , es7 , es10 , Javascript

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 頭像

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

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

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

wadelau 頭像

wadelau - GWA2吉娃兔🐇升級模板引擎子系統

近期，全球範圍內的新冠肺炎疫情有所緩解，抗擊疫情有發展成為常態化的趨勢，復工復學正有序展開。GWA2 吉娃兔🐇 在此期間升級改進了模板引擎系統。 這是一件令人開心的事，夙願已久，終得實現。 大約7-8年前，當我們完成GWA2 PHP版本所有主要功能架構後，開始審視代碼進行加強和優化時，就設想在模板文件的加載部分需要優化改進。 這一設想，拖來拖去，竟然有7-8年過去了。 通常情況下，GWA2

php , smarty , 模板引擎 , JAVA

ddup365 頭像

specialcoder - URL參數的格式化和解析

常見場景 傳遞 URL 參數是頁面A與頁面B通信時常用的方法。如：頁面A是新聞列表頁面，在點擊某一條新聞的時候，需要帶着新聞 ID 打開頁面B新聞詳情頁面 pageB?id=${id}，這樣頁面B就能根據解析 URL 上的 ID 獲取具體的新聞詳情了。 常見的格式化和解析方法 🔥🔥🔥 推薦一個好用的解析工具：Prettier URL 給出一段參數： const query = { a

Javascript , url

suporka 頭像

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

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

canvas , 前端 , Javascript