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

AI.x社區(qū)

軟考社區(qū)

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

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

WOT技術(shù)大會

公眾號矩陣

移動端

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

全部課程軟考華為認(rèn)證廠商認(rèn)證 IT技術(shù)PMP項目管理免費題庫

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

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

51CTO

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

51CTO技術(shù)棧

51CTO官微

51CTO學(xué)堂

51CTO博客

CTO訓(xùn)練營

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

51CTO軟考

51CTO學(xué)堂APP

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

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

51CTO軟考題庫

賬號設(shè)置退出

前端

2.8w內(nèi)容??

關(guān)注

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

文章博文帖子課程

共 711 條

#yyds干貨盤點# 前端歌謠的刷題之路-第一百五十九題-new

前言我是歌謠我有個兄弟巔峰的時候排名c站總榜19 叫前端小歌謠曾經(jīng)我花了三年的時間創(chuàng)作了他現(xiàn)在我要用五年的時間超越他今天又是接近兄弟的一天人生難免坎坷大不了從頭再來歌謠的意志是永恒的放棄很容易但是堅持一定很酷本題目源自于?？途W(wǎng) 微信公眾號前端小歌謠題目請補全JavaScript代碼，要求實現(xiàn)對象參數(shù)的深拷貝并返回拷貝之后的新對象。注意： 1. 參數(shù)對象和參數(shù)對象的

2022-11-10 21:10:29

html javascript 構(gòu)造函數(shù)

vue入門知識總結(jié)

vue入門 1.插值表達式 {{}} 2.指令 2.1 v-if 、v-else、 v-show、v-else-if v-if：在切換過程中條件塊內(nèi)的事件監(jiān)聽器和子組件適當(dāng)?shù)乇讳N毀和重建，開銷較高，在運

2022-11-10 11:38:25

數(shù)據(jù)事件總線 html

淺談性能優(yōu)化之圖片壓縮、加載和格式選擇

原文鏈接：淺談性能優(yōu)化之圖片壓縮、加載和格式選擇(https://fe32.top/articles/we0523bs/)在認(rèn)識圖片優(yōu)化前，我們先了解下【二進制位數(shù)】與【色彩呈現(xiàn)】的關(guān)系。二進制位數(shù)與色彩在計算機中，一般用二進制數(shù)來表示像素。在不同的圖片格式中，像素與二進制位數(shù)之間對應(yīng)的關(guān)系是不同的。一個像素對應(yīng)的二進制位數(shù)越多，它能表示的顏色種類就豐富，成像效果也就越精致，圖片所需的存儲空

2022-11-10 11:12:12

服務(wù)器懶加載加載

利用snowfall.jquery.js實現(xiàn)滿屏愛心表白代碼

利用snowfall.jquery.js實現(xiàn)滿屏愛心表白代碼

2022-11-10 10:38:55

html chrome safari

基于vue-Ant實現(xiàn)圖片上傳

上傳是將信息（網(wǎng)頁、文字、圖片、視頻等）通過網(wǎng)頁或者上傳工具發(fā)布到遠(yuǎn)程服務(wù)器上的過程。如何使用Ant-design-vue中的 a-upload 上傳組件進行圖片或者視頻的上傳呢？

2022-11-07 08:51:56

圖片上傳 vue Ant-design

#yyds干貨盤點# 前端歌謠的刷題之路-第一百五十一題-三列布局 - 圣杯布局

前言我是歌謠我有個兄弟巔峰的時候排名c站總榜19 叫前端小歌謠曾經(jīng)我花了三年的時間創(chuàng)作了他現(xiàn)在我要用五年的時間超越他今天又是接近兄弟的一天人生難免坎坷大不了從頭再來歌謠的意志是永恒的放棄很容易但是堅持一定很酷本題目源自于牛客網(wǎng) 微信公眾號前端小歌謠題目??不像Flexbox或Grid布局可以控制元素顯示的次序，圣杯布局是通過浮動元素和外邊距屬性實現(xiàn)三列布局，但最重要

2022-11-06 15:56:51

vue中封裝的常用方法（全部干貨）

在我們要經(jīng)常使用一些javascript工具函數(shù)的時候，如果每次用到都得定義或者引入是不是很麻煩，封裝好一個全局的吧公共方法十分必要，這將會大大節(jié)省工作量，而且收集的多了以后也能用的到！

2022-11-04 09:25:24

時間格式 chrome 數(shù)組

【W(wǎng)eb開發(fā)】Python實現(xiàn)Web圖表功能（pyecharts，F(xiàn)lask）

@toc<fontcolor=purpleface=華文行楷size="5""柳絲榆莢自芳菲，不管桃飄與李飛；"1、簡介APythonEchartsPlottingLibrary.ApacheEcharts是一個由百度開源的數(shù)據(jù)可視化，憑借著良好的交互性，精巧的圖表設(shè)計，得到了眾多開發(fā)者的認(rèn)可。而Python是一門富有表達力的語言，很適合用于數(shù)據(jù)處理。當(dāng)數(shù)據(jù)分析遇上數(shù)據(jù)可視化時，pyecharts

2022-11-04 06:15:17

flask html echarts

從柯里化講起，一網(wǎng)打盡 JavaScript 重要的高階函數(shù)

前情回顧我們在前篇 ??《?從歷史講起，JavaScript 基因里寫著函數(shù)式編程》?? 講到了 JavaScript 的函數(shù)式基因最早可追溯到 1930 年的 lambda 運算，這個時間比第一臺計算機誕生的時間都還要早十幾年。JavaScript 閉包的概念也來源于 lambda 運算中變量的被綁定關(guān)系。因為在 lambda 演算的設(shè)定中，參數(shù)只能是一個，所以通過柯里化的天才想法來實現(xiàn)接收多個

2022-11-03 08:40:39

緩存 javascript 高階函數(shù)

【W(wǎng)eb開發(fā)】Python實現(xiàn)Web圖表功能（pyecharts入門學(xué)習(xí)）

@toc<fontcolor=purpleface=華文行楷size="5""柳絲榆莢自芳菲，不管桃飄與李飛；"1、簡介APythonEchartsPlottingLibrary.ApacheEcharts是一個由百度開源的數(shù)據(jù)可視化，憑借著良好的交互性，精巧的圖表設(shè)計，得到了眾多開發(fā)者的認(rèn)可。而Python是一門富有表達力的語言，很適合用于數(shù)據(jù)處理。當(dāng)數(shù)據(jù)分析遇上數(shù)據(jù)可視化時，pyecharts

2022-11-02 21:43:37

python echarts pyecharts

【原子樣式實踐】第12篇一次搞定微信開發(fā)者工具的原子樣式擴展

原子樣式雖好，在IDE中使用，有擴展輔助就更好。本文介紹如何開發(fā)微信開發(fā)者工具的原子樣式擴展，支持原子樣式的自動生成，支持特色功能組合樣式，支持特色功能樣式使用統(tǒng)計報告。

2022-11-02 12:04:42

原子CSS 原子樣式小程序開發(fā)

如何用 JavaScript 編寫你的第一個單元測試

測試代碼是確保代碼穩(wěn)定的第一步。能做到這一點的最佳方法之一就是使用單元測試，確保應(yīng)用程序中的每個較小的功能都按應(yīng)有的方式運行——尤其是當(dāng)應(yīng)用程序接收到極端或無效輸入，甚至可能有害的輸入時。為什么要進行單元測試？進行單元測試有許多不同的方法，一些主要目的是：驗證功能：單元測試確保代碼做正確的事情并且不做任何不應(yīng)該做的事情——大多數(shù)錯誤發(fā)生在這里。防止代碼回歸：當(dāng)我們發(fā)現(xiàn)錯誤時，添加單元測試來檢查場景

2022-11-01 08:15:23

單元測試應(yīng)用程序 javascript

原生拖拽太拉跨了，純JS自己手寫一個拖拽效果，縱享絲滑

前言提到元素拖拽，通常都會先想到用HTML5的拖拽放置(Drag和Drop)來實現(xiàn)，它提供了一套完整的事件機制，看起來似乎是首選的解決方案，但實際卻不是那么美好，主要是它的樣式太過簡陋，無法實現(xiàn)更高級的用戶體驗：!(https://s2.51cto.com/images/blog/202210/31111017_635f3c99d61825348.png?xossprocess=image/wat

2022-10-31 11:13:54

拖拽 css html

Vue開發(fā)歷程---音樂播放器的繼續(xù)

前言前面一篇文章??Vue開發(fā)歷程---音樂播放器??，實現(xiàn)了播放音樂，以及基本的布局。但是進度條沒有實現(xiàn)同步，本文即介紹進度條的實現(xiàn)。一、效果圖二、心路歷程1、elementUI 滑塊的使用<div class="block" style="margin-top:5px"> <el-slider v-model="value" @change="updateSlideTime

2022-10-31 09:57:43

那些你不知道的炫酷導(dǎo)航交互效果

一個結(jié)構(gòu)層次清晰的導(dǎo)航是網(wǎng)站必不可少的功能之一，它可以幫助用戶快速輕松的找到想要的信息，本文整理分享了幾款很不錯的導(dǎo)航交互效果，希望可以給你的項目添磚加瓦。

2022-10-31 09:36:15

css 前端導(dǎo)航

【Vue】Vuex詳解

【前言】本博客系統(tǒng)的講訴了Vuex的安裝、搭建。以及Actions、Mutations、State、Getters的使用，為什么使用mapState、mapGetters以及一些細(xì)節(jié)的解釋Vuex原理講解編輯Actions：詞義是動作行為Mutations:詞義是加工、維護State:詞義是狀態(tài)和數(shù)據(jù)Dispatch：詞義是派遣、發(fā)出Commit：提交Render: 渲

2022-10-30 16:54:14

【原子樣式實踐】第10篇原子樣式到原子設(shè)計的發(fā)展使用

在各種知名樣式表或者組件庫開箱即用的優(yōu)勢下，原子樣式依然流行，說明了成品樣式（半定制樣式）存在升級、變更或者管理的需求，在維護時與發(fā)展或者規(guī)范形成了沖突。在大粒度上不能較好的解決問題時，勢必下鉆尋求更好的解決方式。通過頁面的 CSS 定義來生成有效的樣式，量體裁衣，避免了樣式的臃腫或者浪費。那么原子樣式的未來在哪里呢？

2022-10-27 17:10:12

原子設(shè)計原子樣式靜態(tài)編譯

requestVideoFrameCallback() 簡單實例

在文章《??瀏覽器視頻幀操作方法 requestVideoFrameCallback() 簡介??》中介紹了基本的使用情況，本文來體驗一下其使用過程，后續(xù)將增加一些酷炫的實例。點擊開始播放視頻、暫停視頻以讀取元數(shù)據(jù)。在畫布上繪制視頻幀與實際視頻幀速率同步的畫面。??GITHUB??中包含整個代碼實例，主要代碼如下：<template> <div id="app">

2022-10-26 09:42:39

播放視頻 requestVide video

【前端】總結(jié)一下前端css樣式規(guī)范

@TOC(總結(jié)一下前端css樣式規(guī)范)前端樣式CSS規(guī)范通用規(guī)范css//badpaddingbottom:0px;margin:0em;//goodpaddingbottom:0;margin:0;如果CSS可以做到，就不要使用JS，建議并適當(dāng)縮寫值，提高可讀性，特殊情況除外“建議并適當(dāng)”是因為縮寫總是會包含一系列的值，而有時候我們并不希望設(shè)置某一值，反而造成了麻煩，那么這時候你可以不縮寫，而是

2022-10-24 15:20:15

css 選擇器 ide

JavaScript 設(shè)計模式之策略模式

學(xué)習(xí)設(shè)計模式的目的是：為了代碼可重用性、讓代碼更容易被他人理解、保證代碼可靠性。設(shè)計模式使代碼編寫真正工程化；設(shè)計模式是軟件工程的基石脈絡(luò)，如同大廈的結(jié)構(gòu)一樣。

2022-10-24 10:37:02

設(shè)計模式策略模式代碼設(shè)計

vue中工作總結(jié)-持續(xù)更新

2022-10-21 16:44:13

數(shù)據(jù)ios 深拷貝

【W(wǎng)eb開發(fā)】Python實現(xiàn)Web服務(wù)器（Flask測試后臺框架模板）

Flask是一個輕量級的可定制框架，使用Python語言編寫，較其他同類型框架更為靈活、輕便、安全且容易上手。它可以很好地結(jié)合MVC模式進行開發(fā)，開發(fā)人員分工合作，小型團隊在短時間內(nèi)就可以完成功能豐富的中小型網(wǎng)站或Web服務(wù)的實現(xiàn)。另外，F(xiàn)lask還有很強的定制性，用戶可以根據(jù)自己的需求來添加相應(yīng)的功能，在保持核心功能簡單的同時實現(xiàn)功能的豐富與擴展，其強大的插件庫可以讓用戶實現(xiàn)個性化的網(wǎng)站定制，開發(fā)出功能強大的網(wǎng)站。

2022-10-21 06:46:01

flask python js

【W(wǎng)eb開發(fā)】Python實現(xiàn)Web服務(wù)器（Flask測試統(tǒng)計圖表）

ECharts，一個使用 JavaScript 實現(xiàn)的開源可視化庫，可以流暢的運行在 PC 和移動設(shè)備上，兼容當(dāng)前絕大部分瀏覽器（IE9/10/11，Chrome，F(xiàn)irefox，Safari等），底層依賴矢量圖形庫 ZRender，提供直觀，交互豐富，可高度個性化定制的數(shù)據(jù)可視化圖表。

2022-10-21 06:45:19

#yyds干貨盤點#前端圖片懶加載

前端性能優(yōu)化里有圖片的加載，有懶加載和預(yù)加載。那么什么是懶加載呢？懶加載也叫做延遲加載、按需加載，指的是在長網(wǎng)頁中延遲加載圖片數(shù)據(jù)，是一種較好的網(wǎng)頁性能優(yōu)化的方式。有的網(wǎng)站圖片很多，而如果一上來就加載所有的圖片，會導(dǎo)致網(wǎng)頁加載很慢圖片懶加載：等圖片正式進入到可視區(qū)中時，才加載對應(yīng)的圖片，否則不請求圖片預(yù)加載指的是將所需的資源提前請求加載到本地，這樣后面在需要用到時就直接從緩存取資源。通過預(yù)加載能

2022-10-19 16:55:48

懶加載加載預(yù)加載

【Vue】圖片拉近、全屏背景實戰(zhàn)經(jīng)驗總結(jié)

1 圖片拉近緣起是看到了下面的圖片，我發(fā)現(xiàn)當(dāng)鼠標(biāo)懸浮的時候，發(fā)現(xiàn)他是可以拉近的，也就是圖片的寬高不變，但是圖片被放大了起初我以為是有一個這樣的方法，可以實現(xiàn)這個操作，但是查找了很多網(wǎng)站都沒有找到。后來自己慢慢的摸索，才了解了其中的奧妙子盒子和父盒子的大小一樣大，為了能體現(xiàn)出父子盒子，我讓父盒子略大，并未黃色，子盒子為白色當(dāng)鼠標(biāo)懸浮到該子盒子的時候，子盒子被放大（scale），如下圖同時，我設(shè)置子盒

2022-10-18 08:16:27

背景圖片 html 圖像縮放

提高編程效率的5大VS Code插件

前言作為一名開發(fā)人員，大家會一直尋找可以幫助改進日常工作流程的解決方案，VS Code 市場中就有很多優(yōu)秀的擴展插件程序。正文??一、GitLive??GitLive 是一個出色的擴展程序，它可以實時監(jiān)控 IDE 內(nèi)置 Git 的情況，例如團隊成員的在線狀態(tài)和即時合并沖突檢測。團隊成員的在線狀態(tài)： IDE 插件添加了一個團隊側(cè)邊欄/工具窗口，可以在其中查看團隊中的誰在線、他們正在處理的問題和分支

2022-10-17 23:15:47

音視頻 ide git

【Vue】Axios詳解

@[toc]1 Axios簡介1.1 什么是Axios?Axios 是一個基于 ??promise??? 網(wǎng)絡(luò)請求庫，作用于??node.js?? 和瀏覽器中。它是 ??isomorphic??? 的(即同一套代碼可以運行在瀏覽器和node.js中)。在服務(wù)端它使用原生 node.js ??http?? 模塊, 而在客戶端 (瀏覽端) 則使用 XMLHttpRequests。1.2 Axios的

2022-10-17 13:07:57

vue 前端 axios

【Vue】懸浮窗和聚焦登錄組件經(jīng)驗總結(jié)

前言本文整理了實現(xiàn)懸浮窗以及聚焦登錄組件的功能。為的是方便大家和自己的學(xué)習(xí)。省流：可以只看1.2 和 2的代碼即可1 懸浮窗現(xiàn)在各大流行視頻網(wǎng)站的平臺都在使用這種懸浮顯示的效果，我就想這種東西是怎樣搞出來的呢！幾經(jīng)嘗試，終于找到了一個實現(xiàn)方式，記錄一下自己的開發(fā)歷程，方便以后的使用，也為了各C友提供便利。1.1 使用display嘗試用display實現(xiàn)，利用display:none和blo

2022-10-17 13:05:58

ide css 懸浮窗

玩轉(zhuǎn)BUI系列一--動畫控制交互篇：bui.animate

常規(guī)的動畫（上下左右旋轉(zhuǎn)放大縮?。┳龇ㄒ话悴捎胊nimate.css 控制樣式的增加就可以，這種做法比較方便，但不好做一些復(fù)雜交互動畫，BUI的animate利用通過transform 進行擴展，支持屬性動畫，延遲動畫，特別適合做一些定制性的交互動畫，可以快速解決H5營銷類動畫。

2022-10-12 15:26:05

animate 動畫 bui

【GIS開發(fā)】OpenLayers入門學(xué)習(xí)（JavaScript庫）

OpenLayers是一個高性能、功能豐富的庫，用于在 Web 上創(chuàng)建交互式地圖。它可以在任何網(wǎng)頁上顯示從任何來源加載的地圖瓦片、矢量數(shù)據(jù)和標(biāo)記。OpenLayers 的開發(fā)旨在進一步使用各種地理信息。它是完全免費的開源 JavaScript，在BSD 2-Clause License下發(fā)布。

2022-10-11 06:49:18

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

【W(wǎng)eb開發(fā)】Python實現(xiàn)Web服務(wù)器（Sanic）

@toc1、簡介https://sanic.dev/zh/(https://sanic.dev/zh/)https://github.com/sanicorg/sanic(https://github.com/sanicorg/sanic)Sanic是Python3.7+Web服務(wù)器和Web框架，旨在提高性能。它允許使用Python3.5中添加的async/await語法，這使得您的代碼有效的避免

2022-10-09 06:07:39

python 前端 web開發(fā)

Vue最佳實踐和實用技巧

1.props限制和透傳????內(nèi)自定義限制props: { size: { // 自定義驗證函數(shù) validator: (val) => { return ["small", "medium", "large"].includes(val); }, }}復(fù)制代碼這個驗證函數(shù)接受一個 prop值，驗證并返回 true

2022-10-08 15:05:29

自定義封裝數(shù)據(jù)

#yyds干貨盤點# 前端歌謠的刷題之路-第一百零九題-雙向數(shù)據(jù)綁定

前言我是歌謠我有個兄弟巔峰的時候排名c站總榜19 叫前端小歌謠曾經(jīng)我花了三年的時間創(chuàng)作了他現(xiàn)在我要用五年的時間超越他今天又是接近兄弟的一天人生難免坎坷大不了從頭再來歌謠的意志是永恒的放棄很容易但是堅持一定很酷本題目源自于?？途W(wǎng) 微信公眾號前端小歌謠題目請補全JavaScript代碼，要求如下： 1. 監(jiān)聽對象屬性的變化 2. 當(dāng)"person"對象屬性發(fā)生變化時，頁面中與該屬性

2022-10-08 08:22:23

屬性值 html 數(shù)據(jù)同步

【W(wǎng)eb開發(fā)】Python實現(xiàn)Web服務(wù)器（web2py）

@toc1、簡介官方地址：http://www.web2py.com(http://www.web2py.com)免費開源全?？蚣?，快速開發(fā)，可擴展，安全和可移植數(shù)據(jù)庫驅(qū)動的基于Web的應(yīng)用程序。編寫和編程Python（版本3和2.7）。!在這里插入圖片描述(https://s2.51cto.com/images/blog/202210/08060930_6340a39a3a7b398663.pn

2022-10-08 06:10:24

html web開發(fā)web服務(wù)器

vue2面試常見面試題收集

## ?Virtual DOM的理解一、什么是vdom？ ``` Virtual DOM 用JS模擬DOM結(jié)構(gòu) ``` 二、為何要用vdom？ ``` 1. DOM操作非常非?！皉ang貴”，將DOM對比操作放在JS層，提高效率 2. DOM結(jié)構(gòu)的對比，放在JS層來做（圖靈...

2022-10-07 17:59:36

vue 面試題 vuex

教你開發(fā)一個JS代碼加密工具

本文，教你開發(fā)一個JS代碼加密工具。工具可實現(xiàn)：把正常的JS代碼，轉(zhuǎn)化為加密代碼，并且加密后的JS代碼能直接運行。

2022-10-07 15:54:56

js代碼 js加密 js混淆

ES6+--》熟知JS中的async函數(shù)

async函數(shù)async函數(shù)的返回值為 promise 對象，promise對象的結(jié)果由async函數(shù)執(zhí)行的返回值決定。async函數(shù)能使得異步操作變得更加方便，簡而言之就是 Generator 的語法糖。定義async函數(shù)，特點是即便函數(shù)內(nèi)部返回結(jié)果不是promise對象，調(diào)用函數(shù)其最后的返回結(jié)果依然是promise對象，代碼如下：如果返回的結(jié)果不是 Promise 對象的情況下：<scr

2022-10-07 01:18:07

ajax 異步任務(wù)JavaScript

【W(wǎng)eb開發(fā)】Ubuntu系統(tǒng)手動搭建Node.js環(huán)境

Ubuntu是一個以桌面應(yīng)用為主的Linux操作系統(tǒng)，其名稱來自非洲南部祖魯語或豪薩語的“ubuntu"一詞。

2022-10-06 08:42:40

linux nodejs 前端

【W(wǎng)eb開發(fā)】Node.js實現(xiàn)Web服務(wù)器（express模塊）

@toc1、簡介1.1node.js官網(wǎng)地址：https://nodejs.org/(https://nodejs.org/)Node.js是一個開源和跨平臺的JavaScript運行時環(huán)境。它是幾乎任何類型的項目的流行工具！Node.js在瀏覽器之外運行GoogleChrome的核心V8JavaScript引擎。這使得Node.js非常高效。!在這里插入圖片描述(https://s2.51cto

2022-10-06 08:38:09

nodejs 前端 web服務(wù)器

【nodejs開發(fā)】nodejs實現(xiàn)socket網(wǎng)絡(luò)通信

@toc(本節(jié)內(nèi)容如下：)1、簡介在NodeJS中有三種socket：1.TCP，2.UDP，3.Unix域套接字。UDP/datagramsocketsjavascriptClass:dgram.SocketEvent:'close'Event:'connect'Event:'error'Event:'listening'Event:'message'socket.addMembership(m

2022-10-05 07:51:25

javascript nodejs socket

【CSS】能全部通關(guān)？那你這些知識點都鞏固了（附上游戲攻略...）

歡度國慶，在游戲的同時，也能鞏固知識點，一舉兩得！快來通關(guān)...

2022-10-01 11:45:44

css html 選擇器

React+hook+ts+ant design封裝一個input和select搜索的組件

前言我是歌謠我有個兄弟巔峰的時候排名c站總榜19 叫前端小歌謠曾經(jīng)我花了三年的時間創(chuàng)作了他現(xiàn)在我要用五年的時間超越他今天又是接近兄弟的一天人生難免坎坷大不了從頭再來歌謠的意志是永恒的放棄很容易但是堅持一定很酷微信公眾號前端小歌謠需求分析首先我們需要實現(xiàn)一個帶有搜索功能的搜索框本次只實現(xiàn)兩種框的搜索功能一種input 一種select功能思維第一步初始版本先寫出一個in

2022-09-29 15:12:54

搜索 html 重置

ES6--》了解并應(yīng)用迭代器與生成器

迭代器迭代器(Iterator)也叫遍歷器，是一種接口，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機制。任何數(shù)據(jù)結(jié)構(gòu)只要部署 Iterator 接口，就可以完成遍歷操作；JS中原有表示“集合”的數(shù)據(jù)結(jié)構(gòu)，主要是數(shù)組（Array）和對象（Object），ES6又新增了 Map 和 Set，這樣就有了四種數(shù)據(jù)集合。如果用戶組合使用四種不同的數(shù)據(jù)結(jié)構(gòu)，比如數(shù)組的成員是對象或者對象的成員是Map，這樣就需要一種統(tǒng)

2022-09-27 11:10:47

生成器數(shù)據(jù)結(jié)構(gòu)代碼塊

基于Ant Design Pro開發(fā)管理系統(tǒng)的前端部分

一、概述Ant Design Pro是一種由阿里螞蟻團隊開發(fā)的中臺前端設(shè)計解決方案，很適合作為后臺管理系統(tǒng)的前端框架?？蚣芴峁┝她R全的路由菜單、布局、UI、組件等開發(fā)管理系統(tǒng)前端需要的功能。也支持開發(fā)自定義組件來滿足一些個性化需求?；A(chǔ)版的Ant Design Pro是免費的如果需求比較復(fù)雜也有付費的企業(yè)版??Ant Design Pro官網(wǎng)??我們今天要講的是免費的基礎(chǔ)班，demo預(yù)覽如下圖：二

2022-09-26 13:54:23

系統(tǒng)管理 AntDesignPr nodejs

C4D搭配橢圓動態(tài)及閃動控制動畫效果

前言上一章講述了利用 C4D 圖切割制作閃光效果，本章將講述如何在上一章描述的效果基礎(chǔ)上，加入橢圓動態(tài)效果以及閃動控制。如下圖所示，橢圓運動主要分成兩部分：外圈運動、內(nèi)圈運動。其中內(nèi)圈運動看似一個橢圓，實際上是由兩個橢圓不同角度組成的。紅色指向的是運動的小球，綠箭頭是小球運動的方向。下面將講述如何展示圓球運動，主要是運用 canvas 畫布制作，探測小球的運動軌跡，以及到點則控制對應(yīng)塊的閃爍。一、

2022-09-22 08:50:31

CAD 動畫動態(tài)運動

數(shù)組Array.prototype原型方法學(xué)習(xí)-30分鐘學(xué)完數(shù)組全部操作

之前總是使用數(shù)組的一些常用的方法，例如：push,slice,shift，unshift,pop...，根本沒去觀察數(shù)組原型上自帶的方法都有哪些，今天無意中打印了一個空Array數(shù)組，發(fā)現(xiàn)其原型Array下面有將近35個方法和一個length屬性。

2022-09-15 18:24:44

數(shù)組 array 操作數(shù)組

夯實基礎(chǔ)，數(shù)據(jù)庫的第1、2、3范式

承接前一篇，本篇來探討下數(shù)據(jù)庫的范式問題。數(shù)據(jù)庫范式簡單來說，數(shù)據(jù)庫范式可以避免數(shù)據(jù)冗余，減少數(shù)據(jù)庫的存儲空間，并且減輕維護數(shù)據(jù)完整性的成本。它是關(guān)系數(shù)據(jù)庫核心的技術(shù)之一。關(guān)系數(shù)據(jù)庫有六種范式，各種范式的層次呈遞增關(guān)系，越高的范式數(shù)據(jù)庫冗余越小。這六種范式分別是：第一范式（1NF）、第二范式（2NF）、第三范式（3NF）、巴斯-科德范式（BCNF）、第四范式(4NF）和第五范式（5NF，又稱完美范

2022-09-15 09:09:29

主鍵三范式第一范式

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

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

2022-09-14 09:13:56

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

#yyds干貨盤點#組件化漫談

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

2022-09-13 22:08:07

html 組件化自定義

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

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

2022-09-09 18:16:03

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

上一頁 1 2 3 4 5 6 ··· 15 下一頁

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

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

媒體

51CTO CIOAge HC3i

社區(qū)

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

教育

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

<cite id="g2a4m"></cite>

<cite id="g2a4m"></cite>