原创 React router 配置demo

網上查了很多資料,都沒有可以直接拿來用的,大多數是因爲版本差異造成的。有時代碼看起來沒什麼兩樣,偏偏不成功,有的函數這個版本沒有,有的需要用另一種方式編寫,過程中充滿了各種不確定性。當準備放棄的時候居然發現配置成功了。 1.webpac

原创 JSON.parse 和eval的對比

JSON.parse和eval都可以把字符串類型的數組和對象轉化爲數組和對象本身,但在使用過程中有些地方要注意: var obj='{a:1,b:2}'; obj=eval('('+obj+')'); alert(obj.a); //此

原创 React 組件之列表的增加,刪除,移動操作

用react 組件實現列表的展示,增加,刪除,位置的移動操作 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>列表操作</title>

原创 倒計時激活按鈕

  <script type="text/javascript">        function settime(obj,countdown) {            if (countdown == 0) {           

原创 【構建工具】webpack文件配置

webpack作爲前端構建工具已被廣泛使用,最近在做react+reflux+webpack的項目,於是在這裏保存一下webpack的配置,供以後查閱。 webpack在開發模式下的配置: /* * Webpack developme

原创 我思故我在,技術博客寫起來!

以前太隨性了,在記事本里,qq空間裏隨手寫一些技術類的東東,作爲自己項目經驗的總結。作爲一個風格嚴謹的前端開發人員,這是要不得的。 因此,今天重新啓用我的博客,隨時記錄技術經驗和思考。 畢竟走過的路需要留下痕跡麼!

原创 Array.prototype.slice.call()方法詳解

在JS裏Array是一個類,slice是此類裏的一個方法 ,那麼使用此方法應該Array.prototype.slice這麼去用。但通常我們通過arrayObj.slice(start,[end])來截取數組。那麼什麼場景下使用Array

原创 JS數組遍歷大全

filter():   功能說明: 對數組中的每個元素都執行一次指定的函數(callback),並且創建一個新的數組,該數組元素是所有回調函數執行時返回值爲 true 的原數組元素。它只對數組中的非空元素執行指定的函數,沒有賦值

原创 input上傳控件美化

在開發中,文件上傳必不可少,<input type="file" /> 是常用的上傳標籤,但是它長得又醜、瀏覽的字樣不能換,我們一般會用讓 <input type="file" />隱藏,點其他的標籤(圖片等)來實現選擇文件上傳功能。 

原创 【ES6】ES6和ES5特性對比

一、let && var ES5只有全局作用域和函數作用域,沒有塊集作用域。而let則實際上爲JavaScript新增了塊級作用域。 用它所聲明的變量,只在let命令所在的代碼塊內有效。 場景一: let name = 'zach' w

原创 工具小函數彙總

在前端開發過程中,經常需要運用一些工具小函數來驗證、格式化一些數據,獲取一些參數等等,在這裏整理一下。   數據合法性驗證:   var legal={ mobile:function(data){//手機號碼 va

原创 HTML5新特性

1.input文本框 通常用change事件來監聽輸入框內容是否發生變化,只有當輸入框失去焦點時纔會觸發,html5還有個input事件,只要輸入框內容發生變化就會立即觸發。 <input type="text"> $("input:t

原创 React 中 mixin的作用

1.mixin的作用是抽離公共功能,不存在渲染dom的需要,所以它沒有render方法。如果你定義了render方法,那麼他會和組件的render方法衝突而報錯。 2.mixin不應該污染state,所以他也沒有 setState 方法

原创 React組件類目選擇(實際項目)

 綜合概述:比較上一個例子,數據從實際接口獲取的,首先調取接口獲取一級類目,然後根據一級類目的id分別獲取對應的二級類目 1.GoodsClassify 組件獲取一級類目作爲數據源初始化props,通過map循環組件<GoodsDl k

原创 node爬蟲實踐

爬蟲的原理很好理解,就是在服務端請求另一個服務器的資源,前端有跨域問題,而服務端沒有,這是天然優勢。掌握node的前端可以爲所欲爲了 1 首先,根據請求資源的協議選擇合適的模塊,如果是https協議,就用https的方法取請求,之前沒有注