自拍偷在线精品自拍偷,亚洲欧美中文日韩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)證廠商認(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 條

Vue基礎(chǔ)知識(shí)總結(jié)(三):快速構(gòu)建Vue項(xiàng)目

?個(gè)人主頁(yè)：程序員阿紅(https://blog.51cto.com/u_13902521)??支持我：點(diǎn)贊?收藏??留言?1.什么是VuecliVuecli是基于Vue的應(yīng)用開(kāi)發(fā)提供的一個(gè)標(biāo)準(zhǔn)的腳手架工具.為應(yīng)用搭建基礎(chǔ)的框架結(jié)構(gòu),提供插件、開(kāi)發(fā)服務(wù)、Preset、構(gòu)建打包功能Vuecli背后集成了現(xiàn)代化開(kāi)發(fā)的諸多功能,通過(guò)簡(jiǎn)單的命令就可以完成"零配置"的項(xiàng)目環(huán)境搭建2.安裝Vuecli步驟在安

2022-04-15 15:39:35

node.js 服務(wù)端 javascript

vue 性能監(jiān)控分析

我們?cè)跒g覽網(wǎng)站的時(shí)候，不可避免的需要消耗自身計(jì)算機(jī)資源，比如帶寬、cpu、存儲(chǔ)等等，這些資源會(huì)隨著訪問(wèn)時(shí)間的延長(zhǎng)而產(chǎn)生一定的數(shù)據(jù)碎片，在我們沒(méi)有關(guān)閉瀏覽器的時(shí)候，這些碎片會(huì)一直存在的，那么作為開(kāi)發(fā)者我們開(kāi)發(fā)的網(wǎng)站是否優(yōu)質(zhì)，是否對(duì)用戶計(jì)算機(jī)負(fù)擔(dān)小，打開(kāi)是否未低時(shí)延這些就是我們用來(lái)衡量網(wǎng)站是否卓越的指標(biāo)了。vue作為一款很卓越的前端開(kāi)發(fā)框架，開(kāi)發(fā)起來(lái)很舒服，那性能怎樣呢？這個(gè)時(shí)候就需要使用性能檢測(cè)相關(guān)

2022-04-15 00:12:46

初始化重定向時(shí)間戳

在nodejs中事件循環(huán)分析

在上一篇文章[在chromev8中的JavaScript事件循環(huán)分析]()中分析到，在chrome中的js引擎是通過(guò)執(zhí)行棧和事件隊(duì)列的形式來(lái)完成js的異步操作。然而在node中，事件循環(huán)表現(xiàn)出的狀態(tài)與瀏覽器中大致相同。不同的是node中有一套自己的模型。node中事件循環(huán)的實(shí)現(xiàn)是依靠的??libuv??引擎。我們知道node選擇??chrome v8??引擎作為js解釋器，v8引擎將js代碼分析后

2022-04-11 22:07:37

事件循環(huán)v8 javascript

在chromev8中的JavaScript事件循環(huán)分析

??JavaScript??從誕生之日起就是一門單線程的非阻塞的腳本語(yǔ)言。這是由其最初的用途來(lái)決定的：與瀏覽器交互。單線程，??JavaScript??代碼在執(zhí)行的任何時(shí)候，都只有一個(gè)主線程來(lái)處理所有的任務(wù)。非阻塞則是當(dāng)代碼需要進(jìn)行一項(xiàng)異步任務(wù)（無(wú)法立刻返回結(jié)果，需要花一定時(shí)間才能返回的任務(wù)，如I/O事件）的時(shí)候，主線程會(huì)掛起??pending??這個(gè)任務(wù)，然后在異步任務(wù)返回結(jié)果的時(shí)候再根據(jù)一定規(guī)

2022-04-09 00:40:10

執(zhí)行棧主線程任務(wù)隊(duì)列

vue在瀏覽器中對(duì)DOM渲染探究

“世間萬(wàn)物都由分子構(gòu)成。用氣將萬(wàn)物的分子打散，分解眼前事物，再將分子重組，在短暫的瞬間，可以凝成時(shí)空停頓，甚至逆轉(zhuǎn)時(shí)空?！边@句熟悉的電影臺(tái)詞想必大家能猜出是哪一招武林絕學(xué)吧？是的，萬(wàn)事萬(wàn)物無(wú)時(shí)無(wú)刻不在變化，譬如與我們息息相關(guān)的DOM樹(shù)，用“氣”將樹(shù)打散，再將樹(shù)重組，我們的頁(yè)面就動(dòng)起來(lái)了！Vue渲染流程vuejs有兩個(gè)階段：編譯時(shí)和運(yùn)行時(shí)。編譯時(shí)我們平常開(kāi)發(fā)時(shí)寫的??.vue??文件是無(wú)法直接運(yùn)行在

2022-04-06 23:52:40

css html 重繪

淺析$nextTick和$forceUpdate

vue中提供了數(shù)十種api供我們開(kāi)發(fā)者日常使用，而常用的其實(shí)也就十多種，比如??setup???, ??mount???, ??forceupdate???, ??nextTick???, ??compute???, ??ref???等，這些參數(shù)有的是在生命周期中進(jìn)行管理，有的是在頁(yè)面執(zhí)行過(guò)程中，更新參數(shù)，有些是可以用來(lái)檢測(cè)頁(yè)面數(shù)據(jù)，這些隨著項(xiàng)目的推進(jìn)或多或少都是會(huì)使用到。其中??nextTick

2022-04-05 21:30:01

數(shù)據(jù)事件循環(huán)重繪

動(dòng)態(tài)資源技術(shù)JSP｜Java與Html的美好相遇

你想要的動(dòng)態(tài)Web資源技術(shù)JSP，這里都有，萬(wàn)字長(zhǎng)文帶你一睹Java與Html的美好相遇！

2022-04-04 17:57:22

jsp頁(yè)面服務(wù)器 JSP

使用APICloud AVM框架開(kāi)發(fā)人事檔案管理助手app實(shí)戰(zhàn)

由于人事檔案具有涉密性，所以本應(yīng)用沒(méi)有使用后臺(tái)服務(wù)，全部功能都在APP本地實(shí)現(xiàn)。開(kāi)發(fā)工具采用　APICloud Studio3，基于VSCode的（PS：比基于Atom的autio2好用太多）；數(shù)據(jù)庫(kù)采用sqllite，沒(méi)有使用UI框架，個(gè)人覺(jué)得AVM本身支持的flex布局配合自寫CSS樣式，完全可以實(shí)現(xiàn)市面上所有的ＵＩ框架的元素，這個(gè)取決于個(gè)人功力。一、項(xiàng)目思維腦圖二、功能介紹１、人員花名冊(cè)２、

2022-04-02 14:56:23

app開(kāi)發(fā)apicloud 項(xiàng)目實(shí)戰(zhàn)

Vue基礎(chǔ)知識(shí)總結(jié)(二)：進(jìn)階篇

1.0 MVVM模式MVVM 是Model-View-ViewModel 的縮寫，它是一種基于前端開(kāi)發(fā)的架構(gòu)模式。MVVM模式將頁(yè)面,分層了 M 、V、和VM ,解釋為：Model: 負(fù)責(zé)數(shù)據(jù)存儲(chǔ)View: 負(fù)責(zé)頁(yè)面展示View Model: 負(fù)責(zé)業(yè)務(wù)邏輯處理（比如Ajax請(qǐng)求等），對(duì)數(shù)據(jù)進(jìn)行加工后交給視圖展示<body><div id="app">

2022-03-30 10:50:31

#yyds干貨盤點(diǎn)# 一步步教你用taro封裝一個(gè)公司庫(kù)的下拉組件

前言我是歌謠我有個(gè)兄弟巔峰的時(shí)候排名c站總榜19 叫前端小歌謠曾經(jīng)我花了三年的時(shí)間創(chuàng)作了他現(xiàn)在我要用五年的時(shí)間超越他今天又是接近兄弟的一天人生難免坎坷大不了從頭再來(lái) 歌謠的意志是永恒的放棄很容易但是堅(jiān)持一定很酷前言歌謠歌謠如何封裝一個(gè)公司庫(kù)的一個(gè)組件需求介紹首先要實(shí)現(xiàn)的是1第一步需要在一個(gè)input框中輸入字符當(dāng)字符發(fā)生變化的時(shí)候進(jìn)行接口的調(diào)用2超過(guò)兩個(gè)字符開(kāi)始

2022-03-24 09:26:02

taro ico 賦值

3分鐘帶你搞懂Vue雙向綁定原理及問(wèn)題剖析

快速搞懂Vue雙向綁定原理~干貨滿滿

2022-03-22 16:44:03

雙向綁定 html 數(shù)組

使用Node.js、MongoDB、Fastify 構(gòu)建API服務(wù)

文章從零開(kāi)始介紹如果使用Node.js構(gòu)建API、通過(guò)swagger完善API文檔、postman測(cè)試API、pm2或者docker服務(wù)部署全過(guò)程

2022-03-19 22:20:54

mongodb node.js swagger

使用APICloud開(kāi)發(fā)物流倉(cāng)儲(chǔ)app項(xiàng)目實(shí)踐

一、前端思維導(dǎo)圖二、項(xiàng)目原型圖（UI圖）初版原型地址??墨刀原型鏈接?? 《外貿(mào)類》，涉及的頁(yè)面大概有20+，有興趣可以去招人做一下UI。三、前端app項(xiàng)目創(chuàng)建1、前端APICloud后臺(tái)（??www.apicloud.com/console）創(chuàng)建app，創(chuàng)建混合的開(kāi)發(fā)的app。??2、下載調(diào)試工具自定義loader安裝包自定義loader是一個(gè)安卓或iOS的安裝包，可以裝到收集端，從而進(jìn)行js

2022-03-17 16:38:09

apicloud HTML5 vue

使用APICloud平臺(tái)實(shí)現(xiàn)朋友圈功能

一、效果展示??二、項(xiàng)目結(jié)構(gòu)圖以及用到的模塊?三、主要功能 1、下拉刷新上啦加載更多（mescroll.js） 2、點(diǎn)贊評(píng)論 3、導(dǎo)航背景透明漸變效果 4、圖像預(yù)覽（UIPhotoViewer） 5、圖像壓縮 6、定位附近地點(diǎn)（aMap） 7、圖像批量上傳四、功能點(diǎn)詳解 1、下拉刷新和上拉加載我用的是 ??mescroll.js???(自帶圖像懶加載，官方網(wǎng)站有詳細(xì)使用說(shuō)明文檔) 實(shí)

2022-03-16 15:57:32

APICloud HTML5 JavaScript

【7000字】一晚上爆肝瀏覽器從輸入到渲染完畢原理

前言Chromecomic，一本Chrome架構(gòu)簡(jiǎn)要概述的漫畫，Chrome架構(gòu)于2008年同Chrome瀏覽器一起發(fā)布。!(https://s4.51cto.com/images/blog/202203/09175402_6228793abfc4d43268.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_F

2022-03-09 17:56:25

瀏覽器 JavaScript 渲染

JavaScript 數(shù)據(jù)處理 - 映射表篇

由于 JavaScript 的動(dòng)態(tài)特性，其對(duì)象本身就是一個(gè)映射表，對(duì)象的「屬性名?屬性值」就是映射表中的「鍵?值」

2022-03-06 21:15:15

javascript 鍵值對(duì)數(shù)組

一分鐘教你快速搭建Vue腳手架（Vue-Cli）項(xiàng)目并整合ElementUI

一分鐘教會(huì)你使用Vuecli創(chuàng)建項(xiàng)目并整合ElementUI，全程高能，速速來(lái)看 ~

2022-03-05 21:39:48

node.js 創(chuàng)建項(xiàng)目 json

JavaScript 數(shù)據(jù)處理 - 列表篇

從 Array 類中提供的實(shí)例方法可以看出來(lái)，數(shù)組涵蓋了一般的列表操作，增刪改查俱全。除了日常的 CRUD 之外，最重要的就是對(duì)列表進(jìn)行完全或部分遍歷，拿到預(yù)期的結(jié)果。

2022-03-04 22:44:44

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

淺談：為什么vue和react都選擇了Hooks?

一文帶你領(lǐng)略 Hooks 的優(yōu)點(diǎn)~

2022-03-01 22:54:43

vuejs react hooks

#yyds干貨盤點(diǎn)# 內(nèi)鬼消息：串聯(lián)高頻面試問(wèn)題，值得一看！

前言開(kāi)宗明義，本瓜深知汝之痛點(diǎn)：前端面試知識(shí)點(diǎn)太雜，卿總為了面試而面試，忘了記，記了又忘，循環(huán)往復(fù)，為此叫苦不迭。來(lái)，讓本瓜帶領(lǐng)各位都稍稍回顧一下，自己曾經(jīng)在學(xué)生時(shí)代記憶元素周期表的光輝歲月。氫、氦、鋰、鈹、硼、碳、氮、氧、氟、氖、鈉、鎂、鋁、硅、磷、硫、氯、氬、鉀、鈣、鈧、鈦、釩、鉻、猛、鐵、鈷、鎳、銅、鋅......咱當(dāng)初記這前三十位元素，是死記硬背的嗎？答案是否定的，機(jī)智的我們用到了&nbs

2022-02-28 09:10:13

緩存服務(wù)器客戶端

#yyds干貨盤點(diǎn)# 前端模塊化的全面總結(jié)

隨著前端功能越來(lái)越復(fù)雜，前端代碼日益膨脹，為了減少維護(hù)成本，提高代碼的可復(fù)用性，前端模塊化勢(shì)在必行。

2022-02-27 23:50:39

#yyds干貨盤點(diǎn)# CSS盒子模型

CSS盒子模型在CSS中算是比較重要的部分了，他已經(jīng)開(kāi)始涉及到網(wǎng)頁(yè)布局和設(shè)計(jì)了，對(duì)于這一塊內(nèi)容要引起重視，多加練習(xí)。

2022-02-25 08:15:47

盒模型 css 頁(yè)面布局

前端SSR的落地實(shí)踐

!圖片(https://s4.51cto.com/images/blog/202202/22104833_62144f0151bda52909.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpd

2022-02-22 14:40:08

數(shù)據(jù)服務(wù)端客戶端

「VS Code 整活」100行代碼，寫一個(gè)超實(shí)用的懸浮翻譯插件

要說(shuō)哪個(gè)插件對(duì)效率提升最大，可能各有推薦，各有千秋。但我要說(shuō)對(duì)初學(xué)者，以及英文有億點(diǎn)點(diǎn)差的同學(xué)來(lái)講：翻譯，是日常開(kāi)發(fā)中必不可少的一環(huán)。在下找過(guò)N個(gè)`VSCode` 翻譯插件發(fā)現(xiàn)一個(gè)神器：

2022-02-21 15:06:35

ide 插件開(kāi)發(fā)VS Code

#yyds干貨盤點(diǎn)# 洋哥表單，看了都說(shuō)好

洋哥表單，看了都說(shuō)好。表單精心總結(jié)，快速掌握

2022-02-17 18:54:19

表單 HTML CSS

#yyds干貨盤點(diǎn)#這一次，徹底搞懂Promise

徹底搞定Promise

2022-02-12 09:22:04

數(shù)據(jù)迭代數(shù)組

#yyds干貨盤點(diǎn)# SAP UI5 batch 請(qǐng)求的響應(yīng)解析流程分析

batch請(qǐng)求的回復(fù)：!(https://s4.51cto.com/images/blog/202202/10104156_62047b74dba8c78382.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3po

2022-02-10 10:42:29

json 字段數(shù)據(jù)

JavaScript 之 Proxy

Proxy 可以理解成，在目標(biāo)對(duì)象之前架設(shè)一層“攔截”，外界對(duì)該對(duì)象的訪問(wèn)，都必須先通過(guò)這層攔截，因此提供了一種機(jī)制，可以對(duì)外界的訪問(wèn)進(jìn)行過(guò)濾和改寫。

2022-01-27 23:18:10

前端 JavaScript Proxy

APICloud AVM框架列表組件list-view的使用、flex布局教程

??avm.js?? 是APICloud?推出的多端開(kāi)發(fā)框架。使用 avm.js 一個(gè)技術(shù)棧可同時(shí)開(kāi)發(fā) Android & iOS 原生 App、小程序和 iOS 輕 App，且多端渲染效果統(tǒng)一；全新的 App 引擎 3.0 不依賴 webView，提供百分百的原生渲染，保障 App 性能和體驗(yàn)與原生 App 一致。???list-view?? 定義可復(fù)用內(nèi)容的豎向滾動(dòng)

2022-01-26 11:40:47

css 列表 avm.js

使用 React 和 Next.js 構(gòu)建博客

Next.js 是由 Vercel 創(chuàng)建和維護(hù)的基于 React 的應(yīng)用程序框架。本教程將從零開(kāi)始學(xué)習(xí)如何使用 Next.js 構(gòu)建一個(gè)小型的博客網(wǎng)站：

2022-01-22 21:18:38

html next.js react

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

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

2022-01-21 14:54:17

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

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

本文討論SpartacusUIcheckout流程時(shí)，下圖高亮的兩種交貨模式，DeliveryMode的數(shù)據(jù)來(lái)源：!(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地圖引擎

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

2022-01-18 22:34:04

這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 開(kāi)發(fā)語(yǔ)言

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

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

2022-01-15 22:56:24

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

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

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

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

2022-01-04 17:42:31

APICloud Android App開(kāi)發(fā)

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

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

2021-12-31 22:58:36

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

原生JavaScript靈魂拷問(wèn)(二)，你能全部答對(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

靈魂拷問(wèn)JavaScript 基礎(chǔ)

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

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

2021-12-30 15:51:38

css 飛翔的小鳥(niǎo)q 前端

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

前言當(dāng)下的前端開(kāi)發(fā)，三大框架三分天下，框架的簡(jiǎn)單、強(qiáng)大讓我們欲罷不能，使用原生JavaScript越來(lái)越少。但我認(rèn)為JavaScript作為每一個(gè)前端工程師的立身之本，不止要學(xué)會(huì)，還要學(xué)好、學(xué)精，學(xué)再多遍都不為過(guò)。另一方面，前端面試中，越來(lái)越重視原生JavaScript的考察，其所占比例也越來(lái)越高。我抓取了?？蜕辖衲甑木€上面試題和面經(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()方法來(lái)輸出一些或者調(diào)試程序，我相信很多剛開(kāi)始接觸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

#私藏項(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ā)生了什么。因此，讓我們通過(guò)以下主題深入了解變更檢測(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ù)渲染）

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

2021-12-28 15:30:11

JavaScript 體驗(yàn)性能

《2w字大章 38道面試題》徹底理清JS中this指向問(wèn)題 #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ù)聲明的位置沒(méi)有關(guān)系，只取決于函數(shù)調(diào)用的方式。本篇文章有點(diǎn)長(zhǎng)，涉及到很多道面試題，有難有簡(jiǎn)單，如果能耐心的通讀一編，我相信以后this都不成問(wèn)題。學(xué)習(xí)this之前，建議先學(xué)習(xí)以下知識(shí)

2021-12-28 15:17:19

javascript 作用域 this

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

本文通過(guò)分析 Chrome 的 DevTools 的技術(shù)實(shí)現(xiàn)，特別是在瀏覽器內(nèi)核中的實(shí)現(xiàn)部分，來(lái)展示這款被萬(wàn)千開(kāi)發(fā)者所喜愛(ài)的開(kāi)發(fā)工具背后的秘密。本文適合閱讀對(duì)象主要有前端開(kāi)發(fā)者、有志于開(kāi)發(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ù)嗎？來(lái)試試純CSS計(jì)數(shù)器?。?！

?創(chuàng)作不易，點(diǎn)個(gè)贊再看唄! 關(guān)注專欄，讓你走進(jìn)CSS世界的深處前言不知道有多少人做過(guò)自己的博客，在生成文章目錄的時(shí)候，有沒(méi)有人是下圖樣式的：會(huì)在標(biāo)題前面加上數(shù)字編號(hào)的，大部分的實(shí)現(xiàn)方案是什么呢？我一開(kāi)始是在遍歷的時(shí)候加上數(shù)字編號(hào)的，不過(guò)這樣的JS代碼很多。需要判斷層級(jí)數(shù)很麻煩。直到我發(fā)現(xiàn)純css的counter屬性！計(jì)數(shù)器CSS的計(jì)數(shù)器通過(guò)在 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等，熟練使用后能極大提高編寫代碼的效率。下面就一起來(lái)學(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ù)前端

上一頁(yè) 1 ··· 5 6 7 8 9 ··· 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)

^{<sub id="mfark"></sub>}

<center id="mfark"></center>