原创 Git使用技巧備忘

Git使用技巧備忘 由於之前使用git太過於依賴各種客戶端工具,導致本人對一些常用的git命令使用很少,以至於現在離開了這些客戶端工具之後,使用起git時束手束腳。因此,整理了一下git的常用命令和配置對相關知識加以鞏固 全局

原创 React-ts開發備忘——在tsx中使用js的模塊引入方式

我們初次使用tsx開發react項目時,肯定會對他的模塊引入方式覺得很奇怪吧 在tsx裏面,我們需要這樣引入React: import * as React from 'react' 而 在js 中我們可以這樣引入: import

原创 css3技巧——實現一個正方體

CSS3爲我們提供了很多以往沒辦法實現的功能,如動畫、transform、transition等等,今天,我們就來使用CSS3的transform和transition配合實現一個正方體的構建 <!DOCTYPE html> <ht

原创 CentOS中搭建NodeJS環境

CentOS中搭建NodeJS環境 l 前言 Node.js是一個事件驅動I/O服務端JavaScript環境,基於Google的V8引擎,V8引擎執行Javascript的速度非常快,性能非常好。學習Nodejs首先需要會安裝環境。而在

原创 Taro全局監控頁面生命週期實現數據統一埋點上報

背景 在一個比較成熟微信小程序中,爲了統計每個頁面的行爲,如統計頁面PV、UV、對頁面元素點擊等事件進行監聽,並且上報到我們自己的數據統計服務器上,目前網上能找到的大部分方案是通過手動埋點的方式實現,這種方式效率較低,來一個頁面

原创 react-router-dom源碼學習之實現一個自定義的路由組件

現代前端應用,幾乎已經離不開前端路由這個概念了,只要稍微複雜一點的前端應用,都會選擇引入前端路由的方式,使我們的不同的模塊能夠有機組合並通過瀏覽器的歷史進行管理。今天,本人學習了一下react-router-dom的底層實現原理

原创 前端面試知識梳理(高級前端開發工程師)

css部分 盒子模型 margin+border+padding+content Content邊界/內邊界: content邊界環繞在由該元素的寬和高決定的一個矩形上,這個尺寸通常由該元素渲染後的內容決定,這四個conten

原创 在react-ts項目中實現一個自定義裝飾器

安裝依賴 npm i @babel/plugin-proposal-decorators -D 配置.babelrc { "plugins": [ [ "@babel/plugin-proposal-de

原创 從零開始構建一個webpack項目

初始化package.json npm init -y 安裝webpack、babel以及基礎loader npm i webpack webpack-cli @babel/core @babel/preset-env @bab

原创 歡聚時代旗下100教育一面總結

面試時長:1小時13分鐘 面試方式:電話面試 總結 這一次算是比較正規全面的一次面試,面試官技術很棒,而且全程提問的問題,如果我有哪裏回答的不對或者是有疏漏的地方,會給與糾正與補充,對一些邏輯不太清晰的問題會引導梳理。個人感覺自

原创 前端基礎備忘之位運算在前端的作用

目錄 按位與 & 按位或 | 異或 ^ 按位非 ~ 按位右移 >> 按位左移 <<   在很多情況下,可能很多前端的小夥伴都覺得位運算符能夠做到的事情,通過普通的方式也能做到,何必花那麼大的時間和功夫使用可讀性有差,有繞來繞去的位運算符

原创 Vue源碼學習之模板編譯器原理

在Vue中,從模板到頁面更新的流程大概是這樣的:模板編譯器將用戶提供的一個模板字符串(或dom節點id)解析生成抽象語法樹,再經由優化器優化,標記所有的靜態節點後,交由代碼生成器生成渲染代碼,再通過渲染函數構建器將渲染代碼構建成一個渲染

原创 Vue源碼學習之組件安裝器(Vue.use(plugins[,options]))

之前在使用Vue做項目時,經常會用到 Vue.use(plugins[,options]) 這種方式去將一個組件綁定到Vue的全局實例上,這樣,我們就不需要在每個頁面都引入和註冊組件便可以直接使用了,例如:Vant組件的掛載: imp

原创 Vue源碼學習之優化器的原理與實現

本人上一篇博文裏分析了一下Vue中的模板編譯器的原理及其實現方式(如果感興趣可以去看一下:Vue源碼學習之模板編譯器原理),如果把Vue看成一輛跑車,模板編譯器可以看做是跑車的底盤,那麼優化器便可以看做是一種更爲輕便的合金材料,跑車沒有

原创 Vue中使用optionalChaining——可選鏈(包括在js和template中使用)

可選鏈操作符是一個新的js api,它允許讀取一個被連接對象的深層次的屬性的值而無需明確校驗鏈條上每一個引用的有效性。目前處於Stage 3提案階段,暫時不可以直接使用,可以通過babel編譯器使用。、 標準用法: const obj