收藏 / 列表

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

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

chrome , pwa , Css , 前端 , Javascript

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

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

rsa , SSH

健兒 - 記錄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

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

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

瀏覽器原理 , 前端 , Javascript

零一行者 - 從實際營銷活動案例看 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

WangLanguager - Word2Vec介紹和代碼示例

Word2Vec 介紹 Word2Vec 是一種用於生成詞嵌入(word embeddings)的模型,由 Google 的研究團隊於 2013 年提出。它能夠將詞彙映射到一個低維度的向量空間,使得相似的詞在向量空間中距離較近。 Word2Vec 的兩種主要模型 Skip-Gram:給定一個詞,預測其上下文中的詞。適用於處理稀

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

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

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

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

編程三昧 - 深挖前端 JavaScript 知識點 —— 史上最全面、最詳細的 Cookie 總結

完整閲讀本文大約需要二十分鐘時間,可根據文章結構圖直接閲讀自己需要的部分。 1. Cookie 產生的背景 所有新技術的出現都是為了解決某一痛點。 ——《前端三昧》 我們都知道,HTTP 協議是無狀態的,服務器無法知道兩個請求是否來自同一個瀏覽器,也不知道用户上一次做了什麼,每次請求都是完全相互獨立,這嚴重阻礙了交互式 Web 應用程序的實現。例子: 購物車:在典型的網上購物場景中,用户瀏覽

cookies , cookie , chrome-devtools , 前端 , Javascript

王小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

雲綺棠兮 - 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

fx67ll - Dva.js 快速上手指南

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

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

flydean - Spring Boot 3.0橫空出世,快來看看是不是該升級了

簡介 Spring boot 3.0於2022年11月正式發佈了,這次的發佈對於我們普通程序員的影響有多少呢?我們是不是需要考慮立馬升級到Spring Boot3.0呢? 別急,看完這篇文章再來做決定也不遲。 對JAVA17和JAVA19的支持 相信很多小夥伴到現在還是使用得是JDK8,但是JDK8已經發布很多年了,隨着oracle加速JDK版本的發佈,現在每半年發佈一次,目前最新的JDK版本已經

spring-mvc , 架構設計 , springboot , JAVA

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

架構設計師之光 - 如何焊接一個LED音樂頻譜電子DIY LED閃光套件

我喜歡完成的電子套件,我可以在這裏專注於完成-通常是來自遠東的物美價廉的小玩意。我給自己買了一個音樂頻譜計,在連接到高保真音響系統或智能手機後,3.5英寸插孔上的聲音可以讓LED動起來。LED燈的閃爍取決於歌曲的節拍。 規格 •工作電壓:5V USB供電 •信號接入方式:3.5音頻線輸入音頻信號 •安裝方式:DIY焊接組裝 •尺寸:1

電路圖 , 智能手機 , 故障排除 , Css , 前端開發 , HTML

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

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

php , smarty , 模板引擎 , JAVA

specialcoder - JavaScript 模塊化機制

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

模塊化 , 工程化

suporka - underscore 誕生記(二)—— 鏈式調用與混入(mixin)

上篇文章講述了 underscore 的基本結構搭建,本文繼續講鏈式調用與混入。 如果你還沒看過第一篇文章,請點擊 “underscore 誕生記(一)—— 基本結構搭建” 鏈式調用 在 JQuery 中,我們經常使用到鏈式調用,如: $('.div') .css('color', 'red') .show(); 那麼在 underscore 中,是否支持鏈式調用呢?答案是支持的,只不過

underscore系列 , underscore , Javascript

laojean - 【Java數據結構】集合PriorityQueue及其背後的數據結構堆(優先級隊列)(一)

目錄 一、引言 二、什麼是優先級隊列? 2.1 基本概念 三、堆:優先級隊列的底層實現 3.1 堆的基本概念 3.1.1 堆的定義 3.1.2堆的存儲 3.2 堆的核心操作 3.2.1 向下調整(Shift Down) 3.2.2向上調整(Shift Up) 3.2.3插入與刪除操作

sed , 數據結構 , 優先級隊列 , JAVA , 大根堆 , 前端開發 , Javascript

雲端築夢者 - 紅黑樹原理和C++實現

前言:在計算機科學領域,數據結構的選擇直接決定着算法性能的巔峯。紅黑樹——這一被譽為"最優雅的平衡二叉搜索樹",憑藉其嚴格的平衡約束和穩定的對數級時間複雜度(O(log n)),已成為高性能系統的核心支柱。從Linux內核的進程調度到C++ STL的map容器,從數據庫引擎的B+樹後備存儲到實時系統的內存管理,紅黑樹的身影無處不在。

數據結構 , 算法 , 開發語言 , c++ , 前端開發 , 後端 , Javascript

Zara Cooper - How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal

Nowadays it’s essential to have an online presence when running a business. A lot more shopping is done online than in previous years. Having an e-commerce store allows shop owners to open up other

angular , Headless , API , Apps , E-Commerce

Vitaly Friedman - 750 Web Designer Icons [Freebie]

Over the last 1.5 years, Oliver Pitsch was designing and preparing an “ultimate web designer icon set” exclusively for Smashing Magazine and its readers. Today we release the third, final version of

Icons , Freebies , PSD