原创 前端知識 | React Native Animated動畫淺談

       在移動開發中,動畫能有效的提高用戶體驗。在 React Native 中,也有相應的 API 供我們做動畫。這裏着重說一下 Animated 動畫庫,它可以讓我們非常簡便的去實現各式各樣的動畫和交互方式,而且具備很高的性能。A

原创 前端知識 | React Native手勢響應淺析

目前手機市場上,全面屏時代已經勢不可擋,爲了增大屏幕,一個個物理按鍵已漸漸消失在手機上。那麼,手勢將成爲在移動應用開發中一個重要的組成部分,移動設備上手勢識別要比 web 端複雜得多,往往用戶的一個手勢,我們在 APP 上要通過好幾個階段去

原创 前端知識 | Redux的使用

什麼是 Redux?Redux 是整個項目的狀態管理中心,數據存儲倉庫,集中式的存儲和管理所有的組件的狀態,並且可以讓組件的狀態以一種可預測的方式變化。什麼情況下使用 Redux?Redux 主要作爲一個狀態樹的存在,主要作用可以用來集中管

原创 前端知識 |淺談React setState

setState的連鎖反應 這是一個React組件實現組件可交互所需的流程,render()輸出虛擬DOM,虛擬DOM轉爲DOM,再在DOM上註冊事件,事件觸發setState()修改數據,在每次調用setState方法時,React會自

原创 React Native 基於畫板簡析封裝安卓原生UI

1、創建 ViewManager 的子類2、實現方法 createViewInstance    @Override    protected DrawCanvasView createViewInstance(ThemedReactCon

原创 React | 高效前端之淺談

React | 高效前端之淺談   React在國外已被各個公司的各種產品大量使用,大衆熟知的INS、Airbnb、Yahoo、ThoughtWorks等,都是使用React來實現UI開發的。很多人認爲,雖然React在國外已經被廣泛應用,

原创 前端知識 | Flexbox佈局模式

簡要介紹flex 即 flexible box 彈性佈局盒模型,,是2009年 w3c 提出的一種新型佈局的屬性,引入彈性盒佈局模型的目的是提供一種更加有效的方式來對一個容器中的子元素進行排列、對齊和分配空白空間。瀏覽器支持如下:flex

原创 前端知識 | 簡析ES6

CMAScript 6 簡介:CMAScript 6.0(以下簡稱 ES6)是 JavaScript 語言的下一代標準,已經在 2015 年 6 月正式發佈了。它的目標,是使得 JavaScript 語言可以用來編寫複雜的大型應用程序,成爲

原创 前端知識 | 淺談在React中使用echarts

方法一:echarts-for-react 是一個非常簡單的針對於 React 的 Echarts 封裝插件。和使用所有其他插件一樣,首先,我們需要 install 它:第一步:npminstall --save echarts(依賴)np

原创 海說軟件官網重裝上線 同時發佈兩大視頻處理技術

海說軟件官網(www.seatell.cn)於今日重裝上線,同時重磅發佈兩大視頻處理技術:視頻轉碼、在線直播。海說軟件成立3年,其主要業務之一的「精益產品的開發與設計」已幫助全球的衆多客戶構建出色的軟件,令其在市場上形成乘風破浪之勢,甚至確

原创 前端知識 | 論jQuery如何編寫插件

一. jQuery的插件機制 爲了方便用戶創建插件,jquery提供了jQuery.extend()和jQuery.fn.extend()方法jQuery.extend(object) ,一個參數的用於擴展jQuery類本身,也就是用來在

原创 前端知識 |前端安全之CSRF

CSRF/XSRF(Cross-Site Request Forgery),即跨站請求僞造,也被稱爲“One Click Attack”或者Session Riding。基本原理是通過僞裝來自受信任用戶的請求來利用受信任的網站。×××原理:

原创 手把手教你升級到Webpack4

前端項目日益複雜,構建系統已經成爲開發過程中不可或缺的一個部分,而模塊打包(module bundler)正是前端構建系統的核心。Webpack作爲當下最受歡迎的前端資源模塊化管理和打包工具,它可以將許多鬆散的模塊按照依賴和規則打包成符合生

原创 前端知識 | React-Router路由系統

                 目前在各種web應用開發中,路由系統一直都是項目中不可或缺的部分。然而在框架不斷涌現的時代,路由系統也相繼而出,例如Backbone。在我們使用react框架開發web應用時,路由系統我們就免不了使用rea

原创 前端知識 | CSS小技巧-自適應橢圓

背景知識:border-radius 屬性的基本用法。難題:你可能注意到過,給任何正方形元素設置一個足夠大的 border-radius,就可以把它變成一個圓形。所用到的 CSS 代碼如下所示:   圖1.1給元素設置固定寬高以及一半長度的