原创 設備像素比devicePixelRatio的應用

我們這裏所說的devicePixelRatio其實指的是window.devicePixelRatio, 被所有WebKit瀏覽器以及Opera所支持。 概念 devicePixelRatio ,它是設備上物理像素和設備獨

原创 js數組分割【分頁】(或者動態渲染td,每四個渲染一個tr)

當我們在處理表格的時候,或者是將數組每4個分爲一組,進行渲染的時候,也就是分頁的時候,我們經常會將一個數組進行一次分割,我接下來就總結一下各種情況下的做法:例如一個數組是var data = [1, 2, 3, 4, 5, 6, 7, 8

原创 React 使用技巧總結 <二>

7. 渲染一個木偶組件 import React from 'react'; function NotFound(props) { return ( <div>NotFound</div> ) } export d

原创 React Router 頁面傳值的四種方法

注:本文示例React Router版本爲:3.0.2,使用前請注意檢查版本 一. props.params官方例子使用 React router 定義路由時,我們可以給<Route>指定一個 path,然後指定通配符可以攜帶參數到指定

原创 React中函數的封裝和數據的state數據存儲【攝氏度和華氏度轉化】

平時在寫原聲js項目的時候,我們經常會遇到函數的封裝,但是突然之間,遷移到react上來,卻有點不知所措,今天查了一些資料,找到一個很經典的例子,來解釋說明react函數體的封裝,以及state狀態的唯一性 // 引入React impo

原创 js創建對象的幾種方法

1.使用new操作符後跟object構造函數,如: var person = new Object(); 可以寫成 var person = {}; person.name = "kitty"; person.age = 25;

原创 babel的常見插件的功能和作用

* babel: ES6轉義的核心包 * babel-cli: 用於在終端使用babel,用命令行轉碼 * babel-core: 如果某些代碼需要調用Babel的API進行轉碼,就要使用`babel-core`模塊 * babel-lo

原创 省市(中國大學)二級聯動的精髓寫法

一開始遇到這種二級聯動的寫法,都是望而卻步,今天性質大發,簡單的寫一篇代碼,總結一下,與大家共勉: 一句話說明問題:點擊select後,用selectedIndex獲取該select選中的索引[index],然後點擊第二個select的