51CTO首頁

AI.x社區(qū)

博客

學(xué)堂

精品班

公眾號(hào)矩陣

移動(dòng)端

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

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

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

文章資源問答課堂專欄直播

51CTO

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

51CTO技術(shù)棧

51CTO官微

51CTO學(xué)堂

51CTO博客

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

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

51CTO軟考

51CTO學(xué)堂APP

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

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

51CTO軟考題庫

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

開發(fā)

7.8w內(nèi)容??

關(guān)注

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

文章博文帖子課程

共 1532 條

使用APICloud AVM框架開發(fā)預(yù)約應(yīng)用

前段時(shí)間跟朋友一起搞了一個(gè)預(yù)約的項(xiàng)目，前端用的APICloud的AVM框架做的，后端用的php開發(fā)的，用的tp5框架，沒幾天就搞出來了。簡(jiǎn)單跟大家分享一下開發(fā)中的一些功能點(diǎn)的實(shí)現(xiàn)吧。也歡迎大家一起探討。一、整理項(xiàng)目腦圖二、項(xiàng)目原型圖原型是用的碼前做的，大家可以通過??www.devbefore.com/protomobile/47942983009476608??查看三、項(xiàng)目前端本項(xiàng)目中前端采用A

2022-01-21 14:54:17

多端開發(fā)app開發(fā)小程序開發(fā)

#私藏項(xiàng)目實(shí)操分享# SAP 電商云 Spartacus UI 的交貨模式 Delivery Mode 設(shè)計(jì)

本文討論SpartacusUIcheckout流程時(shí)，下圖高亮的兩種交貨模式，DeliveryMode的數(shù)據(jù)來源：!(https://s4.51cto.com/images/blog/202201/21094219_61ea0f7b7aa0060876.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFF

2022-01-21 09:42:55

TypeScript JavaScript

#私藏項(xiàng)目實(shí)操分享# RxJs 操作符 withLatestFrom 在 SAP 電商云 Spartacus UI 中的應(yīng)用

看下面這段代碼：!(https://s4.51cto.com/images/blog/202201/20113916_61e8d964460c987385.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5

2022-01-20 11:39:46

數(shù)據(jù)數(shù)據(jù)類型 typescript

從零打造一個(gè)Web地圖引擎

說到地圖，大家一定很熟悉，平時(shí)應(yīng)該都使用過百度地圖、高德地圖、騰訊地圖等，如果涉及到地圖相關(guān)的開發(fā)需求，也有很多選擇，比如前面的幾個(gè)地圖都會(huì)提供一套??js API???，此外也有一些開源地圖框架可以使用，比如??OpenLayers???、??Leaflet??等。那么大家有沒有想過這些地圖是怎么渲染出來的呢，為什么根據(jù)一個(gè)經(jīng)緯度就能顯示對(duì)應(yīng)的地圖呢，不知道沒關(guān)系，本文會(huì)帶各位從零實(shí)現(xiàn)一個(gè)簡(jiǎn)單的

2022-01-18 22:34:04

web地圖 gis

Spock框架Mock對(duì)象、方法經(jīng)驗(yàn)總結(jié)#yyds干貨盤點(diǎn)#

Spock框架Mock對(duì)象、方法經(jīng)驗(yàn)總結(jié)

2022-01-18 14:43:45

java 單元測(cè)試賦值

#yyds干貨盤點(diǎn)#使用php-amqplib實(shí)現(xiàn)RabbitMq

使用php-amqplib實(shí)現(xiàn)RabbitMq

2022-01-18 09:51:55

php 工作隊(duì)列 sed

這8個(gè)JS 新功能，你應(yīng)該去嘗試一下

本文主要介紹幾個(gè)已經(jīng)進(jìn)入stage4的提案，這幾個(gè)提案有望在2022年逐步納入標(biāo)準(zhǔn)。

2022-01-17 11:24:41

github javascript 開發(fā)語言

#yyds干貨盤點(diǎn)# 數(shù)據(jù)結(jié)構(gòu)與算法之JavaScript

幾個(gè)常見JavaScript中的算法

2022-01-15 22:56:24

javascript 數(shù)據(jù)結(jié)構(gòu)算法

#yyds干貨盤點(diǎn)#手機(jī)APP消息推送極光推送jpush-php實(shí)例

2022-01-14 09:16:39

php ide 極光推送

Bootstrap實(shí)戰(zhàn) - 響應(yīng)式布局

響應(yīng)式布局就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端，而不是為每個(gè)終端做一個(gè)特定的版本。這個(gè)概念是為解決移動(dòng)互聯(lián)網(wǎng)瀏覽而誕生的。導(dǎo)航欄與輪播在大部分網(wǎng)站的頭部占很高的比重，特別是導(dǎo)航欄，扮演著網(wǎng)站地圖的角色。在響應(yīng)式布局中，要求導(dǎo)航欄能夠根據(jù)終端屏幕大小顯示不同的樣式。

2022-01-12 10:25:30

bootstrap 導(dǎo)航欄 ico

#yyds干貨盤點(diǎn)#PHP實(shí)現(xiàn)定時(shí)任務(wù)hellogerard/jobby實(shí)例

PHP實(shí)現(xiàn)定時(shí)任務(wù)hellogerard/jobby實(shí)例

2022-01-12 09:40:07

php cron表達(dá)式 redis

使用APICloud開發(fā)app的性能提升實(shí)踐

一、為什么說這個(gè)問題？首先我是一名前端開發(fā)者，使用過的開發(fā)方式有，APICloud、原生開發(fā)、自己混合打包開發(fā)。這些都是根據(jù)不同的業(yè)務(wù)需求，用不同的開發(fā)方式，有的只需要安卓開發(fā)的需求，有需要安卓和iOS開發(fā)的需求，還有一些要h5和安卓等等。根據(jù)這些就做了相應(yīng)的研究。二、性能分析兩個(gè)平臺(tái)上代碼,安卓原生代碼。本次測(cè)試所用機(jī)型是XiaoMi Redmi K30 (1)安卓代碼 MainAct

2022-01-04 17:42:31

APICloud Android App開發(fā)

#yyds干貨盤點(diǎn)#7個(gè)場(chǎng)景讓你深入理解min/max - width/height

?創(chuàng)作不易，點(diǎn)個(gè)贊再看唄! 前言日常開發(fā)的時(shí)候，大家有么有遇到下面這種情況：設(shè)置一個(gè)盒子，但是我們不知道有沒有內(nèi)容，并且有多少內(nèi)容我們也不能確定，而且又不想出現(xiàn)滾動(dòng)條，這個(gè)時(shí)候我們就不能設(shè)置具體高度，但是我們可以設(shè)置min-height來用最小的高度撐開盒子，并且隨著內(nèi)容的多少，盒子的高度可以動(dòng)態(tài)調(diào)整，這樣是不是就滿足了我們的要求。min/max 寬高這個(gè)我們不常用的屬性，在某些時(shí)候還是能發(fā)揮奇效

2021-12-31 22:58:36

最小寬度屬性值默認(rèn)值

原生JavaScript靈魂拷問(二)，你能全部答對(duì)嗎？#yyds干貨盤點(diǎn)#

前言JavaScript之運(yùn)算符篇16.你知道與&&的返回值規(guī)則嗎？+短路效應(yīng)：&&和都會(huì)發(fā)生短路+&&只有在兩個(gè)操作數(shù)都為true時(shí)，條件判斷的結(jié)果才為true，如果操作數(shù)一為false，不會(huì)判斷操作數(shù)二。+兩個(gè)操作數(shù)只要有一個(gè)為true，條件判斷的結(jié)果就為true，因此操作數(shù)一為true時(shí)，不會(huì)判斷操作數(shù)二。+返回值規(guī)則+和&&首先會(huì)對(duì)操作數(shù)一執(zhí)行條件判斷，如果不是布爾值就先強(qiáng)制轉(zhuǎn)換為布爾類型

2021-12-31 14:43:25

靈魂拷問 JavaScript 基礎(chǔ)

CSS實(shí)現(xiàn)一只自由飛翔的鳥兒?#yyds干貨盤點(diǎn)#

?前言前幾天在逛社區(qū)時(shí)，偶然發(fā)現(xiàn)一個(gè)非常賞心悅目得小鳥飛翔效果，并且是純css實(shí)現(xiàn)的，具體可以看一下效果。!flybird.gif(https://s2.51cto.com/images/20211230/1640850656820522.gif)這不由讓我大感驚奇，css的世界可謂是淵博如海，讓人又愛又恨。我是一只小小小小鳥，想要飛呀飛卻飛也飛不高，我尋尋覓覓尋尋覓覓一個(gè)，溫暖的懷抱?????進(jìn)

2021-12-30 15:51:38

css 飛翔的小鳥q 前端

原生JavaScript靈魂拷問，你能答上多少(一)#yyds干貨盤點(diǎn)#

前言當(dāng)下的前端開發(fā)，三大框架三分天下，框架的簡(jiǎn)單、強(qiáng)大讓我們欲罷不能，使用原生JavaScript越來越少。但我認(rèn)為JavaScript作為每一個(gè)前端工程師的立身之本，不止要學(xué)會(huì)，還要學(xué)好、學(xué)精，學(xué)再多遍都不為過。另一方面，前端面試中，越來越重視原生JavaScript的考察，其所占比例也越來越高。我抓取了?？蜕辖衲甑木€上面試題和面經(jīng)，大約500左右道題，原生JavaScript的難點(diǎn)(閉包，ev

2021-12-30 15:42:47

javascript 基礎(chǔ)前端

#yyds干貨盤點(diǎn)#Console 3000字完整指南，讓你不只會(huì)用console.log !

創(chuàng)作不易，求一個(gè)免費(fèi)的贊，謝謝啦 ?。。　Ｇ把詾樯稌?huì)突然想起寫一篇關(guān)于console的文章？筆者接觸JS也不少時(shí)間了，除了用vscode的debuger，其實(shí)大部分時(shí)間都在使用console.log()方法來輸出一些或者調(diào)試程序，我相信很多剛開始接觸JS的同志，應(yīng)該也都習(xí)慣使用console.log()。但是log的能力是有限的，并不能滿足所有的場(chǎng)景。比如我們相用表格數(shù)據(jù)對(duì)象。下面這張圖

2021-12-29 23:39:58

數(shù)組 chrome 火狐瀏覽器

小程序自定義配置頂部欄#yyds干貨盤點(diǎn)#

app.json "window": { "navigationStyle": "custom"//自定義需要配置的內(nèi)容 },app.jsApp({ onLaunch: function () { // 獲取頂部欄信息 wx.getSystemInfo({ success: res => { //導(dǎo)航高度 this.globalD

2021-12-29 18:42:25

自定義 ico xml

#yyds干貨盤點(diǎn)#Hyperf結(jié)合PhpOffice/PhpSpreadsheet實(shí)現(xiàn)Excel&CSV文件導(dǎo)出導(dǎo)入

Hyperf結(jié)合PhpOffice/PhpSpreadsheet實(shí)現(xiàn)Excel&CSV文件導(dǎo)出導(dǎo)入。PhpSpreadsheet是一個(gè)用純PHP編寫的庫，它提供了一組類，允許您讀取和寫入各種電子表格文...

2021-12-29 17:48:46

PHP Hyperf PhpOffice/P

#私藏項(xiàng)目實(shí)操分享# Angular Change Detection 的學(xué)習(xí)筆記

Angular變化檢測(cè)機(jī)制(https://blog.angularuniversity.io/howdoesangular2changedetectionreallywork/)比AngularJs中的等效機(jī)制更透明且更易于推理。但是在某些情況下（例如在進(jìn)行性能優(yōu)化時(shí)），我們確實(shí)需要知道幕后發(fā)生了什么。因此，讓我們通過以下主題深入了解變更檢測(cè)：如何實(shí)施變更檢測(cè)？Angular變化檢測(cè)器是什么樣子

2021-12-29 11:05:01

typescript 變化檢測(cè)應(yīng)用程序

前端性能和加載體驗(yàn)優(yōu)化實(shí)踐（附：PWA、離線包、內(nèi)存優(yōu)化、預(yù)渲染）

頁面為何會(huì)卡？等待時(shí)間長(zhǎng)？看起來卡？特別是對(duì)于首屏資源加載中的白屏?xí)r間，用戶等待的時(shí)間就越長(zhǎng)，用戶感知到頁面的速度就越慢。麻省理工學(xué)院的 Richard Larson 在講話中指出，“人類將被動(dòng)等待高估了 36%”。這意味著用戶感覺到的等待時(shí)間比開發(fā)工具記錄的長(zhǎng)得多。

2021-12-28 15:30:11

JavaScript 體驗(yàn)性能

《2w字大章 38道面試題》徹底理清JS中this指向問題 #yyds干貨盤點(diǎn)#

前言當(dāng)一個(gè)函數(shù)調(diào)用時(shí)，會(huì)創(chuàng)建一個(gè)執(zhí)行上下文，這個(gè)上下文包括函數(shù)調(diào)用的一些信息(調(diào)用棧，傳入?yún)?shù)，調(diào)用方式)，this就指向這個(gè)執(zhí)行上下文。this不是靜態(tài)的，也并不是在編寫的時(shí)候綁定的，而是在運(yùn)行時(shí)綁定的。它的綁定和函數(shù)聲明的位置沒有關(guān)系，只取決于函數(shù)調(diào)用的方式。本篇文章有點(diǎn)長(zhǎng)，涉及到很多道面試題，有難有簡(jiǎn)單，如果能耐心的通讀一編，我相信以后this都不成問題。學(xué)習(xí)this之前，建議先學(xué)習(xí)以下知識(shí)

2021-12-28 15:17:19

javascript 作用域 this

高性能隊(duì)列Disruptor在測(cè)試中應(yīng)用#yyds干貨盤點(diǎn)#

高性能隊(duì)列Disruptor在測(cè)試中應(yīng)用

2021-12-28 11:44:36

java go語言性能測(cè)試

DevTools 實(shí)現(xiàn)原理與性能分析實(shí)戰(zhàn)

本文通過分析 Chrome 的 DevTools 的技術(shù)實(shí)現(xiàn)，特別是在瀏覽器內(nèi)核中的實(shí)現(xiàn)部分，來展示這款被萬千開發(fā)者所喜愛的開發(fā)工具背后的秘密。本文適合閱讀對(duì)象主要有前端開發(fā)者、有志于開發(fā) Hybrid 應(yīng)用調(diào)試工具或重寫 webdriver 實(shí)現(xiàn)對(duì) Chrome 或 WebView 控制的應(yīng)用工程師。

2021-12-27 10:14:05

chrome javascript Web

#yyds干貨盤點(diǎn)#還在用JS計(jì)數(shù)嗎？來試試純CSS計(jì)數(shù)器?。?！

?創(chuàng)作不易，點(diǎn)個(gè)贊再看唄! 關(guān)注專欄，讓你走進(jìn)CSS世界的深處前言不知道有多少人做過自己的博客，在生成文章目錄的時(shí)候，有沒有人是下圖樣式的：會(huì)在標(biāo)題前面加上數(shù)字編號(hào)的，大部分的實(shí)現(xiàn)方案是什么呢？我一開始是在遍歷的時(shí)候加上數(shù)字編號(hào)的，不過這樣的JS代碼很多。需要判斷層級(jí)數(shù)很麻煩。直到我發(fā)現(xiàn)純css的counter屬性！計(jì)數(shù)器CSS的計(jì)數(shù)器通過在 content 上應(yīng)用 counter() 或 cou

2021-12-26 23:23:00

重置 css 嵌套

半小時(shí)，阿包帶你學(xué)會(huì)手撕高階函數(shù) #yyds干貨盤點(diǎn)#

前言JavaScript中有很多高階函數(shù)，例如map、filter、every等，還有ES6新提供的find等，熟練使用后能極大提高編寫代碼的效率。下面就一起來學(xué)習(xí)一下這些高階函數(shù)，并使用原生JS模擬實(shí)現(xiàn)。那么什么樣的函數(shù)是高階函數(shù)那？至少滿足下列一個(gè)條件的函數(shù):+接受一個(gè)函數(shù)或者多個(gè)函數(shù)作為參數(shù)+輸出一個(gè)函數(shù)JavaScript中的高階函數(shù)大多都是接受一個(gè)函數(shù)作為參數(shù)，具體傳參如下:jsArra

2021-12-26 15:20:23

數(shù)組高階函數(shù)前端

?？妥钚虑岸斯P試題解析(一) this指向題目解析及擴(kuò)展 #yyds干貨盤點(diǎn)#

前言這篇文章主要來解析?？凸P試題部分的this指向題目。首先我們先從宏觀上了解一下JavaScript中得this指向問題。JavaScript中this共有四種綁定(包括隱式綁定丟失)加ES6新增得箭頭函數(shù)綁定，如果把這幾種綁定全學(xué)會(huì)了，this指向完全不成問題。this指向更詳細(xì)的講解，可以去看前面寫過的一篇博文，里面還有38道題目，詳細(xì)完整的講解了this指向問題。+默認(rèn)綁定:非嚴(yán)格模式下t

2021-12-25 10:56:40

面試 JavaScript 前端

Promise如何使用？全方位解析，5分鐘搞懂異步#yyds干貨盤點(diǎn)#

什么是異步？異步：操作之間沒啥關(guān)系，同時(shí)進(jìn)行多個(gè)操作，操作之間不會(huì)有干擾（可以先往下執(zhí)行，回頭再執(zhí)行上面的），代碼復(fù)雜同步：同時(shí)只能做一件事，上面數(shù)據(jù)執(zhí)行完之后才能進(jìn)行下個(gè)操作（從上到下），代碼簡(jiǎn)單什么情況下用到promise？一般情況下是有異步操作時(shí)，使用Promise對(duì)這個(gè)異步操作進(jìn)行封裝new構(gòu)造函數(shù)(1.保存了一些狀態(tài)信息2.執(zhí)行傳入的函數(shù))在執(zhí)行傳入的回調(diào)函數(shù)時(shí)，會(huì)傳入兩個(gè)函數(shù)：reso

2021-12-25 10:23:39

github 賦值網(wǎng)絡(luò)請(qǐng)求

帶你了解HTML基本標(biāo)簽的使用#yyds干貨盤點(diǎn)#

@toc(目錄)前言????在瀏覽器的地址欄中輸入一個(gè)網(wǎng)址，就會(huì)查閱到相應(yīng)的網(wǎng)頁內(nèi)容。在網(wǎng)頁中包含很多內(nèi)容，如文字、圖片、動(dòng)畫，以及聲音和視頻等。網(wǎng)頁的最終目的是為訪問者提供有價(jià)值的信息。提到網(wǎng)頁設(shè)計(jì)，不得不提到HTML標(biāo)記語言，HTML的全稱是HypertextMarkupLanguage，即超文本標(biāo)記語言。HTML用于描述超文本中內(nèi)容的顯示方式。使用HT

2021-12-23 20:53:02

html 表單屬性值

JavaScript之預(yù)編譯學(xué)習(xí)(內(nèi)含多個(gè)面試題) #yyds干貨盤點(diǎn)#

前言在學(xué)習(xí)JavaScript預(yù)編譯之前，先了解一下JavaScript從編譯到執(zhí)行的過程，大致可分為四步：1.詞法分析2.語法分析：檢查代碼是否存在錯(cuò)誤，若有錯(cuò)誤，引擎會(huì)拋出語法錯(cuò)誤。同時(shí)會(huì)構(gòu)建一顆抽象語法樹(AST)。3.預(yù)編譯4.解釋執(zhí)行預(yù)編譯JavaScript是解釋性語言，也就是說，編譯一行，執(zhí)行一行，但js并非上來就進(jìn)入編譯環(huán)節(jié)，它在編譯之前存在預(yù)編譯過程。js中預(yù)編譯一般有兩種：全局

2021-12-23 19:34:12

JavaScript JavaScript深預(yù)編譯

#yyds干貨盤點(diǎn)#24張圖攻克border-image

theme: channing-cyan這是我參與8月更文挑戰(zhàn)的第13天，活動(dòng)詳情查看：[8月更文挑戰(zhàn)](https://juejin.cn/post/6987962113788493831 "https://juejin.cn/post/6987962113788493831")讀不在三更五鼓，功只怕一曝十寒。看完覺得有收獲的，點(diǎn)個(gè)贊唄！??！前言前有background-image 為背景增光

2021-12-21 15:47:09

九宮格背景圖谷歌瀏覽器

「自我檢驗(yàn)」熬夜總結(jié)50個(gè)Vue知識(shí)點(diǎn)，全都會(huì)你就是神！！！

前言大家好，我是林三心，這幾天發(fā)生了很多事（具體是啥我就不說了），這些事，嚇得我把我這些年珍藏的Vue知識(shí)點(diǎn)都拿出來整理了一遍，巴不得能多總結(jié)出一道是一道，我拿出了我的筆記，并且使勁回憶，終于悟出了這50道知識(shí)點(diǎn)（咱不要太俗哈，不叫面試題，咱叫知識(shí)點(diǎn)）!image.png(https://s4.51cto./images/blog/202112/21134842_61c16abaa98515

2021-12-21 13:50:53

數(shù)據(jù)響應(yīng)式數(shù)組

快速入門vue，含實(shí)戰(zhàn)案例，“建議收藏”，用到省的百度了#yyds干貨盤點(diǎn)#

?初識(shí)Vuehtml<divid="app"<!mustache語法中，不僅可以直接寫變量，也可以寫簡(jiǎn)單的表達(dá)式<h2{{message+name}}</h2<h2{{mesage+''+neme}}</h2<h3{{message}}</h3<h1{{name}}</h1</div<script//let(變量)/const(常量)//編程范式：聲明式編程constapp=newVue({el:

2021-12-21 11:22:59

html 數(shù)組動(dòng)態(tài)綁定

#yyds干貨盤點(diǎn)# ?？妥钚虑岸薐S筆試百題

前言前幾天空閑時(shí)間抓取了?？妥钚碌墓P試題和面試題，想做一下數(shù)據(jù)統(tǒng)計(jì)，展望一下面試中JavaScript的平凡考點(diǎn)和火爆考點(diǎn)，給未來自己的學(xué)習(xí)指引一下方向。但當(dāng)統(tǒng)計(jì)完數(shù)據(jù)后，準(zhǔn)備分析時(shí)，我才發(fā)現(xiàn)：我找不到特別好的切入點(diǎn)來進(jìn)行分析，同時(shí)我只能想到使用餅圖和柱狀圖展示各個(gè)題型或考點(diǎn)的出現(xiàn)頻次，這為我上一篇的文章失敗埋下了巨大的伏筆。雖然文章反響有些不盡人意，我也感覺有幾分挫敗，但往好處想，這篇文章并非一

2021-12-21 08:33:35

javascript 面試筆試

#yyds干貨盤點(diǎn)#CSS-ing Candy Ghost 按鈕

最近，在尋找關(guān)于編寫什么代碼的一些想法時(shí)，因?yàn)槲业乃囆g(shù)感為零，所以我唯一能做的就是找到其他人想出的漂亮東西，并用干凈緊湊的代碼重新制作它們……我遇到了??這些糖果鬼按鈕??！它們似乎是我可以快速編碼的一個(gè)很酷的小東西的完美選擇。不到十五分鐘后，這是我的 Chromium 結(jié)果：純 CSS 糖果幽靈按鈕。我認(rèn)為這項(xiàng)技術(shù)值得分享，因此在本文中，我們將介紹我最初是如何做到的以及我們還有哪些其他選擇。起點(diǎn)

2021-12-21 07:18:03

圖層圓角 5e

#yyds干貨盤點(diǎn)#JavaScript之徹底理解原型與原型鏈

前言原型與原型鏈知識(shí)歷來都是面試中考察的重點(diǎn)，說難不算太難，但要完全理解還是得下一定的功夫。先來看一道面試題開開胃口吧:jsfunctionUser(){}User.prototype.sayHello=function(){}varu1=newUser();varu2=newUser();console.log(u1.sayHello=u2.sayHello);console.log(User.

2021-12-20 08:39:03

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

#yyds干貨盤點(diǎn)#Vue-Router路由所有相關(guān)方法講解(全)，實(shí)戰(zhàn)教學(xué)含登錄攔截，建議收藏

?router的基本使用main.js掛載路由jsimportVuefrom'vue'importAppfrom'./App'//默認(rèn)導(dǎo)入router文件夾下的內(nèi)容importrouterfrom'./router'Vue.config.productionTip=false/eslintdisablenonew/newVue({el:'app',router,//掛載路由，把路由注入為Vue對(duì)象

2021-12-19 16:53:06

html 懶加載類名

#私藏項(xiàng)目實(shí)操分享# SAP 電商云 Spartacus UI 的 checkout 場(chǎng)景中的串行請(qǐng)求設(shè)計(jì)分析

CurrentCheckoutDesignWhenwetoggledeliverymethodviaradioinput,onceclicked,there’rethreesequentialHTTPrequestsenttobackend:當(dāng)我們點(diǎn)擊shippingmethod時(shí)，會(huì)有三個(gè)串行的HTTP請(qǐng)求發(fā)送往后臺(tái)。!(https://s4.51cto.com/images/blog/2021

2021-12-19 09:55:02

SAP Spartacus TypeScript

#yyds干貨盤點(diǎn)#一個(gè)方便的小系統(tǒng)，用于 CSS 中的動(dòng)畫入口

我喜歡讓網(wǎng)站感覺不僅僅是一個(gè)靜態(tài)文檔的小改動(dòng)。如果網(wǎng)頁內(nèi)容不只是在頁面加載時(shí)“出現(xiàn)”，而是彈出、滑動(dòng)、褪色或旋轉(zhuǎn)到位怎么辦？說這樣的動(dòng)作總是有用的可能有點(diǎn)牽強(qiáng)，但在某些情況下，它們可以引起對(duì)某些元素的注意，加強(qiáng)哪些元素彼此不同，甚至表明狀態(tài)發(fā)生了變化。所以，它們也不是完全沒用。因此，我將一組 CSS 實(shí)用程序放在一起，用于在元素進(jìn)入視圖時(shí)為其設(shè)置動(dòng)畫。而且，是的，這個(gè)純 CSS。它不僅有各種各樣的

2021-12-17 08:03:06

css ide html

#yyds干貨盤點(diǎn)#一次性解決text-justify，text-orientation等冷門屬性文本屬性

讀不在三更五鼓，功只怕一曝十寒?？赐暧X得有收獲的，點(diǎn)個(gè)贊唄?。。∏把栽谏现袃善榻B文本屬性的時(shí)候，我們基本已經(jīng)學(xué)會(huì)了很多之前沒有使用過的屬性，今天我們接著來看更多的文本屬性，CSS的世界是精妙的，無盡的，僅僅希望同這三篇文章，可以入得CSS的基礎(chǔ)門。人生短暫，學(xué)無止盡。text-justify兼容性此屬性目前被列為“有風(fēng)險(xiǎn)”在候選推薦期間被丟棄。因此，不建議在生產(chǎn)中使用此屬性，因?yàn)樗惶赡茉诓痪?/a>

2021-12-16 23:01:50

ide css 默認(rèn)值

#yyds干貨盤點(diǎn)# animation-delay負(fù)值妙用，你不來了解一下嗎

?前言小包上一篇文章講述如何實(shí)現(xiàn)隨機(jī)不規(guī)則圓角頭像時(shí)，其中一種方案通過妙用animationdelay負(fù)值和paused進(jìn)行實(shí)現(xiàn)，這不由讓我對(duì)animationdelay負(fù)值產(chǎn)生巨大興趣，經(jīng)過幾天的學(xué)習(xí)，我發(fā)現(xiàn)animationdelay負(fù)值的獨(dú)特特性帶來的威力真是非同小可。可以先來看一下使用animationdelay負(fù)值實(shí)現(xiàn)的loading功能!musicloading.gif(https:/

2021-12-14 12:13:31

css 前端 loading

#yyds干貨盤點(diǎn)#Vuex實(shí)戰(zhàn)講解（全），玩轉(zhuǎn)Vue必備知識(shí)

Vuex概況store核心概念- State：包含了store中存儲(chǔ)的各個(gè)狀態(tài)。- Getters：類似于 Vue 中的計(jì)算屬性，根據(jù)其他 getter 或 state 計(jì)算返回值。- Mutation：一組方法，是改變store中狀態(tài)的執(zhí)行者，只能是同步操作。- Action：一組方法，其中可以包含異步操作。- Moudule： Modul

2021-12-13 10:20:30

數(shù)據(jù)輔助函數(shù)字符串?dāng)?shù)組

#yyds干貨盤點(diǎn)#快速理解Vue組件化開發(fā)，干貨太多，”建議收藏細(xì)品“

組件化開發(fā)組件模塊的分離 <div id="app"> <cpn></cpn> </div>   &lt

2021-12-12 09:33:28

默認(rèn)值插槽數(shù)組

#yyds干貨盤點(diǎn)#--30分鐘上手jQuery

一、jQuery的介紹jQuery是什么jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“writeLess，DoMore”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件

2021-12-11 11:46:28

jquery css ide

#yyds干貨盤點(diǎn)# Next.js通配符子域

Next.js通配符子域快速總結(jié)?使用通配符子域的主機(jī)使你的用戶能夠在你的域名（.example.com）的任何子域上訪問你的網(wǎng)站，正如你所想象的，我們可以利用這一點(diǎn)來創(chuàng)造獨(dú)特的用戶體驗(yàn)，我們將在本文中通過Next.js鏡頭來探索。一個(gè)"通配符"？這到底是什么？好問題，這些類型的域名源于通配符DNS記錄，看起來像這樣。bash.example.3600TXT"Wild!Youhavefoundaw

2021-12-11 11:00:40

ide javascript json

#yyds干貨盤點(diǎn)#iOS 15 中的前端開發(fā)快捷方式

當(dāng) Chris 分享一種??在移動(dòng)設(shè)備上“查看源代碼”???的方法時(shí)，我非常激動(dòng)。當(dāng)然，它與內(nèi)置功能不同，但它允許像我這樣的 iOS 用戶通過添加??view-source:??URL來查看網(wǎng)站代碼，就像 Android 上的人一樣。我很好奇什么樣的開發(fā)相關(guān)工具可能會(huì)直接嵌入到我的 iPhone 中，所以我四處尋找。實(shí)際上，現(xiàn)在正是使用剛出爐的 iOS 15 來做到這一點(diǎn)的最佳時(shí)機(jī)。iOS Sho

2021-12-11 06:02:09

快捷方式應(yīng)用程序 ios

全面解析 | 鑰匙環(huán)服務(wù)的應(yīng)用場(chǎng)景&商業(yè)價(jià)值

在互聯(lián)互通的場(chǎng)景驅(qū)動(dòng)下，同一開發(fā)者旗下常常擁有多款應(yīng)用或者多個(gè)應(yīng)用形態(tài)，用戶在同一設(shè)備的不同應(yīng)用或端口登錄時(shí)，即便使用同一帳號(hào)，仍需要重復(fù)輸入密碼進(jìn)行驗(yàn)證，操作復(fù)雜，直接影響到用戶的使用體驗(yàn)，而華為鑰匙環(huán)服務(wù)的出現(xiàn)則有效地解決了這一問題。鑰匙環(huán)服務(wù)功能盤點(diǎn) 華為鑰匙環(huán)服務(wù)（Keyring）為開發(fā)者提供全生命周期的憑據(jù)管理能力，包括對(duì)憑據(jù)進(jìn)行獲取、加密存儲(chǔ)、授權(quán)共享、查詢讀取、刪除等等，保障開發(fā)者的

2021-12-10 14:39:42

開發(fā)者 web應(yīng)用安卓應(yīng)用

#yyds干貨盤點(diǎn)#--30分鐘入門JavaScript

前言JavaScript 是一種解釋型的腳本語言，被大量地應(yīng)用于網(wǎng)頁中，用以實(shí)現(xiàn)網(wǎng)頁和瀏覽者的動(dòng)態(tài)交互。目前幾乎所有的瀏覽器都可以很好地支持 JavaScript。由于 JavaScript 可以及時(shí)響應(yīng)瀏覽者的操作，控制頁面的行為表現(xiàn)，提高用戶體驗(yàn)，因而已經(jīng)成為前端開發(fā)人員必須掌握的語言之一。JavaScript 是為滿足制作動(dòng)態(tài)網(wǎng)頁的需要而誕生的一種編程語言，是由 Netscape（網(wǎng)景通信公

2021-12-10 09:31:15

字符串數(shù)組 javascript

#yyds干貨盤點(diǎn)#探索 CSS Paint API：多邊形邊框

如今，使用來創(chuàng)建復(fù)雜的形狀是一項(xiàng)簡(jiǎn)單的任務(wù)??clip-path??，但為形狀添加邊框總是很痛苦。沒有強(qiáng)大的 CSS 解決方案，我們總是需要為每個(gè)特定情況生成特定的“hacky”代碼。在本文中，我將向您展示如何使用 CSS Paint API 解決此問題。探索 CSS Paint API 系列：第 1 部分： ??圖像碎片效應(yīng)??第 2 部分： ??Blob 動(dòng)畫??第 3 部分： ??多邊形邊

2021-12-08 07:59:07

css 字符串自定義

徹底搞懂HTTP協(xié)議 - 天天造輪子

你將Get的技能文章轉(zhuǎn)載：樂字節(jié) 如何調(diào)戲百度服務(wù)器 - 用自己手寫的HTTP協(xié)議如何調(diào)戲Chrome瀏覽器 - 用自己手寫的HTTP協(xié)議了解HTTP協(xié)議與TCP協(xié)議的關(guān)系了解HTTP協(xié)議的發(fā)明的動(dòng)機(jī) 一個(gè)字一個(gè)字編寫一個(gè)HTTP報(bào)文 Why據(jù)說前端界有一個(gè)到非常有名的面試題叫做輸入一個(gè)url發(fā)生了什么如果簡(jiǎn)單回答大概可以分為 DNS解析 TCP連接發(fā)送HTTP請(qǐng)求

2021-12-07 19:02:37

服務(wù)器百度數(shù)據(jù)

上一頁 1 ··· 7 8 9 10 11 ··· 31 下一頁

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

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

媒體

51CTO CIOAge HC3i

社區(qū)

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

教育

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

成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

開發(fā)