自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

51CTO首頁(yè)

AI.x社區(qū)

軟考社區(qū)

免費(fèi)課

企業(yè)培訓(xùn)

鴻蒙開(kāi)發(fā)者社區(qū)

WOT技術(shù)大會(huì)

公眾號(hào)矩陣

移動(dòng)端

視頻課免費(fèi)課排行榜短視頻直播課軟考學(xué)堂

全部課程軟考華為認(rèn)證廠(chǎng)商認(rèn)證 IT技術(shù)PMP項(xiàng)目管理免費(fèi)題庫(kù)

在線(xiàn)學(xué)習(xí)

文章資源問(wèn)答課堂專(zhuān)欄直播

51CTO

鴻蒙開(kāi)發(fā)者社區(qū)

51CTO技術(shù)棧

51CTO官微

51CTO學(xué)堂

51CTO博客

CTO訓(xùn)練營(yíng)

鴻蒙開(kāi)發(fā)者社區(qū)訂閱號(hào)

51CTO軟考

51CTO學(xué)堂APP

51CTO學(xué)堂企業(yè)版APP

鴻蒙開(kāi)發(fā)者社區(qū)視頻號(hào)

51CTO軟考題庫(kù)

賬號(hào)設(shè)置退出

開(kāi)發(fā)

7.7w內(nèi)容??

關(guān)注

向開(kāi)發(fā)者分享前端開(kāi)發(fā)、后端開(kāi)發(fā)、游戲開(kāi)發(fā)、測(cè)試開(kāi)發(fā)、開(kāi)發(fā)工具、中臺(tái)與架構(gòu)、VR與AR等相關(guān)軟件開(kāi)發(fā)的技術(shù)資訊與實(shí)踐案例。

文章博文帖子課程

共 1532 條

夯實(shí)基礎(chǔ)，不能忽視的“數(shù)據(jù)庫(kù)”

如果我們把數(shù)據(jù)比作“米”，數(shù)據(jù)庫(kù)就是“米倉(cāng)”。沒(méi)錯(cuò)，從標(biāo)準(zhǔn)定義來(lái)講，數(shù)據(jù)庫(kù)就是按照數(shù)據(jù)結(jié)構(gòu)來(lái)組織，存儲(chǔ)和管理數(shù)據(jù)的倉(cāng)庫(kù)。數(shù)據(jù)庫(kù)的設(shè)計(jì)初衷？就像米多了要修建米倉(cāng)一樣，在操作系統(tǒng)出現(xiàn)之后，隨著計(jì)算機(jī)應(yīng)用范圍的擴(kuò)大、需要處理的數(shù)據(jù)迅速膨脹。起初，數(shù)據(jù)與程序一樣，以簡(jiǎn)單的文件作為主要存儲(chǔ)形式。以這種方式組織的數(shù)據(jù)在邏輯上更簡(jiǎn)單，但可擴(kuò)展性差，訪(fǎng)問(wèn)這種數(shù)據(jù)的程序需要了解數(shù)據(jù)的具體組織格式。當(dāng)系統(tǒng)數(shù)據(jù)量大或者

2022-09-14 09:13:56

數(shù)據(jù)庫(kù)數(shù)據(jù)關(guān)系型數(shù)據(jù)庫(kù)

#yyds干貨盤(pán)點(diǎn)#組件化漫談

今天前端生態(tài)里面，??React??、??Angular??和??Vue??三分天下。雖然這三個(gè)框架的定位各有不同，但是它們有一個(gè)核心的共同點(diǎn)，那就是提供了組件化的能力。??W3C??也有??Web Component??的相關(guān)草案，也是為了提供組件化能力。今天我們就來(lái)聊聊組件化是什么，以及它為什么這么重要。?其實(shí)組件化思想是一種前端技術(shù)非常自然的延伸，如果你使用過(guò)???HTML???，相信你一定

2022-09-13 22:08:07

html 組件化自定義

基于threejs中秋佳節(jié)之際帶你遨游星空?

海上生明月，天涯共此時(shí)。又是一年中秋時(shí)，回想上一次賞月已是那遙遠(yuǎn)的童年時(shí)光，忙碌使我們忘卻了假日應(yīng)有的舒緩。今天在這假期即將開(kāi)始的時(shí)候，讓我們用代碼來(lái)過(guò)個(gè)節(jié)。今天的主題是基于threejs畫(huà)出月球環(huán)繞地球運(yùn)動(dòng)的效果，并增加飛躍星空的感覺(jué)，如封面圖所示。球體繪制首先繪制出地球和月球，基于SphereBufferGeometry類(lèi)繪制三維球體，參數(shù)如下：參數(shù)描述radius該屬性定義球體的半徑，默認(rèn)值

2022-09-09 18:16:03

javascript 默認(rèn)值最小值

JavaScript 剪貼板 Clipboard 的那些事兒！

減輕閱讀負(fù)擔(dān)，啟發(fā)創(chuàng)作心智，輕松學(xué)習(xí) JavaScript 技巧，日拱一卒，jym，沖~本篇帶來(lái) —— JavaScript 剪貼板 Clipboard 的那些事兒！復(fù)制粘貼就是互聯(lián)網(wǎng)最偉大的發(fā)明，無(wú)論是使用快捷鍵 ctrl c 、ctrl v，還是鼠標(biāo)選中右鍵復(fù)制再粘貼，Copy 操作都是非常簡(jiǎn)單的。然而要注意的是，你的剪貼板 Clipboard 或許在被有些軟件無(wú)時(shí)無(wú)刻的監(jiān)聽(tīng)著，有時(shí)候在知乎上

2022-09-09 11:43:39

html 剪貼板數(shù)據(jù)

#yyds干貨盤(pán)點(diǎn)#常見(jiàn)的JavaScript內(nèi)存錯(cuò)誤

JavaScript 不提供任何內(nèi)存管理操作。相反，內(nèi)存由 JavaScript VM 通過(guò)內(nèi)存回收過(guò)程管理，該過(guò)程稱(chēng)為垃圾收集。?既然我們不能強(qiáng)制的垃圾回收，那我們?cè)趺粗浪苷９ぷ?？我們?duì)它又了解多少呢？腳本執(zhí)行在此過(guò)程中暫停它為不可訪(fǎng)問(wèn)的資源釋放內(nèi)存它是不確定的它不會(huì)一次檢查整個(gè)內(nèi)存，而是在多個(gè)周期中運(yùn)行它是不可預(yù)測(cè)的，但它會(huì)在必要時(shí)執(zhí)行這是否意味著無(wú)需擔(dān)心資源和內(nèi)存分配問(wèn)題?當(dāng)然不是。如

2022-09-08 22:22:50

內(nèi)存泄漏垃圾收集 javascript

Node.js的多版本管理工具之nvm

nvm是Node.js版本管理的實(shí)用程序，通常有些項(xiàng)目必須依賴(lài)不同版的 NodeJS 運(yùn)行環(huán)境，此時(shí)nvm應(yīng)運(yùn)而生，用于管理node的版本以及能很方便的進(jìn)行node版本的切換。

2022-09-06 14:27:42

node.js javascript nvm

[教你做小游戲] 滑動(dòng)選中！PC端+移動(dòng)端適配！完美用戶(hù)體驗(yàn)！斗地主手牌交互示范

如何讓你的網(wǎng)頁(yè)交互同時(shí)支持PC端DragEvent和移動(dòng)端TouchEvent？里面有諸多難點(diǎn)和坑點(diǎn)，本文教你如何實(shí)現(xiàn)多端體驗(yàn)都很完美的滑動(dòng)選中！

2022-09-05 07:13:49

前端 JavaScript js

[Go WebSocket] 你的第一個(gè)Go WebSocket服務(wù): echo server

如果你想實(shí)現(xiàn)WebSocket，基于壓測(cè)數(shù)據(jù)，強(qiáng)烈建議你用Go！本文手把手教你實(shí)現(xiàn)一個(gè)echo服務(wù)，很適合用于新手入門(mén)！每一行代碼都有詳細(xì)注釋。

2022-09-02 07:23:26

后端 JavaScript js

開(kāi)箱即用，這些 Vue3 后臺(tái)管理系統(tǒng)模板絕對(duì)讓你爽歪歪！

原文鏈接：??Vue3 后臺(tái)管理系統(tǒng)模板推薦??。之前寫(xiě)了一篇關(guān)于 Vue2 的后臺(tái)管理系統(tǒng)模板的推薦，Vue3 在今年2月份已成為新的默認(rèn)版本，本文收集了一些 Vue3 的后臺(tái)管理系統(tǒng)模板，分享給在座的仌。還是老規(guī)矩，按照 ??Github?? 星標(biāo)數(shù)量來(lái)依次介紹。

2022-09-02 01:06:53

typescript vue3 管理后臺(tái)模板

Selenium 中的 JUnit 注解

JUnit是一個(gè)基于Java的開(kāi)源框架，可幫助測(cè)試人員執(zhí)行單元測(cè)試。JUnit主要用于測(cè)試應(yīng)用程序的每個(gè)單元或組件，例如類(lèi)和方法。它有助于編寫(xiě)和運(yùn)行可重復(fù)的自動(dòng)化測(cè)試，以確保項(xiàng)目代碼按預(yù)期運(yùn)行。還可以使用JUnit執(zhí)行Selenium自動(dòng)化測(cè)試用例，以測(cè)試Web應(yīng)用程序或網(wǎng)站。在我們開(kāi)始討論Selenium中的JUnit注解之前，讓我們快速回顧一下JUnit在測(cè)試人員社區(qū)中流行的原因。為什么JUn

2022-08-31 09:31:42

java 測(cè)試方法測(cè)試用例

[JS入門(mén)到進(jìn)階] 手寫(xiě)解析uin8數(shù)組的工具：解析二進(jìn)制字節(jié)，太快太方便了！

我常常需要處理二進(jìn)制數(shù)據(jù)，他們通常用uin8數(shù)組來(lái)表示。我寫(xiě)了個(gè)工具，可以便捷的把uint8數(shù)組轉(zhuǎn)換為二進(jìn)制、十進(jìn)制、十六進(jìn)制、ASCII、整數(shù)。真的很方便！

2022-08-31 07:17:14

前端 JavaScript js

這些前端新技術(shù)你很難再忽視了 —— pnpm

?What什么是 pnpm？答：簡(jiǎn)單理解 pnpm 就是 npm、yarn 的同類(lèi)競(jìng)爭(zhēng)對(duì)手，是一款現(xiàn)代包管理器。?Why那為什么要選 pnpm ，而不是 npm 或 yarn 呢？給出理由答：我不但能給出理由，還能給出 3 大點(diǎn)！節(jié)省磁盤(pán)空間當(dāng)使用 npm 或 Yarn 時(shí)，如果你有 100 個(gè)項(xiàng)目，并且所有項(xiàng)目都有一個(gè)相同的依賴(lài)包，那么，你在硬盤(pán)上就需要保存 100 份該相同依賴(lài)包的副本。然而

2022-08-30 09:30:16

ios 依賴(lài)包 json

[JS入門(mén)到進(jìn)階] 手寫(xiě)裁剪圖片的工具，并部署。一鍵裁剪51CTO文章封面

裁剪圖片，一個(gè)常用功能！但是無(wú)需下載APP、且安全、方便的工具還真不好找！今天，我們前端開(kāi)發(fā)者用基礎(chǔ)JS API手寫(xiě)一個(gè)裁剪圖片工具！實(shí)現(xiàn)一鍵自動(dòng)化裁剪！

2022-08-30 07:17:38

前端 JavaScript js

[JS入門(mén)到進(jìn)階] 手寫(xiě)解析URL參數(shù)的工具，并部署。用起來(lái)又快又爽！

工作中，要根據(jù)URL排查問(wèn)題，需要解析它的參數(shù)才能去前端日志搜索；而我面試字節(jié)跳動(dòng)、阿里巴巴時(shí)，都遇到了面試題：手寫(xiě)URL解析。所以，一起來(lái)手寫(xiě)實(shí)現(xiàn)解析URL的工具并部署吧！

2022-08-29 18:13:12

前端 JavaScript js

這些前端新技術(shù)你很難再忽視了 —— Tauri

新系列《這些前端新技術(shù)你很難再忽視了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一個(gè)都引領(lǐng)前端技術(shù)演變趨勢(shì)，很有必要了解。咱們將采用 5W1H 分析法，即 What（何事）、Why（何因）、Where（何地）、When（何時(shí)）、何人（Who）、How（何法）6 個(gè)維度來(lái)解析這些“新玩意兒”。本篇帶來(lái) —— Tauri，新一代構(gòu)建跨平臺(tái)的快速、安全、前端隔離應(yīng)用。閑

2022-08-27 15:39:57

javascript vue.js 跨平臺(tái)

React中路由中的redux和redux拓展

路由中使用redux在路由中使用redux只需要兩步第一步在路由策略組件中（如HashRouter），渲染Route組件，并在該Route路由規(guī)則組件中，引入connect方法處理后的應(yīng)用程序組件第二步在Provider組件中，渲染路由策略組件（如HashRouter）。注意：路由規(guī)則渲染組件的時(shí)候，路由規(guī)則組件只負(fù)責(zé)向組件傳遞路由相關(guān)的數(shù)據(jù)，其他的數(shù)據(jù)（如store數(shù)據(jù)）是不會(huì)傳遞的所以Ro

2022-08-26 15:34:03

數(shù)據(jù)ide 中間件

這些前端新技術(shù)你很難再忽視了 —— Svelte

新系列《這些前端新技術(shù)你很難再忽視了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一個(gè)都引領(lǐng)前端技術(shù)演變趨勢(shì)，很有必要了解。咱們將采用 5W1H 分析法，即 What（何事）、Why（何因）、Where（何地）、When（何時(shí)）、何人（Who）、How（何法）6 個(gè)維度來(lái)解析這些“新玩意兒”。本篇帶來(lái) —— Svelte，或許很多工友已經(jīng)很熟悉了，還不認(rèn)識(shí)的工友趕快

2022-08-26 09:41:12

html javascript 數(shù)據(jù)

React中詳解redux

reduxredux嚴(yán)格按照f(shuō)lux思想實(shí)現(xiàn)的一套框架，實(shí)現(xiàn)了單一數(shù)據(jù)流向。組成部分redux由四部分組成action 組件發(fā)布的消息store 存儲(chǔ)消息的reducers 捕獲action，處理數(shù)據(jù)的方法view 組件視圖了通信流程一個(gè)組件發(fā)布actionaction通過(guò)store被reducers捕獲reducers根據(jù)消息的類(lèi)型處理數(shù)據(jù)reducers將新的數(shù)據(jù)存儲(chǔ)在store中store將

2022-08-25 13:10:23

數(shù)據(jù)中間件函數(shù)式編程

這些前端新技術(shù)你很難再忽視了 —— SolidJS

新系列《這些前端新技術(shù)你很難再忽視了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一個(gè)都引領(lǐng)前端技術(shù)演變趨勢(shì)，很有必要了解。咱們將采用 5W1H 分析法，即 What（何事）、Why（何因）、Where（何地）、When（何時(shí)）、何人（Who）、How（何法）6 個(gè)維度來(lái)解析這些“新玩意兒”。閑話(huà)少說(shuō)，沖了~點(diǎn)贊收藏關(guān)注，今晚一夜暴富 ????What什么是 Sol

2022-08-25 09:18:38

代碼風(fēng)格實(shí)時(shí)更新預(yù)編譯

《合成大西瓜》重制版！（聯(lián) 機(jī) 版在做了）

我用Vite、物理引擎box2d、渲染庫(kù)pixi.js重制了《合成大西瓜》！代碼開(kāi)源，手把手保姆級(jí)別教學(xué)！我還用React和WebSocket實(shí)現(xiàn)了《合成大西瓜》聯(lián)機(jī)版！

2022-08-25 07:09:04

前端 JavaScript js

《CSS揭秘》讀書(shū)筆記-條紋背景(一)

背景知識(shí)顏色漸變?cè)O(shè)置：background: linear-gradient(direction, color-stop1, color-stop2, ...);指定背景圖片大?。篵ackground-size: length|percentage|cover|contain;難題在網(wǎng)頁(yè)設(shè)計(jì)和其他傳統(tǒng)媒介中，各種尺寸、顏色、角度的條紋圖案在視覺(jué)設(shè)計(jì)中無(wú)處不在。想要在網(wǎng)頁(yè)中實(shí)現(xiàn)條紋圖案，通常我們的方

2022-08-24 17:25:01

css 背景圖視覺(jué)設(shè)計(jì)

React中Flux與redux

混合react提供了組件的目的是為了復(fù)用虛擬DOM，所以react提供了混合的技術(shù)是為了復(fù)用組件的功能在ES5中，我們可以通過(guò)mixins使用，繼承對(duì)象中的屬性和方法但是ES6中，提供了extends關(guān)鍵字實(shí)現(xiàn)了繼承，因此就移除了mixins，所以我們可以通過(guò)extends實(shí)現(xiàn)混合的繼承。分成兩步第一步定義混合類(lèi)，繼承組件基類(lèi)第二步組件類(lèi)，繼承混合類(lèi)這樣組件類(lèi)，通過(guò)混合類(lèi)就繼承了組件基類(lèi)之所以

2022-08-24 15:29:15

數(shù)據(jù)css 傳遞數(shù)據(jù)

[教你做小游戲] 用86行代碼寫(xiě)一個(gè)聯(lián)機(jī)五子棋WebSocket后端

如何做一個(gè)聯(lián)機(jī)對(duì)戰(zhàn)的五子棋？這需要個(gè)后端服務(wù)，我手把手帶你編寫(xiě)一下聯(lián)機(jī)五子棋的WebSocket后端代碼，只需要86行代碼噢?？靵?lái)學(xué)！

2022-08-23 19:20:59

前端 JavaScript js

#yyds干貨盤(pán)點(diǎn)#vue.config.js 的完整配置

今天分享一下，我們項(xiàng)目當(dāng)中的一些??webpack??配置，希望能給大家有所啟發(fā)；只要配置多了，你就會(huì)發(fā)現(xiàn)其實(shí)所有的配置的都是相似的，尤其像插件的配置，都是十分相似的。我們現(xiàn)在開(kāi)始進(jìn)入今天的主題啦~~1 介紹之前，我有提到過(guò)，當(dāng)然大家肯定也都知道，Vue3.0不在有??webpack.config.js??的配置；但是不可避免,在項(xiàng)目開(kāi)發(fā)中我們肯定會(huì)存在一些特殊的需求需要調(diào)整??webpack??

2022-08-21 17:33:08

css github html

那些你不知道的 CSS 自定義形狀網(wǎng)格布局

關(guān)于那些你不知道的CSS自定義網(wǎng)格布局，基于 clip-path和mask完成六邊形蜂窩，菱形，三角形，拼圖等風(fēng)格布局，快來(lái)看看吧

2022-08-19 09:39:40

css 布局 clip-path

Review 實(shí)戰(zhàn)經(jīng)典：2 種封裝風(fēng)格，你偏愛(ài)哪種？

?背景交代一直想做一個(gè)調(diào)研，到底有多少比例的 web 前端工友工作內(nèi)容以開(kāi)發(fā)后臺(tái)管理系統(tǒng) 為主。本瓜雖然以前也做過(guò)小程序項(xiàng)目、H5項(xiàng)目，但現(xiàn)實(shí)仍是以開(kāi)發(fā)后臺(tái)管理系統(tǒng)為主，是個(gè)不折不扣的“后管前端er”。大部分 web 前端工友應(yīng)該也相似吧，這或許是由市場(chǎng)需求決定的。所以大家在后臺(tái)管理系統(tǒng)項(xiàng)目中遇到的很多問(wèn)題也都是相似的，代碼很值得 review，本篇帶來(lái)一例（真實(shí)）~閑言少敘，開(kāi)沖??！ヾ(?°?

2022-08-17 20:50:09

復(fù)用封裝字段

CSS中的文字美化與裝飾屬性

text-shadow??text-shadow??是文字陰影，不支持inset關(guān)鍵字，也就是text-shadow只有外陰影，沒(méi)有內(nèi)陰影，不支持陰影擴(kuò)展，最多支持3個(gè)數(shù)值，分別表示水平偏移、垂直偏移和模糊大小。// 右方、下方偏移2px，模糊3pxtext-shadow: 2px 2px 3px red;text-stroke??text-stroke??和??text-fill-color??

2022-08-15 09:56:46

sed ide 屬性值

RxJS實(shí)現(xiàn)“搜索”功能

閑言少敘，直接開(kāi)沖！先用 JS 原生寫(xiě)一個(gè)搜索功能：<input id="text"></input><script> var text = document.querySelector('#text'); text.addEventListener('keyup', (e) =>{ var searchText = e.targ

2022-08-14 16:14:18

搜索事件流 ajax

“工廠(chǎng)、構(gòu)造、原型” 設(shè)計(jì)模式

我們可以明顯的感受到：JS 要實(shí)現(xiàn)面向?qū)ο螅ɡ^承的能力），離不開(kāi)這 3 種設(shè)計(jì)模式；原型鏈 + 構(gòu)造函數(shù) = 組合繼承本篇帶來(lái)一個(gè)新的繼承方式：寄生繼承，它由工廠(chǎng)模式和構(gòu)造函數(shù)模式組成，即工廠(chǎng)+構(gòu)造函數(shù) = 寄生繼承正文正是由于：原型鏈繼承和構(gòu)造函數(shù)繼承的 “毛病”原型鏈繼承：所有繼承的屬性和方法都會(huì)在對(duì)象實(shí)例間共享，無(wú)法做到實(shí)例私有。構(gòu)造函數(shù)繼承：子類(lèi)不能訪(fǎng)問(wèn)父類(lèi)原型上的方法。組合繼承應(yīng)運(yùn)而生：

2022-08-12 10:09:29

構(gòu)造函數(shù)子類(lèi)父類(lèi)

使用腳手架快速開(kāi)發(fā) React組件 npm包 (基于TSDX)

默認(rèn)支持CommonJS、UMD、ES Module打包方式。（要開(kāi)發(fā)通用的NPM包，這些的支持是必要的，不然你還得自己搞）自帶開(kāi)發(fā)環(huán)境、編譯腳本。開(kāi)發(fā)NPM包你必須要解決的一個(gè)問(wèn)題：開(kāi)發(fā)時(shí)有地方調(diào)試，發(fā)布時(shí)再build & pub（如果每次調(diào)試前都要build，…

2022-08-11 23:56:48

html JavaScript CSS

class 繼承的重點(diǎn)

在 class 出現(xiàn)之前，JavaScript 實(shí)現(xiàn)繼承是件麻煩事，構(gòu)造函數(shù)繼承有加上原型上的函數(shù)不能復(fù)用的問(wèn)題；原型鏈繼承又存在引用值屬性的修改不獨(dú)立的問(wèn)題；組合繼承又存在兩次調(diào)用構(gòu)造函數(shù)的問(wèn)題，寄生組合繼承，寫(xiě)起來(lái)又太麻煩了，總之，在 class 出現(xiàn)前，JavaScipt 實(shí)現(xiàn)繼承真是件麻煩事兒。然而，class 的出現(xiàn)真的改變這一現(xiàn)狀了嗎？不如往下看。寫(xiě)法與函數(shù)類(lèi)型相似，定義類(lèi)也有兩種主要

2022-08-11 10:10:21

構(gòu)造函數(shù)原型鏈賦值

Linux下一鍵安裝Python3&更改鏡像源&虛擬環(huán)境管理技巧

Linux系統(tǒng)下通過(guò)shell腳本一鍵安裝Python3，以及如何臨時(shí)or永久更換鏡像源、管理虛擬環(huán)境小技巧

2022-08-11 09:36:33

python shell腳本

Jmeter性能測(cè)試

TOC一、環(huán)境搭建1.安裝java安裝jdk1.8：默認(rèn)安裝配置環(huán)境變量：新建系統(tǒng)變量JAVA_HOME值：jdk的安裝路徑!img(https://s2.51cto.com/images/blog/202208/11093102_62f45bd6d952f69337.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,col

2022-08-11 09:33:15

線(xiàn)程組響應(yīng)時(shí)間 java

CSS中3D變換和gradient效果

radial-gradientradial-gradient()是徑向漸變，指的是一個(gè)中心點(diǎn)向四周擴(kuò)撒的漸變效果，其中包括波的擴(kuò)散和光的擴(kuò)散中都有徑向漸變的特征。css中我們使用radial-gradient()函數(shù)表示徑向漸變，語(yǔ)法比較復(fù)雜，所以我們可以從簡(jiǎn)單的徑向漸變開(kāi)始看：.warpper{ width: 250px; heigth: 125px; background-i

2022-08-10 11:20:37

一文解析Pinia和Vuex，帶你全面理解這兩個(gè)Vue狀態(tài)管理模式

theme: smartbluePinia和Vuex一樣都是是vue的全局狀態(tài)管理器。其實(shí)Pinia就是Vuex5，只不過(guò)為了尊重原作者的貢獻(xiàn)就沿用了這個(gè)看起來(lái)很甜的名字Pinia。本文將通過(guò)Vue3的形式對(duì)兩者的不同實(shí)現(xiàn)方式進(jìn)行對(duì)比，讓你在以后工作中無(wú)論使用到Pinia還是Vuex的時(shí)候都能夠游刃有余。既然我們要對(duì)比兩者的實(shí)現(xiàn)方式，那么我們肯定要先在我們的Vue3項(xiàng)目中引入這兩個(gè)狀態(tài)管理器（實(shí)際

2022-08-10 09:45:28

10 個(gè) Reduce 常用“奇技淫巧”

不知道大家平常用 Reduce 多不多，反正本瓜用的不多。但實(shí)際上，Reduce 能做的，比我們能想到的要多得多，本篇帶來(lái) 10 個(gè)Reduce 常用場(chǎng)景和技巧，一定有你不知道~沖ヾ(?°?°?)??累加/累積累加我們可能是最熟悉 Reduce 的一種用法，除此之外，還可以用做累積。// adderconst sum = (...nums) => { return nums.reduce(

2022-08-10 08:56:34

fish 數(shù)組 ico

每天一個(gè)JavaScript小特效——會(huì)魔法的旋轉(zhuǎn)魔方相冊(cè)

<fontsize=4px寫(xiě)在前面：</font<fontcolor=skyblue星光不問(wèn)趕路人，時(shí)光不誤有心人</font本欄將持續(xù)更新前端小案例牛牛最近學(xué)到了一個(gè)神奇的旋轉(zhuǎn)魔方，今天就來(lái)分享給大家吧，希望大家能喜歡<fontcolor=orange最后有完整代碼鏈接，請(qǐng)注意查收</font@toc效果圖!在這里插入圖片描述(https://s2.51cto.com/images/blog/2

2022-08-09 22:13:42

插入圖片 3d html

CSS中常用函數(shù)和漸變效果

calccalc()函數(shù)支持加減乘除四種運(yùn)算，很多類(lèi)型都可以使用calc()函數(shù)，例如??angle??、??length??、??frequency??、??time??，??percentage??、??number??、??integer??，因?yàn)閏alc()有很多約束，所以這些類(lèi)型不一定都可以出現(xiàn)calc()函數(shù)。我們?cè)赾alc()函數(shù)中不能使用當(dāng)前css屬性不支持的數(shù)據(jù)類(lèi)型。// 下面這

2022-08-09 14:06:23

css 線(xiàn)性漸變顏色值

簡(jiǎn)化理解：策略設(shè)計(jì)模式

就在前不久，我們講了創(chuàng)建對(duì)象的 3 種常見(jiàn)設(shè)計(jì)模式：工廠(chǎng)設(shè)計(jì)模式、構(gòu)造函數(shù)設(shè)計(jì)模式、原型設(shè)計(jì)模式。這 3 種設(shè)計(jì)模式，真切時(shí)刻發(fā)生在我們?nèi)粘＞幋a生活中，驀然回首，燈火闌珊處。本篇帶來(lái)另外一種設(shè)計(jì)模式介紹，你或許天天和它打交道，但是不認(rèn)識(shí)它，它就是“策略模式”。策略模式就像諸葛亮的錦囊，它在代碼中是這樣體現(xiàn)的：比方說(shuō)，我們有一個(gè)銷(xiāo)售活動(dòng)，它有著不同的銷(xiāo)售策略function getPrice(ori

2022-08-09 11:12:50

設(shè)計(jì)模式策略模式開(kāi)閉原則

CSS中box-shadow屬性和2D變換

box-shadowbox-shadow表示盒陰影，可以給元素設(shè)置陰影效果，如果我們?cè)O(shè)置向下的陰影效果:.wrapper { position: fixed; left: 0; top: 0, bottom: 0, right: 0, background-color: red; box-shadow: 0 3px 5px rgba(0, 0, 0, .3

2022-08-09 09:31:24

十分鐘教會(huì)你如何使用VitePress搭建及部署個(gè)人博客站點(diǎn)

使用VitePress可以讓我們快速搭建一個(gè)靜態(tài)博客網(wǎng)站，這篇文章將帶領(lǐng)大家搭建一個(gè)基于VitePress的靜態(tài)博客網(wǎng)站并且部署到GitHub Pages(github提供的靜態(tài)網(wǎng)頁(yè)服務(wù))快速上手新建目錄并初始化(我的目錄名為kittydocs)這里我們使用pnpm式，當(dāng)然yarn，npm都是可以的,如果你沒(méi)有安裝pnpm可以全局安裝npm i pnpm -g然后初始化pnpm init安裝vit

2022-08-09 08:53:15

想知道Vue3與Vue2的區(qū)別?五千字教程助你快速上手Vue3!

從Vue3發(fā)布以來(lái)，我就一直對(duì)其非常感興趣，就一直想著將其投入公司的生產(chǎn)中，但是開(kāi)始考慮到很多不確定性就暫時(shí)對(duì)一些很小的功能進(jìn)行一些嘗試；慢慢的發(fā)現(xiàn)組合式Api的形式非常適合開(kāi)發(fā)（個(gè)人感覺(jué)），尤其是Vue3.2推出了setup語(yǔ)法糖后直呼真香。后面公司的新項(xiàng)目幾乎全部采用了Vue3了。使用Vue3開(kāi)發(fā)也將近大半年了，所以寫(xiě)了這篇文章對(duì)Vue2和Vue3做了一個(gè)對(duì)比總結(jié)，一是為了對(duì)這段時(shí)間使用Vue

2022-08-08 12:27:12

簡(jiǎn)化理解：發(fā)布訂閱

我們前不久寫(xiě)過(guò)發(fā)布訂閱模式：// 發(fā)布者 Publisherclass Pub { constructor() { this.deps = []; } addDep(dep) { this.deps.push(dep); } publish(dep) { this.deps.forEach(item => item ==

2022-08-07 08:47:28

發(fā)布訂閱實(shí)例化觀察者模式

理解JavaScript中的“面向?qū)ο蟆?/a>

理解JavaScript中的“面向?qū)ο蟆币灰用嫦驅(qū)ο?，是程序開(kāi)發(fā)者再熟悉不過(guò)的一個(gè)概念。一說(shuō)到它，你首先會(huì)想到的是什么？類(lèi)？繼承？方法與屬性？不同技術(shù)棧的開(kāi)發(fā)者或許有不同的第一反應(yīng)。面向?qū)ο蟊旧碇皇且环N編程方式，支持面向?qū)ο蟮恼Z(yǔ)言很多，但其實(shí)現(xiàn)原理卻并不都一樣。大多數(shù)語(yǔ)言的面向?qū)ο筇匦远际腔凇邦?lèi)”來(lái)實(shí)現(xiàn)的，例如C，ObjectiveC，Java，Python等。在這些語(yǔ)言中，類(lèi)是面向?qū)ο蟮幕A(chǔ)

2022-08-05 17:50:32

javascript 面向?qū)ο?/a>封裝

CSS3實(shí)現(xiàn)有趣的動(dòng)態(tài)表情包

前置知識(shí)點(diǎn)animationanimation 屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，用于設(shè)置六個(gè)動(dòng)畫(huà)屬性：animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-direction注釋?zhuān)赫?qǐng)始終規(guī)定 animation-duration 屬性，否則時(shí)長(zhǎng)為 0，

2022-08-02 10:03:04

css 表情包動(dòng)畫(huà)

基于微前端qiankun的多頁(yè)簽緩存方案實(shí)踐

本文梳理了基于阿里開(kāi)源微前端框架qiankun，實(shí)現(xiàn)多頁(yè)簽及子應(yīng)用緩存的方案，同時(shí)還類(lèi)比了多個(gè)不同方案之間的區(qū)別及優(yōu)劣勢(shì)，為使用微前端進(jìn)行多頁(yè)簽開(kāi)發(fā)的同學(xué)，提供一些參考。

2022-08-02 09:14:08

微前端 vue qiankun

【原創(chuàng)】Auto.js get和post 案例

<table<tr<tdbgcolor=orange本文所有教程及源碼、軟件僅為技術(shù)研究。不涉及計(jì)算機(jī)信息系統(tǒng)功能的刪除、修改、增加、干擾，更不會(huì)影響計(jì)算機(jī)信息系統(tǒng)的正常運(yùn)行。不得將代碼用于非法用途，如侵立刪！</td</tr</tableAuto.jsget和post案例操作環(huán)境win10nexus5xAuto.js7.0.4get案例!在這里插入圖片描述(://s2.51cto.co

2022-07-31 00:57:42

html 插入圖片 javascript

【Harmony OS】【ARK UI】ets使用第三方類(lèi)庫(kù)crypto實(shí)現(xiàn)加密解密

在我們的日常開(kāi)發(fā)過(guò)程中會(huì)經(jīng)常用到加密解密，數(shù)字簽名，信息加密是前后端開(kāi)發(fā)經(jīng)常使用的技術(shù)。應(yīng)用場(chǎng)景包括：用戶(hù)登錄，交易，信息通訊等。今天分享一下AES加密解密方法，它是通過(guò)第三方類(lèi)庫(kù)CryptoJS來(lái)實(shí)現(xiàn)的 1.DevEcoStudio 新建ets項(xiàng)目，在Terminal命令行界面輸入 npm install crypto-js --save 安裝完成以后刷新工程會(huì)生成node_mod

2022-07-29 16:36:02

十六進(jìn)制加密解密偏移量

iOS單元測(cè)試的那些事兒

iOS單元測(cè)試的那些事兒作為客戶(hù)端開(kāi)發(fā)，很多時(shí)候我們過(guò)多的關(guān)注于功能的測(cè)試，而忽略標(biāo)準(zhǔn)的單元測(cè)試。其實(shí)，單元測(cè)試是保障項(xiàng)目穩(wěn)定性的最有效且成本最低的測(cè)試方式。越偏向底層服務(wù)的代碼，越需要使用單元測(cè)試來(lái)對(duì)可靠性進(jìn)行保障。一旦單元測(cè)試覆蓋完成，則之后再進(jìn)行代碼優(yōu)化和迭代的時(shí)候則會(huì)有引入新問(wèn)題的幾率會(huì)大為減小。Xcode提供了完整的單元測(cè)試功能，系統(tǒng)預(yù)置的單元測(cè)試類(lèi)和斷言也非常方便開(kāi)發(fā)者編寫(xiě)測(cè)試代碼。除

2022-07-22 19:38:39

測(cè)試用例 ide 單元測(cè)試

源碼分析Sentry用戶(hù)行為記錄實(shí)現(xiàn)過(guò)程

在日常排查問(wèn)題過(guò)程中，用戶(hù)的行為操作記錄能給到我們很大的參考及排查方向。目前市面上有的平臺(tái)還不能記錄用戶(hù)的行為記錄，Sentry提供了很好的行為記錄查詢(xún)，本文基于源碼分析其實(shí)現(xiàn)過(guò)程。

2022-07-18 15:08:34

前端異常監(jiān)控監(jiān)控

上一頁(yè) 1 ··· 4 5 6 7 8 ··· 31 下一頁(yè)

點(diǎn)贊

51CTO技術(shù)棧公眾號(hào)

業(yè)務(wù)
速覽

媒體

51CTO CIOAge HC3i

社區(qū)

51CTO博客鴻蒙開(kāi)發(fā)者社區(qū) AI.x社區(qū)

教育

51CTO學(xué)堂精培企業(yè)培訓(xùn) CTO訓(xùn)練營(yíng)