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

<style id="pzddn"></style>

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)證廠商認(rèn)證 IT技術(shù)PMP項(xiàng)目管理免費(fèi)題庫(kù)

在線學(xué)習(xí)

文章資源問(wè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è)置退出

前端

2.8w內(nèi)容??

關(guān)注

分享前端領(lǐng)域的前沿?zé)狳c(diǎn)、技術(shù)實(shí)戰(zhàn)、框架應(yīng)用和使用案例，為開(kāi)發(fā)者學(xué)習(xí)前端技術(shù)提供參考。

文章博文帖子課程

共 711 條

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ò)程稱為垃圾收集。?既然我們不能強(qiáng)制的垃圾回收，那我們?cè)趺粗浪苷９ぷ?？我們?duì)它又了解多少呢？腳本執(zhí)行在此過(guò)程中暫停它為不可訪問(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)目必須依賴不同版的 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)端適配！完美用戶體驗(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)模板

[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è)相同的依賴包，那么，你在硬盤(pán)上就需要保存 100 份該相同依賴包的副本。然而

2022-08-30 09:30:16

ios 依賴包 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)解析這些“新玩意兒”。閑話少說(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

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

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

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 線性漸變顏色值

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

就在前不久，我們講了創(chuàng)建對(duì)象的 3 種常見(jiàn)設(shè)計(jì)模式：工廠設(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注釋：請(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)景包括：用戶登錄，交易，信息通訊等。今天分享一下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)制加密解密偏移量

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

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

2022-07-18 15:08:34

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

#yyds干貨盤(pán)點(diǎn)#Redux 源碼與函數(shù)式編程

Redux 屬于典型的“百行代碼，千行文檔”，其中核心代碼非常少，但是思想不簡(jiǎn)單，可以總結(jié)為下面兩點(diǎn)：?全局狀態(tài)唯一且不可變（Immutable），不可變的意思是當(dāng)需要修改狀態(tài)的時(shí)候，用一個(gè)新的來(lái)替換，而不是直接在原數(shù)據(jù)上做更改：let store = { foo: 1, bar: 2 };// 當(dāng)需要更新某個(gè)狀態(tài)的時(shí)候// 創(chuàng)建一個(gè)新的對(duì)象，然后把原來(lái)的替換掉store = { ...stor

2022-07-14 09:21:23

拋出異常初始狀態(tài)高階函數(shù)

Qt+ECharts開(kāi)發(fā)筆記（三）：ECharts的柱狀圖介紹、基礎(chǔ)使用和Qt封裝Demo

上一篇成功是EChart隨著Qt窗口變化而變化，本篇將開(kāi)始正式介紹柱狀圖介紹、基礎(chǔ)使用，并將其封裝一層Qt。 ??本篇的demo實(shí)現(xiàn)了隱藏js代碼的方式，實(shí)現(xiàn)了一個(gè)條形圖的基本交互方式，即Qt調(diào)用js腳本操作html。

2022-07-13 09:41:06

純CSS實(shí)現(xiàn)四種方式文本反差色效果

文字隨著界面的交互變化會(huì)修改文字的顏色形成反差色，讓平平無(wú)奇的文字產(chǎn)生了眼前一亮的效果。如果你關(guān)注設(shè)計(jì)和動(dòng)畫(huà)效果，這樣的效果肯定見(jiàn)過(guò)不少，在一些比較注重設(shè)計(jì)的網(wǎng)站都有類(lèi)似的交互效果出現(xiàn)。本文將詳細(xì)解讀有哪些方案可以實(shí)現(xiàn)文本反差色效果。

2022-07-12 09:28:22

css 動(dòng)畫(huà)效果背景顏色

CSS 中 ::before 和 ::after 偽元素的幾個(gè)實(shí)際用途

CSS::before和::after偽元素允許您在任何非替換元素之前和之后插入“內(nèi)容”。這有效地允許您在網(wǎng)頁(yè)上顯示 HTML 內(nèi)容中可能不存在的內(nèi)容。

2022-07-11 09:37:24

偽元素 css 前端

【跟著大佬學(xué)JavaScript】之lodash防抖節(jié)流合并

【跟著大佬學(xué)JavaScript】之lodash防抖節(jié)流合并

2022-07-10 01:06:36

等待時(shí)間重啟句柄

【Java Web】 JS 中的 DOM API

@TOC(目錄)文檔對(duì)象模型是HTML和XML文檔的編程接口。它提供了對(duì)文檔的結(jié)構(gòu)化的表述，并定義了一種方式可以使從程序中對(duì)該結(jié)構(gòu)進(jìn)行訪問(wèn)，從而改變文檔的結(jié)構(gòu)，樣式和內(nèi)容。將文檔解析為一個(gè)由節(jié)點(diǎn)和對(duì)象（包含屬性和方法的對(duì)象）組成的結(jié)構(gòu)集合。簡(jiǎn)言之，它會(huì)將web頁(yè)面和腳本或程序語(yǔ)言連接起來(lái)。一個(gè)web頁(yè)面是一個(gè)文檔。這個(gè)文檔可以在瀏覽器窗口或作為HTML源碼顯示出來(lái)。但

2022-07-08 14:04:27

html DOM 前端開(kāi)發(fā)

Vue 灰度發(fā)布新功能的那些事

介紹在Vue中3種頁(yè)面級(jí)別前端灰度新功能的方案，看看有你熟悉的方案嗎

2022-07-07 09:34:02

灰度 vue JavaScript

上一頁(yè) 1 ··· 3 4 5 6 7 ··· 15 下一頁(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)

<s id="i595z"><li id="i595z"><menuitem id="i595z"></menuitem></li></s>

<cite id="i595z"><rp id="i595z"><form id="i595z"></form></rp></cite>