原创 RxJS庫

介紹 RxJS是一個異步編程的庫,同時它通過observable序列來實現基於事件的編程。它提供了一個核心的類型:Observable,幾個輔助類型(Observer,Schedulers,Subjects),受到Array的擴展操作(m

原创 構建流式應用—RxJS詳解[轉]

目錄 常規方式實現搜索功能 RxJS · 流 Stream RxJS 實現原理簡析 觀察者模式 迭代器模式 RxJS 的觀察者 + 迭代器模式 RxJS 基礎實現 Observable Observer RxJS · Oper

原创 Angular 應用中的登陸與身份驗證

Angular 經常會被用到後臺和管理工具的開發,這兩類都會需要對用戶進行鑑權。而鑑權的第一步,就是進行身份驗證。由於 Angular 是單頁應用,會在一開始,就把大部分的資源加載到瀏覽器中,所以就更需要注意驗證的時機,並保證只有通過了驗證

原创 自定義批量上傳一些邏輯

<template> <!-- 上傳彈窗 --> <el-dialog title="上傳文檔" width="648px" :close-on-press-escape="false" :close-o

原创 CSS 中 px、rem 與 em

em整理: 任意瀏覽器的默認字體高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼 12px=0.75em,10px=0.625em。爲了簡化 font-size 的換算,需要在 css 中的 body 選擇器中聲明Fon

原创 【異常處理】node-retry 斷網等異常重試

https://github.com/tim-kos/node-retry  (npm install retry)   const retry = require('retry') const delay = require('dela

原创 好用的組件收藏

播放器播放條 鬥魚、Youtobe等 https://web-streaming.github.io/ppbar/ 使用 使用 ppbar,需要導入 ProgressBar 類和 ppbar 的樣式。 import ProgressBa

原创 vue組件系列-列表左右箭頭滾動(vue3+ts)

<template> <div class="list-wrapper" ref="allListRef"> <div v-if="showArrow && listSource.length > minArrowItems

原创 【萬能CSS】 N 宮格自適應佈局、0.5像素的線等

宮格佈局第一種:.template-list { width: 100%; border-radius: 4px; height: 202px;

原创 vue 動態對象數據 分組

import { groupBy } from 'lodash'computed: {    groupRecords() {       const records = this.dataRecords       .map(     

原创 【推薦】navigator.sendBeacon() 異步發送數據

navigator.sendBeacon()方法可用於通過HTTP將少量數據異步傳輸到Web服務器。 使用sendBeacon() 方法會使用戶代理在有機會時異步地向服務器發送數據,同時不會延遲頁面的卸載或影響下一導航的載入性能。這就解決了

原创 【Safari/IOS 兼容性】 從js visibilitychange Safari下無效說開去

一、Safari下問題說明 在 Safari 瀏覽器下,無論是桌面端 Safari,還是 iOS Safari,visibilitychange 事件不總是觸發的。 對於窗口最小化,Tab 隱藏等行爲 visibilitychange 事件

原创 4 個強大 JavaScript 運算符

1. ?? 非空運算符 在 JS 中,?? 運算符被稱爲非空運算符。如果第一個參數不是 null/undefined(譯者注:這裏只有兩個假值,但是 JS 中假值包含:未定義 undefined、空對象 null、數值 0、空數字 NaN、

原创 vue組件系列-數字滾動組件

<template> <div class="count-to-wrapper"> <slot name="left"/> <p class="content-outer"><span :class="['count-

原创 vue 動態菜單以及動態路由加載、刷新採的坑

需求: 從接口動態獲取子菜單數據 動態加載 要求只有展開才加載子菜單數據 支持刷新,頁面顯示正常       思路: 一開始比較亂,思路很多。想了很多 首先路由和菜單共用一個全局route, 數據的傳遞也是通過store的route,