收藏 / 列表

kasong 頭像

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

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

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

huaweiclouddeveloper 頭像

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

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

mvp , 轉型 , 人工智能

ruozxby 頭像

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

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

elasticsearch , es7 , API , JAVA , 程序員

musicfe 頭像

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

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

svg動畫 , 前端

hui_61e3b3803b922 頭像

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

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

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

user_ze46ouik 頭像

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

lihaixing - ArrayBuffer 二進制數據

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

二進制 , arraybuffer , 前端 , Javascript

lirong_60404fde6d52d 頭像

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

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

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

wanzuqiudeshangba 頭像

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

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

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

fengliudeshanghen 頭像

風流倜儻的傷痕 - 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 頭像

LaughingZhu - DevNow：支持集成 Tina CMS

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

astro , blog , Markdown

sihaihande 頭像

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

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

paas , 運維 , 環境搭建

yourena_c 頭像

友人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

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

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

underscore , 前端 , Javascript

jianer 頭像

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

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

Ajax , 前端 , Javascript

xingfudenaozhong 頭像

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

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

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

daishuyunshuzhanqianduan 頭像

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

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

react , react-router , 前端

jsliang 頭像

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

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

求職 , 前端工程師 , 前端

linong 頭像

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

htvlz 頭像

海豚V靚仔 - HTML 註釋

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

前端 , html5

aresn 頭像

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

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

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

puppeteer , nodejs爬蟲

zxl20070701 頭像

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

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

react , redux , 前端

nulidexiaocongmang 頭像

MangoGoing - react 動態加載路由

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

react , react-router4