原创 Vue源碼理解之:自定義學習框架abandon

作者:心葉時間:2019-11-02 18:13 這是一篇用於說明abandon v1版本的項目,abandon是一個用於vue.js源碼學習而開發的小型前端框架。 abandon地址:https://github.com/yelloxin

原创 🎈 插槽(基本使用、具名插槽、作用域插槽等演示用例)

作者:心葉時間:2019-08-30 16:38 本文章對應的源碼地址 基本使用 組件通過slot預留位置,使用組件的時候,可以通過傳遞具體的內容去替換slot佔用的地方,這就是插槽。 比如現在定義了一個組件: <!-- simple-us

原创 vue&react源碼思考之:雙向綁定

作者:心葉時間:2019-07-18 10:34 本文章構思的實現方法在github上有對應的項目已經實現,項目依舊在不斷改進中:abandon.js 核心方法說明 Object.defineProperty(obj,key,{

原创 關於DOM操作是異步的還是同步的相關理解

作者:心葉時間:2019-03-08 09:45 我的理解 先列出我的理解,然後再從具體的例子中說明: DOM操作本身應該是同步的(當然,我說的是單純的DOM操作,不考慮ajax請求後渲染等) DOM操作之後導致的渲染等是異步的(在DOM

原创 vue2+webpack4+scss

作者:心葉時間:2019年01月30日 10:37 前要 由於webpack的配置具有實時性,之前搭建的vue2項目是基於webpack2,因此,特地在此維護一篇關於webpack4搭建vue2項目的說明,會及時更新(github地址:ht

原创 grunt插件:grunt-plug-insert

作者:心葉時間:2019年01月24日 20:08 需求說明 在我們開發代碼的時候,不會把全部代碼寫在一個文件,只有最後打包的時候會合併在一起,而有時候,我們除了要合併代碼,還可能需要更靈活的合併方案。 這個插件就是在一個代碼文件中的指定位

原创 使用clay.js繪製一棵圓形樹

作者:心葉時間:2019-01-23 17:55 準備環境 我們需要用到的庫有三個: clay-core:提供核心的clay.js操作; clay-2d:提供Web端2d圖形繪製接口; clay-chart:提供繪製常用表格的數據計

原创 Vue2學習之旅六:添加對scss的支持

作者:心葉時間:2019-01-01 16:33 本篇最終項目文件Github地址:github.com/yelloxing/vue.quick/tree/V6 scss支持 爲了使用scss,我們需要先安裝相關的node包: npm in

原创 Vue2學習之旅四:添加數據可視化支持

作者:心葉時間:2018-04-25 16:33 本篇最終項目文件Github地址:github.com/yelloxing/vue.quick/tree/V5 安裝 npm install clay-core --save 首先,通過n

原创 數據可視化之clay:設計思想和建立初衷

作者:心葉時間:2018-05-01 19:28 clay項目Github地址:https://github.com/yelloxing/... 項目背景 隨着大數據的發展和數據本身在日常生活中日益增長的價值,以更加友好的方式把數據呈現給用

原创 clay教程二之佈局的使用

作者:心葉時間:2018-11-06 14:47 clay項目Github地址:https://github.com/yelloxing/... 在繪製一些常見圖形的時候,比如關係圖,單個結點或連線並不難,麻煩的是位置的計算等,和圖形模塊不

原创 輸入框input或內容區域textarea中關於光標移動問題

作者:心葉時間:2018-09-13 12:28 什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區,也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#inp

原创 Mac電腦使用幫助

作者:心葉時間:2018-05-05 22:40 常用文件和配置 修改Host配置 Mac用來記錄Host的配置文件位於/private/etc下,直接vi&vim打開hosts文件編輯即可(可能需要root權限打開纔可以保存)。 修改配置