Chart.js (v2.9.4) 2-主要的函數和對象介紹
Color() ：主要負責渲染圖表時候，針對顏色處理相關函數 helpers_core：工具對象，提供了基礎的工具函數功能，遍歷數組，擴展對象，合并對象，克隆對象等等。 core_defaults：負責存儲系統默認的全局屬性或是插件，用戶通過這個全局對象配置一些通用的屬性或是插件，輕松讓所有實例化出 ...
HTML+CSS實現全景輪播的示例代碼
創建一個全景輪播效果可以通過HTML和CSS來實現，這里提供一個簡單的示例代碼。這個示例中，我們將使用HTML來構建基本的輪播結構，CSS來添加樣式和實現輪播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ...
Vue3源碼解析--收集的依賴是什么？怎么收集的？什么時候收集的？
從Vue開始較大范圍在前端應用開始，關于Vue一些基礎知識的討論和面試問題就在開發圈子里基本上就跟前幾年的股票和基金一樣，樓下擺攤賣醬香餅的阿姨都能說上幾句那種。找過前端開發工作或者正在找開發工作的前端都知道，面試官基本上都有那么幾個常問的問題，而網上呢也有那么一套可以用來背誦的“八股文”，自己懂多 ...
第二周第五天
今天是跟隨視頻學習vue2的一些相關知識，并跟隨視頻學習和寫程序。主要是了解一些有關渲染子類的知識，同時也練習了一些靜態頁面。總體感受前面的比較簡單，后面的越來越復雜，有點看不懂了，還記不住。加油！我相信多練習一點也就會了。以下今天寫的一些程序。 視頻實在看不懂也沒關系，多練習實際操作。同時也不能局 ...
Symbol 引用 iconfont icon圖標庫
Symbol 引用 iconfont icon圖標庫 Symbol 引用 這是一種全新的使用方式，應該說這才是未來的主流，也是平臺目前推薦的用法。相關介紹可以參考這篇文章 這種用法其實是做了一個 SVG 的集合，與另外兩種相比具有如下特點： 支持多色圖標了，不再受單色限制。 通過一些技巧，支持像字體 ...
第二周第四天
今天完成了所有的html，css，以及js的菜鳥相關課程，總的來說了解了很多的程序語言，但也有很多復雜的不懂。希望和我一樣學習前端的朋友一樣，不要著急。雖然是基礎知識但是也很難全部記住理解30%，對剩下的有個印象即可，但是最為重要的是實際操作，慢慢練習有些基礎知識慢慢就會了。 幾天說一下我學習中遇到 ...
XML Schema 字符串數據類型及約束詳解
XML中的字符串數據類型表示字符序列，包括換行、回車和制表符。處理器不修改值。`normalizedString`去除這些特殊字符，`token`則進一步移除前導和尾隨空格及多余空格。字符串類型可使用枚舉、長度等限制。`date`和`dateTime`數據類型表示日期和時間，`duration`表示... ...
說說webpack的熱更新是如何做到的？原理是什么？
一、是什么 HMR全稱 Hot Module Replacement，可以理解為模塊熱替換，指在應用程序運行過程中，替換、添加、刪除模塊，而無需重新刷新整個應用 例如，我們在應用運行過程中修改了某個模塊，通過自動刷新會導致整個應用的整體刷新，那頁面中的狀態信息都會丟失 如果使用的是 HMR，就可以實 ...
lodash已死？radash庫方法介紹及源碼解析 —— 對象方法篇
theme: nico 寫在前面 主頁有更多其他篇章的方法，歡迎訪問查看。 本篇我們介紹radash中對象相關方法的使用和源碼解析。 assign：遞歸合并兩個對象 使用說明 功能說明：類似于 JavaScript 的 Object.assign 方法，用于將 override 對象的屬性和值復制到 ...
JS 監聽用戶頁面訪問&頁面關閉并進行數據上報操作
用戶在頁面訪問時發送數據到后臺，頁面關閉時也發送數據到后臺。
第一次進入頁面時觸發頁面訪問
刷新當前頁面時觸發頁面訪問
新 tab 進入頁面時觸發頁面訪問
當前頁面點擊 nav 進入其他模塊時，觸發頁面關閉&頁面訪問
關閉頁面時觸發頁面關閉 ...
第二周第3天
這是昨天學習到的一種點擊顯示時間的方法，自己理解就是創建一個點擊按鈕，然后創建一個showdate函數，通過運行showdate 函數，輸出時間！ 接下來的安排，這兩天一直再嘗試做最基礎的頁面設計，感覺還不錯挺有意思的，就是不會寫，只是在人家的基礎上進行復制和修改，不過也學到了頁面跳轉的知識，很開心 ...
ECMA 2019(ES10) 新特性
本章內容： 行分隔符（U + 2028）和段分隔符（U + 2029）符號現在允許在字符串文字中，與 JSON 匹配 更加友好的 JSON.stringify 新增了 Array 的flat()方法和flatMap()方法 新增了 String 的trimStart()方法和trimEnd()方法 ...
說說Loader和Plugin的區別？編寫Loader，Plugin的思路？
一、區別 前面兩節我們有提到Loader與Plugin對應的概念，先來回顧下 loader 是文件加載器，能夠加載資源文件，并對這些文件進行一些處理，諸如編譯、壓縮等，最終一起打包到指定的文件中 plugin 賦予了 webpack 各種靈活的功能，例如打包優化、資源管理、環境變量注入等，目的是解決 ...
徹底搞懂JavaScript原型和原型鏈
基于原型編程 在面向對象的編程語言中，類和對象的關系是鑄模和鑄件的關系，對象總是從類創建而來，比如Java中，必須先創建類再基于類實例化對象。 而在基于原型編程的思想中，類并不是必須的，對象都是通過克隆另外一個對象而來，這個被克隆的對象就是原型對象。 基于原型編程的語言通常遵循下面的規則： 所有的數 ...
一款開源桌面 YouTube 播放器
FreeTube —— 一款開源桌面 YouTube 播放器，基于 Electron 實現，同時支 Windows（10 及更高版本）、Mac（macOS 10.15 及更高版本）和 Linux。 ...
JS 實現鼠標框選（頁面選擇）時返回對應的代碼或文本內容
當用戶進行鼠標框選選擇了頁面上的內容時，把選擇的內容進行上報。
分為以下幾點：
選擇文案時
選擇圖片、svg、iframe、video、audio 等標簽時
選擇 input、select、textarea 等標簽時
選擇input、textarea 標簽內容時
選擇類似 字符時
鍵盤全選時
鼠... ...
如何實現上拉加載，下拉刷新？
一、前言 下拉刷新和上拉加載這兩種交互方式通常出現在移動端中 本質上等同于PC網頁中的分頁，只是交互形式不同 開源社區也有很多優秀的解決方案，如iscroll、better-scroll、pulltorefresh.js庫等等 這些第三方庫使用起來非常便捷 我們通過原生的方式實現一次上拉加載，下拉刷 ...
第二周第2天
以上兩張圖是今天學習js遇到的一些小的問題，和=的效果是不同的，一個是輸出值相等就可以輸出來，另一個需要形式和值均相同才可以輸出來。 本張圖片講一下自己對程序語言的理解。 首先開始創建一個按鈕button，然后給一個執行函數onclick=“函數名字”，名字隨便起，但是用的時候要和寫的名字一樣。 然 ...
ECMA 2016(ES7)新特性
本章內容： Array.prototype.includes()：判斷一個數組是否包含一個指定的值，如果包含則返回 true，否則返回 false。 冪運算符**： a ** b 指數運算符，它與 Math.pow(a, b)相同。 Array.prototype.includes() includ ...
ECMA 2023(ES14) 新特性
ECMAScript 2023 主要包含內容 ECMAScript 2023 于 2023 年 6 月 27 日獲得 ECMA International 的批準。 ECMAScript 是標準化的 JavaScript 語言，于 1997 年發布了第一版，現已發展成為世界上使用最廣泛的通用編程語言 ...