原创 antdesign pro 或react項目集成dragact和echarts實現圖表動態佈局的面板

1.安裝依賴 npm install --save dragact npm install --save echarts-for-react npm install --save echarts 嫌npm慢可以自行使用cnpm安裝 2

原创 jquery 輪播圖 【淡入淡出】

代碼不難,只是簡單的淡入淡出形式的圖片輪播,直接上代碼了! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

原创 jQuery實現圖片懶加載

本文給出一種利用jQuery實現圖片懶加載的原理。它的基本思想是:在輸出HTML的時候,不要直接輸出<img src="xxx",而是輸出如下的img標籤: <img src="/static/loading.gif" data-sr

原创 echart 桑基圖

效果 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http:

原创 canvas 畫箭頭

最後的效果: 源碼: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> </head> <bod

原创 react 實戰案例(webpack構建)

最近在學習react+es6+webpack ,從網上看了資料,整理了這個項目,順便記錄一下學習歷程,這裏要求對react ,es6 , webpack ,nodejs有一定的基礎,但是又不知道怎麼取搭建項目的。 首先看一下目錄結構

原创 js設計模式--觀察者模(發佈訂閱模式)

觀察者模式又叫發佈訂閱模式(Publish/Subscribe),它定義了一種一對多的關係,讓多個觀察者對象同時監聽某一個主題對象,這個主題對象的狀態發生變化時就會通知所有的觀察者對象,使得它們能夠自動更新自己。 使用觀察者模式的好處:

原创 echart 筆記

function(data){ var that=this; var axisX=[],data1=[],data2=[],data3=[]; da

原创 jquery 分頁器

js代碼: $.fn.extend({ "initPage":function(listCount,currentPage,fun){ var maxshowpageitem = $(this).attr("max

原创 java 實現本月日曆

最終的效果: 星期日 星期一 星期二 星期三 星期四 星期五 星期六 1 2 3 4 5 6 7* 8 9

原创 java 設計模式--單例模式

單例模式 單例模式(Singleton Pattern)是 Java 中最簡單的設計模式之一。這種類型的設計模式屬於創建型模式,它提供了一種創建對象的最佳方式。 這種模式涉及到一個單一的類,該類負責創建自己的對象,同時確保只有單個對象

原创 Js slice()方法與substr和substring的區別

slice() 定義和用法 slice() 方法可從已有的數組中返回選定的元素。 string.slice(start, end)提取一個字符串 string.substring(start, end)提取一個字符串,end不支持負數

原创 js設計模式-- 裝飾着模式

裝飾者模式 在不改變對象自身的基礎上,在程序運行期間給對象動態地添加一些額外職責 在傳統面嚮對象語言中,爲對象添加功能常使用繼承 但是繼承有很多缺點: 超類子類強耦合,超類改變導致子類改變 超類內部細節對子類可見,破壞了封裝性

原创 nginx 切割日誌文件

linux 環境下: 1.首先編寫shell腳本: cutlog.sh 放入nginx/logs文件夾中 //首先定義路徑變量 LOGS_PATH=/usr/local/nginx/logs //獲取昨天的 yyyy-MM-d

原创 js設計模式--外觀模式

外觀模式 爲子系統中的一組接口提供一個一致的界面,Facade模式定義了一個高層接口,這個接口使得這一子系統更加容易使用。隱藏系統的複雜性,並向客戶端提供了一個客戶端可以訪問系統的接口。降低訪問複雜系統的內部子系統時的複雜度。在客戶端和