原创 瀏覽器跨域問題的9種解決方法

什麼是跨域? 跨域,是指瀏覽器不能執行其他網站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對JavaScript實施的安全限制。 這裏說明一下,無法跨域是瀏覽器對於用戶安全的考慮,如果自己寫個沒有同源策略的瀏覽器,完全不用考慮跨

原创 webpack打包React項目後出現中文亂碼的問題

問題: React項目用webpack打包後,部署到服務器上,然後直接訪問打包後的index.html文件,出現了中文亂碼問題。 解決方法: 在webpack打包時,使用 webpack-encoding-plugin 插件就可以解決。

原创 Redux中間件及中間件的執行原理(redux-thunk)

1、Redux-thunk中間件 第一步 安裝redux-thunk中間件 npm install redux-thunk 第二步 在store中引入thunk組件 import {createStore,applyMiddle

原创 Redux實現數據統一管理 詳解

1、什麼是Redux Redux 是React生態中重要的組成部分。很多人都說,簡單的應用可以不用此工具。但是我個人認爲,中小型應用使用的話,可以使文件結構更加規範,代碼可讀性更強。因爲React提出將展示組件與容器組件分離的思想

原创 react-router-dom項目中使用BrowserRouter出現Cannot GET /xxx 404問題

問題: 在React項目中配置了react-router-dom路由之後,在組件中使用 後,直接在地址欄訪問指定路由時出現了404的問題,如下圖: 解決方法: 因爲項目是使用webpack構建的,所以在配置 webpack-dev-

原创 在react項目中使用jQuery庫

1、安裝jQuery cnpm i jquery -S 2、在組件中引入jquery庫 import React, { Component } from 'react' import $ from 'jquery' export cl

原创 React組件三大核心屬性(props、state、refs)

1、props屬性 react中說的單向數據流值說的就是props,根據這一特點它還有一個作用:組件之間的通信。props本身是不可變的,但是有一種情形它貌似可變,即是將父組件的state作爲子組件的props,當父組件的stat

原创 React組件通信(父子組件傳值)

1、父組件傳值子組件 在引用子組件的時候傳遞,相當於一個屬性,例如:在子組件內通過porps.param獲取到這個param的值。 父組件向子組件傳值,通過props,將父組件的state傳遞給了子組件。 父組件代碼片段: co

原创 【大廠面試】阿里前端面試題29問

使用過的koa2中間件 koa-body原理 介紹自己寫過的中間件 有沒有涉及到Cluster 介紹pm2 master掛了的話pm2怎麼處理 如何和MySQL進行通信 React聲明週期及自己的理

原创 react-redux的簡單使用(入門)

第一步 安裝react-redux npm install react-redux 第二步 創建store和reducer store.js文件 import {createStore } from 'redux'; impor

原创 Vue.js前端框架詳細介紹

1、Vue.js框架簡介 1.1、爲什麼要學習Vue.js 什麼是Vue.js Vue(讀音 /vju:/,發音類似於 view)是一套用於構建用戶界面的漸進式的JavaScript框架。 Vue.js的優點 體積小:壓縮後只有

原创 【大廠面試】海康威視前端面試15問

knex連接數據庫響應回調 介紹異步方案 如何處理異常捕獲 項目如何管理模塊 前端性能優化 JS繼承方案 如何判斷一個變量是不是數組 變量a和b,如何交換 事件委託 標籤生成的Dom結構是一

原创 【大廠面試】攜程前端面試8問

手寫兩道算法題 對React看法,有沒有遇到一些坑 對閉包的看法,爲什麼要用閉包 手寫數組去重函數 手寫數組扁平化函數 介紹下Promise的用途和性質 Promise和Callback有什麼區別

原创 【大廠面試】網易前端面試26問

介紹redux,主要解決什麼問題 文件上傳如何做斷點續傳 表單可以跨域嗎 promise、async有什麼區別 搜索請求如何處理(防抖) 搜索請求中文如何請求 介紹觀察者模式 介紹中介者模式 觀

原创 【大廠面試】蘑菇街前端面試15問

html語義化的理解 <b>和<strong>的區別 對閉包的理解 工程中閉包使用場景 介紹this和原型 使用原型最大的好處 react設計思路 爲什麼虛擬DOM比真實DOM性能好 react