原创 高階組件相關知識點詳解

高階組件知識點理解 本章節,我們將深入高階組件詳細瞭解,高階組件相關的知識點,包括什麼是高階組件,以及如何創建高階組件,高階組件實現的幾種方式,常用的使用場景等等;首先我們需要來了解下,和高階組件非常類似的一個概念,高階函數:如

原创 理解 Virtual DOM 內部工作機制

理解 Virtual DOM 內部工作機制 本章節,大喵將帶着大家,深入瞭解下我們常用的MVVM框架的核心虛擬DOM的工作原理;相信大家對虛擬DOM的認識,並不陌生,目前萊索很多跨平臺前端產品的誕生都是由於虛擬DOM的盛行,纔會

原创 python 往win10剪貼板塞入文字和圖片(本地圖片、遠程圖片)記錄

導讀 臨時有個需求,需要操作下win10電腦下的剪貼板,我們需要往這個剪貼板中塞入我們的文字信息和圖片資源,當然圖片資源包括本地資源和遠程資源,查閱了一些文檔,發現都比較凌亂,這裏呢,簡單總結下。 1. 需要的幾個包 # 需要載入

原创 狀態提升知識點案例解析理解

狀態提升知識點理解 本章節大喵將帶着大家,來梳理React組件數據的狀態提升,做一些簡單的測試研究的歸納總結;首先我們需要來了解一下,變量提升是一個什麼樣的東東?好,我們接着往下看, 就是如果兩個子組件A和B,需要利用到對方的狀

原创 解讀 React v16+ 最新生命週期使用場景

解讀 React v16+ 最新生命週期使用場景 React更新到v16版本之後,像是跨入了新的時代,性能和新的 API 都令人矚目,所以出現了比較大的生命週期方法調整,包括使用方法和使用場景,本章節針對新舊的生命週期的使用方法

原创 Vue 和 React 的組件更新粒度有什麼區別?

前言 我們都知道 Vue 對於響應式屬性的更新,只會精確更新依賴收集的當前組件,而不會遞歸的去更新子組件,這也是它性能強大的原因之一。 例子 舉例來說 這樣的一個組件: <template> <div> {{ m

原创 7個提升網頁SVG文件可訪問性的方案 seven solutions to improve the accessibility of svg files on web pages

seven solutions to improve the accessibility of svg files on web pages svg is a format of picture file, it’s short

原创 一些提升css性能的小知識 Some tips to improve the performance of CSS

Some tips to improve the performance of CSS everyone knows that the performance is very important for website. and

原创 TypeScript 類型聲明書寫踩坑全解析

本文總結了TypeScript類型聲明的書寫,很多時候寫TypeScript不是問題,寫類型就特別糾結,我總結下,我在使用TypeScript中遇到的問題。如果你遇到類型聲明不會寫的時候,多看看lodash的聲明,因爲lodas

原创 如果有人問,從輸入URL到頁面展示,這中間發生了什麼?

“在瀏覽器裏,從輸入 URL 到頁面展示,這中間發生了什麼? ” 基礎概述 這是一道經典的面試題,能比較全面地考察應聘者知識的掌握程度,其中涉及到了網絡、操作系統、Web 等一系列的知識。所以我在面試應聘者時也必問這道題,但遺憾的

原创 3 分鐘上手 CSS Grid 佈局

CSS Grid 佈局是 CSS 中最強大的佈局系統。與 flexbox 的一維佈局系統不同,CSS Grid 佈局是一個二維佈局系統,也就意味着它可以同時處理列和行。通過將 CSS 規則應用於 父元素 (成爲 Grid Con

原创 18行JavaScript代碼構建一個倒數計時器

18行JavaScript代碼構建一個倒數計時器 有時,您將需要構建一個JavaScript倒數時鐘。您可能有活動,銷售,促銷或遊戲。您可以使用原始JavaScript構建時鐘,而不用尋找最近的插件。雖然有很多很棒的時鐘插件,

原创 Deno 與 Node 兩款前端神器的爭鋒與較量

Deno 正式發佈啦,還不清楚 Deno和 Node 的區別嘛?那就趕緊 take part in .... 前言 Deno 已經正式發佈了🎉! 我說這句話時候,是不是很多前端 和 NodeJS 工(碼)程(農)師已經瘋狂神吐槽

原创 NW.JS 客戶端開發入坑指南

基礎概述 NW.js 是基於 Chromium 和 Node.js 運行的, 以前也叫nodeWebkit。這就給了你使用HTML和JavaScript來製作桌面應用的可能。在應用裏你可以直接調用Node.js的各種api以及現有

原创 github開源庫搜索技巧整理

一、GitHub基本信息 1、項目名稱 2、項目簡介 3、項目的README.md文檔 (項目的詳細介紹) 4、項目的最後更新時間 二、常用搜索方式列舉 在 name、readme、description 等關鍵詞內容中條