原创 爲什麼說每個程序員都要儘早地學習並掌握設計模式相關知識?

爲什麼說每個程序員都要儘早地學習並掌握設計模式相關知識?1. 應對面試中的設計模式相關問題2. 告別寫被人吐槽的爛代碼3. 提高複雜代碼的設計和開發能力4. 讓讀源碼、學框架事半功倍5. 爲你的職場發展做鋪墊重點回顧課堂討論 我相

原创 平時開發大家知道package-lock.json的作用嘛?

package-lock.json的作用說明什麼是package-lock.json?package-lock.json有什麼作用呢?補充 說明 package-lock.json會爲npm修改node_modules樹或的任何操

原创 理解js中深拷貝、淺拷貝。

深拷貝、淺拷貝歡迎大家閱覽我的文章、感謝!淺拷貝深拷貝舉例子 歡迎大家閱覽我的文章、感謝! 你好!這是一篇關於javaScript深、淺拷貝的文章、做前端的小夥伴都應該有所瞭解、如有不正確的地方,歡迎各位大佬糾正。如果你正巧翻到這

原创 vue簡單實現原理

首先我們要清楚vue是雙向綁定數據,通過object.defineProperty()的訪問器屬性getter、setter數據劫持結合發佈訂閱模式,來完成數據雙向綁定。 <style> <div id="box"></div

原创 2019前端面試集合

2019前端面試集合css1、介紹一下標準css的盒子模型?與低版本IE盒子模型有什麼不同的?2、css選擇器有哪些?哪些屬性可以繼承?3、css優先級算法怎麼計算?4、display都有哪些值及作用?5、position6、你瞭

原创 Axios簡單瞭解一下

首先我們得知道它是啥?它的作用是啥?它的好處是啥? axios是啥? axios是基於Promise的HTTP客戶端,用於瀏覽器和nodejs。 axios的作用? 請求數據 axios的好處?(特徵) 支持HMLHt

原创 promise.all與promise.race

一、Promise.all的使用 Promise.all可以將多個Promise實例包裝成一個新的Promise實例。同時,成功和失敗的返回值是不同的,成功時返回的是一個結果數組,而失敗的時候則返回最先被reject失敗狀態的值。

原创 Web緩存

一、前端緩存概述 前端緩存主要是分爲HTTP緩存和瀏覽器緩存。 HTTP緩存是在HTTP請求傳輸時用到的緩存,主要在服務器代碼上設置; 而瀏覽器緩存主要由前端開發在前端js上進行設置。 二、分類 1. HTTP緩存 HTTP緩

原创 分享雅虎前端優化軍規

我認爲作爲前端開發人員,用戶體驗最爲重要,既然體驗要好,那性能優化就尤爲重要,另一方面,web前端性能優化在面試中,也是高頻問題,下面咋們就一起看看從哪些方面入手。 內容部分 1. 儘量減少HTTP請求次數。 80%的終端用戶響應

原创 HTML中的meta標籤

meta支持的瀏覽器有: IE Firefox Chrome Safari Opera 也就是所有瀏覽器都支持 meta含義 meta可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描

原创 react父子組件通信父傳子、子傳父

理論性的知識咋們後期加,主要實現下最基本的父子互傳。 直接附代碼 父組件 import React, { Component } from 'react'; import Child from '../children'; exp

原创 原生js小案例---動態創建元素

document.createElement()是在對象中創建一個對象。要與appendChild() 或 insertBefore()方法聯合使用。 下面我們做一個小案例,添加醫院。 1、點擊創建出來一條 2、像這樣 3、創

原创 react封裝路由表

import * as React from 'react'; import {Redirect, Route, Switch} from 'react-router-dom'; export default class Rou

原创 js匹配括號算法題

有一個字符串我們需要找到左右括號相對應的下標 let str = ' (5+6)+((2+1)-(4* (2-1)))'; let show = (s) = > { const leftArr = []; // 存放左邊括號