收藏 / 列表

卡頌 - 組長讓我把所有state都放Redux裏

大家好,我是卡頌。 在我們React進階源碼羣裏,除了React外,狀態管理是最常討論的話題。 詭異的是,有多個羣友説過類似的話: 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對,又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係,希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

react , vue.js , mobx , redux , 前端

華為雲開發者聯盟 - 華為雲MVP付健權:從機械工程師到AI開發者的華麗轉身

摘要:誰説AI開發難,看一個機械工程師是如何轉型成為AI工程師的。 付健權,華為雲MVP,企業上雲導師。軟通動力,售前解決方案經理,為製造業講解華為雲產品,為客户提供上雲和雲上解決方案。為企業提供大數據方面解決方案包括數據上雲,數據存儲,數據分析,結果反饋整個流程。 “從來沒有想到自己會進入到互聯網行業,因為本人所從事的工作以及工作經歷都是純工科,工作的地方也是非常傳統的製造業。”提起自己

mvp , 轉型 , 人工智能

不語 - ElasticSearch通過JavaAPI無法查詢到中文字段的原因及解決

ElasticSearch通過JavaAPI無法查詢到中文字段的原因: 中文被標準分詞器分詞了,自然就查詢不到一個完整的字段名 解決: 在查詢方法中的name參數後加上 .keyword 告訴程序這是一個完整的詞,不可拆分 給個大特寫

elasticsearch , es7 , API , JAVA , 程序員

雲音樂技術團隊 - SVG基礎及其動畫應用淺析

本文作者:錢鴻昌(閃火) 一、我們為什麼使用svg 和高清png來做個對比 繼續對比 同樣高清的質地,矢量圖不畏懼放大,體積小。這裏要説明一點就是,因為 SVG 中保存的是點、線、面的信息,與分辨率和圖形大小無關,只是跟圖像的複雜程度有關,所以圖像文件所佔的存儲空間通常會比 png 小。 優化 SEO 和無障礙的利器,因為 SVG

svg動畫 , 前端

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件,從代碼到NPM發佈(2)- NPM發佈、在線示例

這裏分享一下本開源項目是如何構建組件庫及其如何發佈到NPM上的,還有組件庫與在線示例的構建有什麼差異。 請大家動動小手,給我一個免費的 Star 吧~ 大家如果發現了 Bug,歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 版本更新信息 拖動 調整大小 拖入 嵌套 有限的嵌套 關於構建 與構建有關的文件,主要有: └─ dist - 構建的組件

組件庫 , vue3 , 拖拽 , typescript , 前端

Sunshine_Lin - 新一代狀態管理工具,Pinia.js 上手指南

本文為轉載文 作者:小學生study 鏈接:https://juejin.cn/post/704919... 前言 Pinia.js 是新一代的狀態管理器,由 Vue.js團隊中成員所開發的,因此也被認為是下一代的 Vuex,即 Vuex5.x,在 Vue3.0 的項目中使用也是備受推崇。 Pinia.js 有如下特點: 完整的 typescript 的支持; 足夠輕量,壓

vue.js , vuex , 進階 , 前端

lihaixing - ArrayBuffer 二進制數據

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

二進制 , arraybuffer , 前端 , Javascript

李不要熬夜 - 移動端rem 適配方案

rem是什麼? rem(font size of the root element)是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位,em(font size of the element)是指相對於父元素的字體大小的單位。它們之間其實很相似,只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

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

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

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

風流倜儻的傷痕 - Nuxt Kit 自動導入功能:高效管理你的模塊和組合式函數

title: Nuxt Kit 自動導入功能:高效管理你的模塊和組合式函數 date: 2024/9/14 updated: 2024/9/14 author: cmdragon excerpt: 通過使用 Nuxt Kit 的自動導入功能,您可以更高效地管理和使用公共函數、組合式函數和 Vue API。無論是單個導入、目錄導入還是從第三方模塊導入,您都可以通過簡單的

react , vue.js , angular , webkit , npm

LaughingZhu - DevNow:支持集成 Tina CMS

前言 想了很久是否要集成一個類似 CMS 的管理平台來管理這些文章的內容,終於在這周開始落地了。簡單説一下我為什麼有這個想法的:由於 DevNow 的定位📌是一個開源的博客項目,所以我在努力的跳出我自己的想法,避免因為一些自己想要的一些功能來讓 DevNow 看起來更加的臃腫。集成 Headless CMS 的主要目的是優化現在的工作流,由於我們是基於 Astro 來構建的一個博客項目,所以我們

astro , blog , Markdown

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

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

paas , 運維 , 環境搭建

友人A - ubuntu 16.04搭建gitlab

hint: 此次搭建由於沒有root賬户權限,所以最開始準備用在線安裝方式的步驟開始,在安裝gitlab-ce的時候無法換鏡像源,所以gitlab-ce採用了離線下載安裝包的方式,其餘的依賴是在線安裝方式。 最開始傳統步驟👇 sudo apt update sudo apt install curl openssh-server ca-certificates sudo apt inst

ubuntu16.04 , Linux , gitlab , gitlab-ce

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中,你需要兩個外部變量來管理狀態: // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單:在每個請求發出去之前,都帶上當前的 token

Ajax , 前端 , Javascript

幸福的鬧鐘 - 普通程序員的“技術債滾雪球”……讓我升職後的一件事就是“降本增效”?

🚧 本文沒有技術乾貨,只有技術人的乾巴人生。建議帶點冰闊落一起服用。 一、從Spring MVC到Spring Cloud,人生第一次“技術債滾雪球” 我工作的第八年了,回頭看自己這一身技藝。 最開始是Spring MVC,配置寫得像祖傳配方,一層包一層。 後來接觸Spring Boot,像打開了人生外掛,啓動速度快到讓我以為自己寫的服務終於不再有Bug了。 再後來,Spring Cloud來了

觀點 , 全棧 , 程序員 , 後端 , 前端

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 在前一篇文章中,我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快,但是它的底層實現原理確是萬變不離其中,在本文中會從前端路由出發到 react

react , react-router , 前端

jsliang - 前端都在聊什麼 - 第 2 期

Hello 小夥伴們早上、中午、下午、晚上、深夜好,我是愛折騰的 jsliang~ 「前端都在聊什麼」是 jsliang 日常寫文章/做視頻/玩直播過程中,小夥伴們的提問以及我的解疑整理。 視頻同步:https://www.bilibili.com/vide... 本期對應 2023 年的 01.16-01.31 這個時間段。 本期針對「規劃」「工作」「學習」「閒談」這 4 個板塊進行了討論

求職 , 前端工程師 , 前端

linong - 前端培訓-中級階段(21)- xhr2、FormData(2019-10-17期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 AJAX 我們肯定不陌生,低版本IE使用new ActiveXObject("Microsoft.XMLHTTP"),其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋,這些註釋對瀏覽器是不可見的,因此不會影響頁面的顯示。註釋標籤的語法非常簡單,以!--開始,以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分,或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋,它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒:

前端 , html5

Aresn - View UI Plus 發佈 1.1.0 版本,支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

qinyuanqiblog - puppeteer模擬用户爬取網站(附贈Chromium 無法下載的解決辦法)

起源 最近被前同事問是否可以幫他去爬取一個網站的數據,然後他把網站發給我了,之後我就去研究了下, 本來計劃用spider-flow 這個東西來爬的,畢竟能不寫代碼的,為啥我要去寫代碼,然後研究了下spider-flow 發現滿足不了需求,浪費了兩天時間, 😄😄😄, 還是老老實實手寫把,對spider-flow 感興趣的可以看看我寫的:https://www.mubucm

puppeteer , nodejs爬蟲

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先,你需要創建Store實例並暴露出來: // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

MangoGoing - react 動態加載路由

前言 react-router4 不再推薦將所有路由規則放在同一個地方集中式路由,子路由應該由父組件動態配置,組件在哪裏匹配就在哪裏渲染,更加靈活 引入必要的依賴 import React from 'react' import { Router, Route, IndexRoute, hashHistory } from 'react-router' 接下來創建一個component函數 目的就

react , react-router4