個(gè)人中心PERSONAL CENTER
需求：在小程序開(kāi)發(fā)中，時(shí)常會(huì)遇到日期選擇器、時(shí)間選擇器或者地區(qū)選擇器來(lái)進(jìn)行選擇的功能。這是可以形成模板，只是在其中有細(xì)微變化，比如：樣式會(huì)多樣化、功能會(huì)復(fù)雜化。現(xiàn)在我們寫(xiě)一個(gè)合適的組件。 下面跟大家分享下我寫(xiě)的一個(gè)自定義日期選擇器組件...
你有遇見(jiàn)過(guò)給bind返回的函數(shù)做new操作的場(chǎng)景，本篇主要講述的就是實(shí)現(xiàn)一下兼容new操作的bind寫(xiě)法，順便學(xué)習(xí)一下new操作符，為大家提供下參考。 大家可以去看下關(guān)于 JS 中 bind 方法的實(shí)現(xiàn)的文章，并給出了實(shí)現(xiàn)： Function.prototype.myBind=&...
本篇文章主要是講述在JavaScript中判斷兩個(gè)值相等，不要認(rèn)為很簡(jiǎn)單，要注意的是在JavaScript中存在4種不同的相等邏輯。 ECMAScript 是 JavaScript 的語(yǔ)言規(guī)范，在ECMAScript 規(guī)范中存在四種相等算法，如下圖所示： 上圖中每個(gè)依次寫(xiě)下來(lái)，很多前端...
點(diǎn)擊按鈕即可計(jì)時(shí)如何用vue實(shí)現(xiàn)？ 實(shí)現(xiàn)效果： 1.點(diǎn)擊開(kāi)始按鈕啟動(dòng)計(jì)時(shí) 2.點(diǎn)擊重置按鈕計(jì)時(shí)恢復(fù)到00:00:00 3.點(diǎn)擊暫停按鈕暫停計(jì)時(shí) Vue代碼： <template> <div> <divclass="timeContainer">{{time}}</div> ...
利用js來(lái)實(shí)現(xiàn)簡(jiǎn)單圖片切換怎么做？直奔主題吧。 我們要說(shuō)下代碼的主要思路： 1、先給下一張和上一張兩個(gè)按鈕綁定單擊響應(yīng)事件； 2、獲取img標(biāo)簽對(duì)象，用于修改src屬性的值，實(shí)現(xiàn)圖片的切換； 3、切換圖片實(shí)質(zhì)上就是修改img標(biāo)簽里面sr...
一、我們先說(shuō)說(shuō)javascript的作用域 ①全局變量-函數(shù)體外部進(jìn)行聲明 ②局部變量-函數(shù)體內(nèi)部進(jìn)行聲明 1)函數(shù)級(jí)作用域 javascript語(yǔ)言中局部變量不同于C#、Java等高級(jí)語(yǔ)言，在這些高級(jí)語(yǔ)言內(nèi)部，采用的塊級(jí)作用域中會(huì)聲明新的變量，這些變量不會(huì)...
本篇文章就是講述Vue.js實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片切換的具體代碼，具體內(nèi)容如下： 從多種角度實(shí)現(xiàn)展示給大家。 效果： html 通過(guò)v-for循環(huán)展示圖片列表itemlist，將圖片路徑保存在data中的itemlist中，添加上下按鈕的點(diǎn)擊事件。 <template> ...
現(xiàn)在直播很流行，心里癢癢就試試。 互聯(lián)網(wǎng)網(wǎng)絡(luò)流媒體簡(jiǎn)介 不講多，我們只需要知道常見(jiàn)的幾種流媒體格式就行，至于發(fā)展與演變，里面的專業(yè)知識(shí)，主要的流媒體格式有RTSP,RTMP,HLS,WebRtc，這對(duì)于開(kāi)發(fā)就足夠。 播放HLS格式的視頻 為什么要選擇H...
其實(shí)我們本篇文章主要講述的就是需要將采集的數(shù)據(jù)積累下來(lái)，變成企業(yè)的數(shù)字資產(chǎn)。 積累數(shù)據(jù)最好的方式就是把數(shù)據(jù)存入數(shù)據(jù)庫(kù)，低碼工具除了有可視化編程的便利外，不僅如此還有提供了線上的文檔型數(shù)據(jù)庫(kù)。文檔數(shù)據(jù)庫(kù)相比傳統(tǒng)數(shù)據(jù)庫(kù)，文檔數(shù)據(jù)庫(kù)的返回結(jié)...
在近期的工作中有些知識(shí)總結(jié)分享就是使用 uniapp 的 Vue3 版進(jìn)行開(kāi)發(fā)。這樣可以在開(kāi)發(fā)中遇到業(yè)務(wù)場(chǎng)景相同的，就分裝了一個(gè)hook 來(lái)減少代碼，易于維護(hù)。 hook的場(chǎng)景 上圖中已經(jīng)很詳細(xì)為我們展示3處使用到了獲取列表的功能。分別是： 我的收藏、已投...
我們時(shí)常會(huì)想在保持第三方組件原有功能（屬性props、事件events、插槽slots、方法methods）的基礎(chǔ)上，這些功能如何優(yōu)化的實(shí)現(xiàn)？ 以Element Plus的el-input為例： 在封裝一個(gè)MyInput組件，把要使用的屬性props、事件events和插槽slots、方法meth...
這篇就是帶大家一起學(xué)習(xí)下在封裝第三方組件中，通過(guò)封裝的組件去使用第三方組件的Attributes(屬性)、Events(自定義事件)、Methods(方法)、Slots(插槽)以及優(yōu)化技巧。 一、使用第三方組件的屬性 封裝一個(gè)elementUI的el-input輸入框組件稱為myInput，...
本篇內(nèi)容主要就是元素選擇器功能用Javascript實(shí)現(xiàn)。 首先說(shuō)下什么是元素選擇器？ 想必大家對(duì)于jquery很了解，知道它有對(duì)元素的查找功能，解釋來(lái)說(shuō)就是通過(guò)jquery的api獲取頁(yè)面元素的過(guò)程，該過(guò)程只需提供一個(gè)元素選擇的條件字符串即可獲取相應(yīng)的滿...
本文主主要講時(shí)間選擇器用JS來(lái)實(shí)現(xiàn)，具體內(nèi)容如下 dateTime.js functionwithData(param){ returnparam<10?'0'+param:''+param; } fun...
有對(duì)回調(diào)進(jìn)行控制的watchWithFilter，有適用于當(dāng)watch的值為真值時(shí)觸發(fā)回調(diào)的whenever，還有只觸發(fā)一次的watchOnce和最多觸發(fā)一定次數(shù)的watchAtMost。怎么樣？是不是很多相似場(chǎng)景都有用到，主要是被觀察的變量在滿足某個(gè)具體條件時(shí)則觸發(fā)回調(diào)，本篇文章un...
