收藏 / 列表

kasong 頭像

卡頌 - AlpineJS作者：不上班，一年10w刀

大家好，我是卡頌。 今天為大家介紹一位坦誠的老哥。有多坦誠呢？他在推上實時公佈自己賺了多少錢。 到去年6月，老哥的年收入是10w刀。關鍵是：老哥從19年1月就不上班了。 接下來讓我們看看這位坦誠的老哥是如何做到不上班年入10w刀。 不想上班了，想做喜歡的事 這位老哥名叫Caleb Porzio，是一名全棧工程師。在離職前，他的年收入為9w刀。 作為一名每天要在前端、後端來回編碼的全棧工程師，某

開源 , 全棧工程師 , 後端 , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 案例解讀：深入理解瀏覽器的緩存機制

摘要：緩存可以減少網絡 IO 消耗，提高訪問速度。瀏覽器緩存是一種操作簡單、效果顯著的前端性能優化手段。 前言 瀏覽器緩存是前端性能優化的重要一環，對於前端效率提升的重要性，不言而喻。 之前對於瀏覽器緩存也是一知半解，這次藉着H5頁面緩存優化的東風整理了一下本地瀏覽器端的緩存機制，如強制緩存、協商緩存等，並且然後結合門户域各部件（官網、雲社區、雲市場、個人中心、APP）當前的緩存機制進一步分

服務器 , 瀏覽器 , 華為雲 , 緩存 , 瀏覽器緩存

ruozxby 頭像

不語 - ik分詞器 自定義字典無效問題以及解決

關於kaibana自定義字典不生效的問題 kibana 自定義字典不生效的解決： 1確認ik分詞器在ES啓動時生效了(ES啓動時可以再日誌中看那些插件啓動了) 2確認自定義字典的編碼是否正確(一般使用utf-8)，字典不生效90%都是編碼不正確

es7 , JAVA , 程序員 , 後端 , 前端

musicfe 頭像

雲音樂技術團隊 - 手把手帶你走進Babel的編譯世界

作者：BoBoooooo 前言 談及 Babel,必然離不開 AST。有關 AST 這個知識點其實是很重要的，但由於涉及到代碼編譯階段，大多情況都是由各個框架內置相關處理，所以作為開發(使用)者本身，往往會忽視這個過程。希望通過這篇文章，帶各位同學走進 AST，藉助 AST 發揮更多的想象力。 AST 概述 想必大家總是聽到 AST 這個概念，那麼到底什麼是 AST？ AST 全稱是是 Abs

ast , Javascript

hui_61e3b3803b922 頭像

xachary - 手把手使用 SVG + CSS 實現漸變進度環效果

效果 在線Demo 軌道 使用 svg 畫個軌道 svg viewBox="0 0 100 100" circle cx="50" cy="50" r="40" fill="none" stroke-width="10" stroke="#333"/circle /svg 簡單的説，就是使用 circle 畫個圓。需要注意的是，軌道實際是 circle 的 stroke，所以目

css3 , Javascript , svg

user_ze46ouik 頭像

Sunshine_Lin - 看似簡單的題，席捲幾十個前端羣，王紅元老師都親自出面解答

前言 大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心。 首先説明這不是標題黨，是真的，這道題席捲了幾十個羣，能回答出來的人是微乎其微，最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

lihaixing 頭像

lihaixing - ArrayBuffer 二進制數據

在 Web 開發中，當我們處理文件時（創建，上傳，下載），經常會遇到二進制數據。另一個典型的應用場景是圖像處理。 與其他語言相比，JavaScript 中的二進制數據是以非標準方式實現的。 1. 創建二進制數據 基本的二進制對象是 ArrayBuffer —— 對固定長度的連續內存空間的引用。 let buffer = new ArrayBuffer(16); // 創建一個長度為 16 的 bu

二進制 , arraybuffer , 前端 , Javascript

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt.js 應用中的 webpack：change 事件鈎子

title: Nuxt.js 應用中的 webpack：change 事件鈎子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通過webpack:change鈎子，開發者可以知道哪些文件被修改，並可以進行適當的處理，比如重新加載相關模塊，或更新用户界面等。 categories: 前端開

safari , angular , webkit , typescript , 前端

laughingzhu 頭像

LaughingZhu - Doc for DevNow

前言 DevNow 是一個精簡的開源技術博客項目模版，支持 Vercel 一鍵部署，支持評論、搜索等功能，歡迎大家體驗。 🎉🎉 首先慶祝下 DevNow star 在不久前過百，對我來説還是蠻有成就感的，感謝大家的支持。 文檔 之前收到一些朋友私信問關於 DevNow 部署和一些配置的問題，陸陸續續發了幾個相關的文章，但是當文章多了的時候就會不容易查找，所有這兩天就整理了下相關的內容，輸出了

astro , 博客

sihaihande 頭像

漢得數字平台 - 「效率工具」全新種子數據導出導入-助力數據遷移更便捷

效率工具集是一套旨在提升產品研發及項目交付過程中開發、設計、配置遷移等流程效率的工具集，包括IDEA插件H-Copilot、表設計、配置遷移、前端掃描、種子數據導出導入等工具。 我們將提供一系列推文，介紹效率工具的使用，幫助您快速瞭解本工具，給您更好的使用體驗。 本文為系列推文的第六講，將為大家介紹全新種子數據導出導入-助力數據遷移更便捷。 功能亮點 種子數據導出導入工具旨在提供更加便捷、穩定、

paas , 運維 , 環境搭建

yourena_c 頭像

友人A - hightchart的3d餅狀圖圖例顯示問題記錄

3d餅狀圖不顯示圖例，需要在plotOptions.pie.showInLegend設置為true var chart = Highcharts.chart('container', { chart: { type: 'pie', options3d: { enabled: true, alpha: 45,

vue.js , highcharts , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

jianer 頭像

健兒 - 如何用useRef優化重複請求

如題：如何用useRef優化重複請求。 寫業務代碼，時而會遇見這種情況，如下偽代碼： useEffect(() = { // api請求 () }, [a, b]) 參數a來源某接口請求、參數b來源另外一個接口請求 毫無疑問，上面寫法回調函數一定會進去兩次，除了用參數校驗 比如滿足條件再進入api調用，還可以用useRef來暫存參數，而又不會引起頁面的re-rende

react , hook , Javascript

xingfudenaozhong 頭像

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候，有一篇文章《外賣騎手，困在系統裏》。 作為一個互聯網從業人員，我之前從未有機會體會到，當每一個工作都要被時間和算法壓榨時，我會是一種怎樣的感受。 而最近的一段經歷，我感覺也被困在系統裏了。 起因 如果你是一個研發人員，免不了要值班、處理線上問題。當然這都很正常，每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多，加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 你應該瞭解的hooks式接口編程 - useSWR

什麼是 useSWR ? 聽名字我們都知道是一個 React 的 hooks，SWR 是stale-while-revalidate的縮寫, stale 的意思是陳舊的, revalidate 的意思是重新驗證/使重新生效, 合起來的意識可以理解成 在重新驗證的過程中先使用陳舊的，在http 請求中意味着先使用已過期的數據緩存，同時請求新的數據去刷新緩存。 這在 http 請求中Cache-Con

react , hooks , 前端

jsliang 頭像

jsliang - CSS 實例系列 - 03 - Rate 愛心評分

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 今兒要實現的是：Rate 評分 本期將和小夥伴們探討： √ 通過 CSS，配合簡單的 HTML + JS 完成評分組件 本實例的代碼地址： Github - all for one 碼上掘金 - 03 - Rate 愛心評分 一 前言 本 CSS 系列文章： 主推學以致用。結合面試題和工作實例，讓小夥

css3 , css3動畫 , 前端

linong 頭像

linong - 探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式，而無需依賴外部或內部樣式表（儘管在大型項目中，通常推薦使用外部樣式表以維護樣式的集中管理和重用性）。 使用style屬性的好處 直接性：可以立即看到樣式變化的效果，無需跳轉到CSS文件進行修改。 靈活性：對於小型項目或快速原型設

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.2.0 版本，新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography，內置豐富的內容排版 UI，支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件： Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

qinyuanqiblog 頭像

qinyuanqiblog - 使用 puppeteer + nodejs 爬取喜歡的動漫資源

起源 最近突然想嘗試剪視頻，所以就想先從動漫開始，二次元搞起來，剪視頻就必須需要原視頻，怎麼找到這些資源呢，知乎一搜一大把 我經常會上六DM 裏面去看動漫,裏面的動漫清晰度也還可以，所以就想怎麼寫個爬蟲直接把喜歡的動漫下載下來，畢竟是幹前端的，手動下載有點丟人把 😄😄😄 最終效果 下載後的文件名不是.mp4 怎麼解決 比如説我下載的這個龍貓就是啥yum格式的，我

puppeteer , node.js , 前端

zxl20070701 頭像

zxl20070701 - sftp基本的操作

連接 sftp -P 22 username@ip 然後輸入密碼即可登錄。 文件傳輸 上傳文件 put -r /User/zxl20070701/Desktop/demo.html /root/zxl20070701 上面的例子就是把本機電腦的/User/zxl20070701/Desktop/demo.html文件上傳到服務器的 /root/zxl20070701文件夾下。 下載文件 get -

sftp , ftp-get , ftp , Linux , ftp-client

nulidexiaocongmang 頭像

MangoGoing - koa實踐總結

什麼是koa？ koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用，通過組合不同的 generator，可以免除重複繁瑣的回調函數嵌套，並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件，它僅僅提供了一個輕量優雅的函數庫，使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼？ 主要用途 網站（比如cnode這樣的論壇） ap

koa2 , node.js , koa.js , 前端 , Javascript