原创 Android屏幕適配方案分析

爲什麼要屏幕適配 Android開發過程中我們常用的尺寸單位有px、dp，還有一種sp一般是用於字體的大小。但是由於px是像素單位，比如我們通常說的手機分辨例如1920*1080都是px的單位。現在Android屏幕分辨率碎片化720x12

2019-05-06 18:05:05

原创 基於socket.io快速實現一個實時通訊應用

隨着web技術的發展，使用場景和需求也越來越複雜，客戶端不再滿足於簡單的請求得到狀態的需求。實時通訊越來越多應用於各個領域。 HTTP是最常用的客戶端與服務端的通信技術，但是HTTP通信只能由客戶端發起，無法及時獲取服務端的數據改變。只能依

2019-04-22 16:06:46 1

原创 跨平臺技術演進

前言 大家好，我是simbawu，關於這篇文章，有問題歡迎來這裏討論。 隨着移動互聯網的普及和快速發展，手機成了互聯網行業最大的流量分發入口。以及隨着5G的快速發展，未來越來越多的“端”也會如雨後春筍般快速興起。而“快”作爲互聯網的生存之道

2019-04-01 09:25:00 1

原创 如何理解並應用貝塞爾曲線

貝塞爾曲線又叫貝茲曲線，在大學高數中一度讓我非常頭疼。前陣子練手寫動畫的時候，發現貝塞爾曲線可以應用於軌跡的繪製以及定義動畫曲線。 本文就來探究一下，貝塞爾曲線到底是個什麼樣的存在。 貝塞爾曲線原理 貝塞爾曲線由n個點來決定，其曲線軌跡可以

2019-03-14 14:45:06

原创 從前端的角度理解緩存

緩存的概念分很多種，本次討論的主要就是前端緩存中的Http緩存。 緩存是怎麼回事 前端發送請求主要經歷以下三個過程，請求->處理->響應。如果有多次請求就需要重複執行這個過程。 重複請求的過程 以下是一個重複請求的流程圖： 從以上的流程圖

2019-01-17 17:05:03 2

原创 canvas中普通動效與粒子動效的實現

canvas用於在網頁上繪製圖像、動畫，可以將其理解爲畫布，在這個畫布上構建想要的效果。 canvas可以繪製動態效果，除了常用的規則動畫之外，還可以採用粒子的概念來實現較複雜的動效，本文分別採用普通動效與粒子特效實現了一個簡單的時鐘。 普

2018-12-29 18:22:35 3

原创 Promise 源碼分析

前言 then/promise項目是基於Promises/A+標準實現的Promise庫，從這個項目當中，我們來看Promise的原理是什麼，它是如何做到的，從而更加熟悉Promise 分析 從index.js當中知道，它是先引出了./co

2018-12-21 17:45:08

原创 React和Vue中，是如何監聽變量變化的

React 中 本地調試React代碼的方法 先將React代碼下載到本地，進入項目文件夾後yarn build 利用create-react-app創建一個自己的項目 把react源碼和自己剛剛創建的項目關聯起來，之前build源碼到

2018-11-13 16:54:37

原创 兩種方案開發小程序動畫

在普通的網頁開發中，動畫效果可以通過css3來實現大部分需求，在小程序開發中同樣可以使用css3，同時也可以通過api方式來實現。 指路：小程序animatiom動畫API API解讀 小程序中，通過調用api來創建動畫，需要先創建一個實例

2018-11-09 16:04:44

原创 【React源碼解讀】- 組件的實現

前言 react使用也有一段時間了，大家對這個框架褒獎有加，但是它究竟好在哪裏呢？讓我們結合它的源碼，探究一二！（當前源碼爲react16，讀者要對react有一定的瞭解） 回到最初 根據react官網上的例子，快速構建react項目 n

2018-10-31 13:54:25

原创 小程序雲開發初探

雲開發是微信平臺新開放的功能，爲開發者提供集成了服務器，數據庫和資源存儲的雲服務。本文將基於官方文檔，以一個小例子來作爲探索雲開發的相關功能。 雲開發官方文檔 一、新建雲開發項目 新建項目 將微信開發助手更新之後，選擇雲開發模板。 項目目

2018-10-23 16:14:52

原创 10分鐘讓你成爲全棧工程師-koa快速入門

前言 隨着技術的不斷髮展，前端工程師也被賦予了越來越多的職責。不再是從前只需要切個圖，加個css樣式就能完成任務的切圖仔了。接下來這篇文章，完成一個簡單的登錄註冊，能讓你快速上手，成爲一個‘小全棧工程師’，here we go ！ koa

2018-10-18 14:44:53 4

原创 前端骨架屏方案小結

骨架屏 最近在項目不時有用到骨架屏的需求,所以抽時間對骨架屏的方案作了一下調研,骨架屏的實踐已經有很多了,也有很多人對自己的方案作了介紹.在這裏按照個人的理解做了一個彙總和分類,分享給大家. 關於骨架屏(簡介) 骨架屏就是在頁面數據尚未加載

2018-10-15 16:44:32 1

原创 三大圖表庫：ECharts 、 BizCharts 和 G2，該如何選擇？

ECharts 、 BizCharts 和 G2，該如何選擇？ 最近阿里正式開源的BizCharts圖表庫基於React技術棧，各個圖表項皆採用了組件的形式，貼近React的使用特點。同時BizCharts基於G2進行封裝，Bizchart

2018-09-20 15:24:41 1

原创 【React 實戰教程：第一節】從0到1 構建 github star管理工具 ：前期準備

前言 在日常使用github中，除了利用git進行項目版本控制之外，最多的用處就是遊覽各式的項目，在看到一些有趣或者有用的項目之後，我們通常就會順手star，目的是日後再看。但是當我們star了許多項目之後，回過頭想找一個的項目就會發現，很

2018-09-18 18:30:33 1