台部落xubaodian

原创原生js實現移動端點擊、長按、左滑、右滑、上滑、下滑等事件模擬

github地址：https://github.com/xubaodian/...爲什麼要模擬這些事件？1、上述這些事件中，瀏覽器直接支持的事件只有點擊，而其它事件使用頻率也很高。 2、移動端web原生點擊事件會有300ms的延遲，因爲用戶

2019-01-31 15:05:04

原创 node和express搭建代理服務器（源碼）

實例git 地址：https://github.com/xubaodian/... 本例用node和express搭建的代理服務器。，期望目標如下：1、開啓某服務A，該服務可實現若干功能,例如普通的restful請求，文件上傳，靜態資源訪問

2019-01-10 19:04:57

原创 Vue UI框架庫開發介紹

本文大家瞭解如何開發一個Vue UI框架。Vue UI框架demo 源碼地址： https://github.com/xubaodian/... 。平時在項目中，我們經常會使用Element UI，Bootstrap Vue等Vue UI

2019-01-05 16:12:43

原创 Vue源碼解析（二）Vue的雙向綁定講解及實現

文章中的代碼時階段，可以下載源碼測試一下。 git項目地址：https://github.com/xubaodian/SimuVue 項目使用webpack構建，下載後先執行： npm install 安裝依賴後使用指令： npm

2018-12-31 04:19:29

原创 Vue源碼解析（一）data屬性映射和methods函數引用的重定義

使用Vue框架進行開發時，我們在option的data和methods中定義屬性和方法，在調用時直接使用 vm.attr 或 vm.func()的形式，而不是用vm.data.attr或vm.methods.func()的方式。項

2018-12-30 03:54:38

原创 canvas實現行人走路的動畫（完整實現）

先看下效果，然後再說如何實現，最終效果如下：我們知道動畫其實是不同的圖片循環替換，造成視覺上圖片在動。我們製作這個動畫的素材如下：從右至左，就是一個人的行走的所有動作，擡腿，邁步,腳落下，另一隻腳邁步，然後循環如此。我們將

2018-12-28 15:54:49

原创 Canvas 圖標繞中心點旋轉實現（源碼）

前幾天看到一個動畫是幾個圖標圍着一箇中心旋轉，正好今天有空餘時間，就思考用canvas來實現。先看下實現效果. 中間一個樓房，幾個紅點圍繞着樓房旋轉，旋轉軌跡是一條橢圓。整個動畫可以分爲幾個部分： 1、樓房 2、橢圓 3、紅色的圓

2018-12-27 03:21:55

原创 Spring boot，Spring Seesion，redis實現登錄驗證及共享session及接口權限管理

Spring boot，Spring Seesion，redis實現登錄驗證及共享session及接口權限管理項目git地址：https://github.com/xubaodian/httpsecurity.git 代碼的細節就不

2018-12-23 15:20:42

原创 Vue項目組件化改造及建立公共組件庫詳解

Vue組件庫demo git地址： https://github.com/xubaodian/Wstl-UI.git 現在絕大部分公司都已經採用組件化的方式進行web開發，無論是使用Vue，還是使用React等等，基本的開發步驟如

2018-12-17 15:49:34

原创前端學習之路及前端架構的演進一些思考

前端學習之路及前端架構的演進一些思考最近這些年前端發展十分迅猛，各種框架，插件，組件庫如雨後春筍，讓人應接不暇。很多剛進去前端開發的同學可能會眼花繚亂，不知從何入手。這篇文章主要講下我自身前端學習之路，以及項目中前端架構的演進過程中

2018-12-15 00:57:48

原创 hybrid App原理介紹、環境搭建、打包（Cordova）及常見錯誤解析（windows環境）

因爲最近需要調研Hybrid App開發技術，作爲技術儲備，後續項目上很可能用的到。我自己之前是基本沒了解過Hybrid App開發的，也是從零開始。這篇文章就介紹，如何從零開始，然後一步一步把web App打包成Android應用的

2018-11-30 15:32:22

118