原创 Observable state(可觀察的狀態)

  核心概念 MobX 的核心概念不多。 Observable state(可觀察的狀態) MobX 爲現有的數據結構(如對象,數組和類實例)添加了可觀察的功能。 通過使用 @observable 裝飾器(ES.Next)來給你的類屬性添

原创 Js中的Event Loop(事件循環)機制

  前言 我們都知道,javascript從誕生之日起就是一門單線程的非阻塞的腳本語言。這是由其最初的用途來決定的:與瀏覽器交互。 單線程意味着,javascript代碼在執行的任何時候,都只有一個主線程來處理所有的任務。 而非阻塞則是當

原创 收藏 筆試題

題目一:找出數組中最接近指定值的數   // 邊界值的處理 // 變量的命名 // API的熟悉程度 function findNext(num, arr) { / your code ... / if (!num ||

原创 前端面試——設計模式

  1、單例模式 定義:是保證一個類只有一個實例,並且提供一個訪問它的全局訪問點。 需求:一些對象我們往往只需要一個,比如線程池、全局緩存、瀏覽器中的window對象、登錄浮窗等。 優點: 1、可以用來劃分命名空間,減少全局變量的數量 

原创 MobX 瞭解一下

MobX MobX 是一個經過戰火洗禮的庫,它通過透明的函數響應式編程(transparently applying functional reactive programming - TFRP)使得狀態管理變得簡單和可擴展。MobX背後

原创 有意思的視覺

  人的視覺並不可靠,很容易產生錯覺。請看下面的圖片。 1、 下面的水平線都是平行的。不信的話,你可以眯着眼睛看。     2、   A 欄似乎比 B 欄顏色更淡一些,但其實它們的顏色是一樣的。     3、   下圖所有圓圈的顏色也

原创 MobX 的三種方式

一.observable  import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { observable } from 'mobx'

原创 Mobx解決的問題

Mobx解決的問題 傳統React使用的數據管理庫爲Redux。Redux要解決的問題是統一數據流,數據流完全可控並可追蹤。要實現該目標,便需要進行相關的約束。Redux由此引出了dispatch action reducer等概念,對s

原创 我私藏的刷題網站都在這裏了!

遙想當年,機緣巧合入了 ACM 的坑,周邊巨擘林立,從此過上了"天天被虐似死狗"的生活… 然而我是誰,我可是死狗中的戰鬥雞,智力不夠那刷題來湊,開始了夜以繼日哼哧哼哧刷題的日子,從此"讀題與提交齊飛, AC 與 WA 一色 ",我驚喜的發

原创 React 面試題目與分析

  調用 setState 之後發生了什麼? 在代碼中調用setState函數之後,React 會將傳入的參數對象與組件當前的狀態合併,然後觸發所謂的調和過程(Reconciliation)。經過調和過程,React 會以相

原创 mirserver傳奇服務端各文件夾註解

MirServer(傳奇服務端) ├LogServer (物品日誌) │ ├BaseDir (包含物品日誌文件) │ ├LogData.ini(物品日誌配置文件) │ └LogDataServer.exe(日誌服務端程序) ├LoginG

原创 egg運行原理

關於egg egg是阿里開源的一個框架,爲企業級框架和應用而生,相較於express和koa,有更加嚴格的目錄結構和規範,使得團隊可以在基於egg定製化自己的需求或者根據egg封裝出適合自己團隊業務的更上層框架   egg所處的定位

原创 前端文章推薦

  typescript  TypeScript,初次見面,請多指教  可能是你需要的react + typescript 50條規範和經驗 一些使用規範 CSS  css加載會造成阻塞嗎  不可思議的純 CSS 滾動進度條效果  CS

原创 React 高階組件淺析

  最近在一些項目中遇到高階組件的身影,不是很瞭解,於是深入鑽研了一番,以下權當是學習記錄了~   Mixin 在談及高階組件之前,我們先來講講它的前身 mixin ~ mixin 的作用是:如果多個組件中包含相同的方法(包括普通函數

原创 分佈式服務框架 HSF

摘要: RPC 協議採用多路複用的 TCP 長連接方式,在服務提供者和調用者間有多個服務請求同時調用時會共用同一個長連接,即一個連接交替傳輸不同請求的字節塊。它既避免了反覆建立連接開銷,也避免了連接的等待閒置從而減少了系統連接總數,同時還