從零實現一個React:Luster(一):JSX解析器
前言
這是之前在掘金髮的兩條沸點,懶得寫了,直接複製過來作為前言了。然後這個專案可能之後還會繼續寫,增加一些路由或者模板引擎的指令什麼的,但是再過沒多久寒假就有大塊時間了就可能不摸這個魚去開其它坑了,隨緣吧。所以先寫JSX的解析器吧,這個部分也比較獨立
掘金沸點裡有一些程式碼截圖,就不發在markdown裡
算是利用期末考這段碎片時間摸一個水專案吧
專案地址:
jsx-parser
luster
12.21
最近心情比較低落,摸魚也摸到恐慌,然後昨天就想著隨便寫點東西吧。然後就先選了用JavaScript寫,就順便想到了React。所以有了這個小破輪子,一個前端算是view層的框架吧,算是一個乞丐弱智版的React吧,只有兩百多行。
然後又想著竟然都造輪子了,那乾脆JSX語法的轉譯也不用babel了,所以今天就摸了一個jsx的解析器,也只有兩百多行
算是一個學習的過程吧,雖然以後也不打算幹前端,也都看看
反正也快期末考了,沒大塊時間了,就繼續摸這個專案吧,可能會再加上state和dom diff之類的吧,再做點創新?
程式碼很水)不是前端)玩具而已)大佬輕噴)
12.22
繼上一條,這個乞丐版React昨天又增加了setState和dom-diff演算法。成功的實現了功能,然後把程式碼寫成了一坨
相關推薦
從零實現一個React:Luster(一):JSX解析器
前言 這是之前在掘金髮的兩條沸點,懶得寫了,直接複製過來作為前言了。然後這個專案可能之後還會繼續寫,增加一些路由或者模板引擎的指令什麼的,但是再過沒多久寒假就有大塊時間了就可能不摸這個魚去開其它坑了,隨緣吧。所以先寫JSX的解析器吧,這個部分也比較獨立 掘金沸點裡有一些程式碼截圖,就不發在markdown裡
從零實現一個http服務器
retrieve vba ilove ext TP 應用場景 註釋 end HA 我始終覺得,天生的出身很重要,但後天的努力更加重要,所以如今的很多“科班”往往不如後天努力的“非科班”。所以,我們需要重新給“專業”和“專家”下一個定義:所謂專業,就是別人搞你不搞,這就是你的
從零打造一個CMDB(一)資料庫設計
俠義的CMDB都是偏向純資產管理,但運維繫統往往圍繞著這些資產中心,從資產進行不斷外充擴容 在其基礎之外擴展出各功能,通過cmdb 擴展出各個子系統 涉及工具:workbench 一個例子:設計一個數據庫實現主機資訊、交換機資訊,如何將之間的資訊關聯起來 初步的傳統設計:
從零實現一個http伺服器
我始終覺得,天生的出身很重要,但後天的努力更加重要,所以如今的很多“科班”往往不如後天努力的“非科班”。所以,我們需要重新給“專業”和“專家”下一個定義:所謂專業,就是別人搞你不搞,這就是你的“專業”;你和別人同時搞,你比別人搞的好,就是“專家”。說到http協議和http請
從零實現一個自定義html5播放器
寫在最前 本次的分享是一個基於HTML5<vedio>標籤實現的一個自定義視訊播放器。其中實現了播放暫停、進度拖拽、音量控制及全屏等功能。 歡迎關注我的部落格,不定期更新中—— 效果預覽 點我檢視原始碼倉庫。 核心思路 我相信一定會有些沒有接觸過製作自定義播放器的童鞋對於<vedio&
React從零開始——一個詳細的範例
範例說明 接下來我們要通過一個簡單的案例,詳細的學習React的內容 如上圖所示,兩個按鈕,點選加號按鈕,數字加一,點選減號按鈕,數字減一 程式碼結構 使用create-react-app建立一個工程,將其中的程式碼結構刪減到最簡單的模式 修改
從零寫一個Java WEB框架(一)
該系列,其實是對《架構探險》這本書的實踐。本人想記錄自己的學習心得所寫下的。 從一個簡單的Servlet專案開始起步。對每一層進行優化,然後形成一個輕量級的框架。 每一篇,都是針對專案的不足點進行優化的。 專案已放上github
Spring cloud實戰 從零開始一個簡單搜索網站(一)
repo start release 不存在 home tex $.ajax 技術 ots 效果地址http://121.40.36.198:9080/web/ 本文從建站開始,就不跟別的順序一樣要怎麽開始開始的,懂java就行 我會盡量講的詳細, 首先
Spring cloud實戰 從零開始一個簡單搜尋網站(一)
效果地址http://121.40.36.198:9080/web/ 本文從建站開始,就不跟別的順序一樣要怎麼開始開始的,懂java就行 我會盡量講的詳細, 首先肯定是工具的選擇 ,俗話說工欲善其事,必先利其器,Eclipse 和IDE
【webpack系列】從零搭建 webpack4+react 腳手架(一)
搭建一個React工程的方式有很多,官方也有自己的腳手架,如果你和我一樣,喜歡刨根究底,從零開始自己一行一行程式碼建立一個React腳手架專案,那你就來對地方了。本教程是針對React新手,以及對webpack還不熟悉的使用者,或者是想了解當前前端工程化方案的使用者。我會在整個系列通過webpack4的
React Native 從零到一個小專案
前陣子開始學習 React Native,一個人摸滾帶爬的也算是能寫個 小專案 了,在這裡分享一下自己從零開始學習的過程,也推薦一些比較優秀的學習資源,讓大家學習過程可以提高一些效率。 在路上 一、環境搭建和 IDE 選型 React Native 環境搭建可以看
從零開始,如何閱讀一篇人工智慧論文,及構建論文與程式碼的實現
本次 Chat 的第一部分: 首先講解如何從零基礎開始閱讀一篇機器學習方向的論文,以及對待論文中的數學問題。隨後,從一篇經典論文入手,講解如何快速梳理和理解一個深度學習框架及模型。 最近人工智慧和機器學習方向的論文非常多,那麼一個有工程背景、學術經驗
從零寫一個編譯器(十一):程式碼生成之Java位元組碼基礎
專案的完整程式碼在 C2j-Compiler 前言 第十一篇,終於要進入程式碼生成部分了,但是但是在此之前,因為我們要做的是C語言到位元組碼的編譯,所以自然要了解一些位元組碼,但是由於C語言比較簡單,所以只需要瞭解一些位元組碼基礎 JVM的基本機制 JVM有一個執行環境叫做stack frame 這個
從零開始學Xamarin.Forms(一) 概述
erl 系統 mod 重寫 fwe 依賴 模式 sil c# Xamarin 讀 “?z?m?rin”,是一個基於開源項目mono的可以使用C#開發的收費的跨平臺(iOS、Android、Windows Phone、Mac)解決方式。
從零開始玩轉JMX(一)——簡介和Standard MBean
pos cor csdn comm art order clas post tex 從零開始玩轉JMX(一)——簡介和Standard MBeanJMX超詳細解讀 參考資料JMX整理JMX簡介http://blog.csdn.net/DryKillLogic/articl
跟著我從零開始入門FPGA(一周入門XXOO系列)-1、Verilog語法
部分 同步 比較 跑馬燈 begin 寫代碼 人的 thread get (本連載共七部分,這是第一部分) 作者:McuPlayer2013 (EETOP FPGA版塊版主) 原帖地址:http://bbs.eetop.cn/thread-385362-1-1.htm
從零實現jQuery的extend
log 如何 asc 基本類型 是否 query 解決 復制 上進 前言 jQuery 的 extend 是 jQuery 中應用非常多的一個函數,今天我們一邊看 jQuery 的 extend 的特性,一邊實現一個 extend! extend 基本用法 先來看看 ext
從零開始學習熱更新(一):搭建FTP服務器
啟動服務 ocs 手動 動態ip 手動添加 如果 信息 clas 路徑 --轉載了一部分來自http://blog.csdn.net/haibo19981/article/details/51890912 以下是在win7下的coocs2dx3.10 lua開發的 1.
從零開始搭建react腳手架
從零開始搭建react腳手架安裝create-react-app: npm -g install create-react-app 創建一個新項目: create-react-app myapp 進入項目: cd myapp 安裝必備插件: npm install dollarphp less
從零實現Lumen-JWT擴展包(序):前因
height targe ctu 就是 internal 結果 lazy 黑名單 ace 轉自:https://zhuanlan.zhihu.com/p/22531819?refer=lsxiao 最近這段時間我尋思著把幾個月前爬下來的6萬多首詩詞曲文做成一個API,免費