原创 三道題就能考察你對Vue掌握了多少!

1.談一下你對MVVM原理的理解? 2.請說一下響應式數據的原理? 3.Vue中是如何檢測數組變化? 掃描下方二維碼,發送“面試題”獲得題目的完整答案!

原创 serverless架構和騰訊雲部署上線項目

1. 安裝 通過 npm 安裝 serverless npm install -g serverless 2. 創建 本地創建 serverless.yml 文件 touch serverless.yml 初始化一個新的 n

原创 使用對象構建樹

假設我們有一個樹數據結構 在應用程序中,以以下格式存儲此信息是相當普遍的,尤其是在存在一對多父/子節點關係的情況下: const data = [ { id: 56, parentId: 62 }, { id: 81,

原创 使用QQ的OAuth2.0實現登錄

經常在網頁裏面會提供第三方登錄的方式,比如這樣。 如果點擊QQ登錄,會出來這樣一個頁面。 那麼如果我們的網頁也要支持使用QQ登錄,我們該怎麼做呢? 準備工作_OAuth2.0,文檔 第一步 你需要到這個網站,創建應用 第

原创 實現動畫的幾種方式

製作動態的網頁是是前端工程師必備的技能,很好的實現動畫能夠極大的提高用戶體驗,增強交互效果,那麼動畫有多少實現方式,一直對此有選擇恐懼症的我就總結一下,以便在開發的時候選擇最好的實現方式。 CSS transitions CSS

原创 cp提示overwrite

當我們使用命令cp -a “directory“ 複製目錄內容的時候提示“cp: overwrite”,這是因爲bash alias設置的alias cp=’cp -i’,也就是說當Linux下輸入cp命令實際上運行的是cp -i

原创 Promise的泛型T(Promise)的含義

interface AxiosInstance { <T = any>(value: T): Promise<T> } Promise的泛型T代表promise變成成功態之後resolve的值,resolve(value)

原创 冬季前端面試題

又到了年末的,時間過得真快呀,準備年前或前後跳槽的小夥伴們這裏準備了一些面試題,供大家參考,題目沒有答案,需要大家自行解決!最後祝大家成功入職自己理想企業。 第一部分選擇題 1.CSS3的彈性盒子佈局中內容對齊屬性justify-

原创 JavaScript中的DOM操作基礎知識

DOM操作 可以使用 querySelector() 方法查詢 DOM,該方法將任意 CSS 選擇器作爲參數: const myElement = document.querySelector('#foo > div.bar')

原创 執行create-react-app報錯A template was not provided

在執行 npx create-react-app my-app報錯 Installing packages. This might take a couple of minutes. Installing react, reac

原创 redux-saga的原理

爲了運行我們的 Saga,我們需要: 創建一個 Saga middleware 和要運行的 Sagas import { take, put } from '../redux-saga/effects' import * as t

原创 vscode沒有react的代碼提示

首先你要安裝提示插件 然後還沒有提示,需要改在線服務設置 在typescript中勾選禁用自動類型獲取 點贊 5 收藏 分享 文章舉報 前端精髓 發佈了233 篇原

原创 理解事件循環

setTimeout(() => { console.log('timeout1'); Promise.resolve().then(data => { console.log('then1') }); P

原创 算法:二叉樹翻轉

描述:二叉樹的數據結構如下,需要將二叉樹各節點左右翻轉 var node1 = { value: 1, left: { value: 2, left: { value: 4 },

原创 自定義Hooks寫表單防抖

import React, { useState, useEffect, useRef } from 'react' const useDebounce = function (value: any, timeout: numb