收藏 / 列表

evilboy 頭像

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

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

indexeddb , cookies , storage , cookie

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

liuyuxuan6666 頭像

LYX6666 - 阿里雲Linux服務器SSH啓用密鑰對連接

前言 當SSH啓用密鑰對之後就會禁止密碼連接，這種情況下安全性會大大加強。 而像阿里雲這種雲服務供應商則把這個流程變得非常簡單。 在買服務器的時候就可以自動配置，我們要做的就是知道怎麼連接它。 創建實例的注意事項 在ECS購買頁面，選擇Linux或Freebsd之後，下面就可以選擇密鑰對連接： 此時如果沒有密鑰對就創建一個： 點擊確認後，會下載私鑰文件，並且密鑰對列表多了一條數據：

rsa , SSH

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

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , 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 - T5 (Text-to-Text Transfer Transformer)介紹和代碼示例

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

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

qifengliao_5e7f5b20ee3bd 頭像

起風了 - JavaScript函數柯里化

JavaScript函數柯里化 一、定義： 柯里化（Currying）是把接受多個參數的函數變換成接受一個單一參數(最初函數的第一個參數)的函數，並且返回接受餘下的參數且返回結果的新函數的技術。 通過一個簡單的例子解釋一下： function add(a, b) { return a + b } add(1, 2); // 3 將函數add轉化為柯里化函數_add： function _

currying , 前端 , 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 - 在nodejs環境使用依賴注入

前言 一直以來static-injector都遵循修舊如舊原則,把 Angular 的依賴注入完整的提取出來 但是這樣的話在其他平台上必須使用transformer來進行一個靜態轉換,一個是影響速度,還有一個就是加大了配置難度 因為 Angular 的依賴注入增加了inject可以在構造時讀取依賴項,所以基本上不影響功能.如果想使用providedIn可以改為類中加入靜態屬性static

node.js , 依賴注入 , typescript , Javascript , Web

bianchengsanmei 頭像

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

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

循環 , for循環 , 前端 , Javascript

imouou_5a60be738882f 頭像

王小o - BUI 新官網上線了，全新出發！

經過幾個月的奮戰，我們的BUI 新官網終於上線了！熱淚盈眶.jpg 簡介 BUI 是一個跨平台UI開發框架，基於路徑式的組件化開發，結合單頁路由，可按需加載，開箱零配置，簡單上手，適合獨立開發各種 Webapp，App，輕應用，小程序，公眾號，聆客，釘釘…… 網站更新內容如下： 【新增】一個新聞資訊類組件化開發的案例，包含（登錄，自動分頁列表，詳情，選項卡，嵌套選項卡，卡片式，用户中心等內容）

框架 , webapp , 模板 , jquery , Javascript

sam-poder 頭像

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

zhouzhou_59fd35dc466dc 頭像

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

javascript字符串常用api使用匯總（一） charAt charCodeAt fromCharCode concat repeat startsWith endsWith includes indexOf lastIndexOf slice substr substring trim charAt、charCodeAt、fromCharCode 按照索引獲

slice , 字符串 , concat , 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互聯網技術 - 線上ES集羣參數配置引起的業務異常案例分析

作者：vivo 互聯網數據庫團隊- Liu Huang 本文介紹了一次排查Elasticsearch node_concurrent_recoveries 引發的性能問題的過程。 一、故障描述 1.1 故障現象 1. 業務反饋 業務部分讀請求拋出請求超時的錯誤。 2. 故障定位信息獲取 故障開始時間 19:30左右開始 故障拋出異常日誌 錯誤日誌拋出timeout錯誤。 故障之前的

elasticsearch , 性能

flydean 頭像

flydean - 架構之:REST和HATEOAS

簡介 我們知道REST是一種架構方式，它只是指定了六種需要遵循的基本原則，但是它指定的原則都比較寬泛，我們需要一種更加具象的約束條件來指導我們的編碼。這就是HATEOAS。 HATEOAS簡介 REST的英文全稱是REpresentational State Transfer，表示的是狀態的轉移。而HATEOAS的全稱是Hypertext As The Engine Of Application

rest , 架構設計 , 架構 , 架構模式

michelle-barker 頭像

Michelle Barker - Simplifying Form Styles With accent-color

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. aspect-ratio is one such p

Tools , Accessibility , Css , Browsers

u_16099229 頭像

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

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

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

wadelau 頭像

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

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

php , smarty , 模板引擎 , JAVA

ddup365 頭像

specialcoder - NPM package.json 中 browser，module，main

參考：https://github.com/SunshowerC/blog/issues/8 browser VS module VS main 我們經常見到 package.json 裏有這樣一段內容： { ... main: dist/index module: dist/index.esm.js browser: dist/zhihu-hybrid.umd.js } 當我們在不

打包 , 模塊化 , 工程化 , npm

suporka 頭像

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

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

canvas , 前端 , Javascript