原创 amcharts示例

1.豎向雙Y軸柱狀圖 核心代碼: var amOptions = { "type": "serial", "theme": "light", "legend": { "horizontalGap": 0,

原创 剖析Vue原理&實現雙向綁定MVVM

vue是通過數據劫持的方式來做數據綁定的,其中最核心的方法便是通過Object.defineProperty()來實現對屬性的劫持,達到監聽數據變動的目的 數據劫持: vue.js 則是採用數據劫持結合發佈者-訂閱者模式的方式,通過Obj

原创 Vue2 詳解生命週期

最近使用Vue2做了一個項目, 生命週期鉤子分別是: beforeCreate:實例剛創建,屬性綁定之前 created:實例創建完成,屬性綁定,但是還未將實例掛載到'el'上,也就是掛載元素上。 beforeMount:模板編譯/掛載

原创 學習react.js之sass語言入門

1.sass被叫做"CSS預處理器"(css preprocessor);它的基本思想是,用一種專門的編程語言,進行網頁樣式設計,然後再編譯成正常的CSS文件。 2. window下面安裝ruby https://www.ruby-lan

原创 騰訊雲CentOS7 下java環境安裝(tomcat,jdk8,mysq安裝)

事前準備:用Xshell3.0鏈接到你的雲服務器;用flashfxp選擇xftp鏈接到你的雲硬盤; 一,本人下載的是tar包,Linux x64 jdk-8u131-linux-x64.tar.gz;和apache-tomcat-8.5.

原创 騰訊雲CentOS7 下MySQL無法用Navicat遠程訪問的問題

1.安裝完mysql後, #mysql -uroot -p Enterpassword可以正常訪問,但是用Navicat訪問時出現錯誤,感覺是雲服務器的3306端口沒有開放; 2.在服務器地址/etc/sysconfig/iptables

原创 學習react的實例2--全選

1.效果圖: 2.下面是整篇代碼: var Row = React.createClass({ getInitialState: function() { return { checked: false

原创 react數據之dispatch,reducer

1.之前寫了一篇fetch的簡單用法,實際項目中數據比那個要複雜,下面看一下通過dispatch和reducer來控制數據的更新; 2.還是以上一個添加分組的組件爲例: 首先我們寫一個MoveGroupReducer.js文件,裏面我們模

原创 react項目的組件庫antd-mobile

1.antd-mobile是由螞蟻金融團隊推出的一個開源的react組件庫,這個組件庫擁有很多使用的組件,下面我來介紹一下他的用法: 2.按照官網http://beta.mobile.ant.design/docs/react/intro

原创 react中fetch的簡單使用與跳轉

1.登陸是我們要用fetch進行登陸驗證後,跳轉,下面講一下具體操作: 首先,引入需要的庫 2.在login頁面我們需要拿到用戶輸入的name和password,如下: 在1部分是記住密碼,保存在本地存儲localStorage中; 在

原创 echarts折線圖實例一

1.先看看我們要的一個效果:在點擊顯示30天和顯示2天,數據可以切換,並且另外還要加一個時間區域查詢出來;接下來我貼一下具體的操作: 2.以上邊的爲例,根據回來的數據結構進行解析: //拿2天的數據 var data2yespv=[];

原创 vue學習路線1——搭建本地項目

一. 安裝nodejs 鏈接:https://nodejs.org/zh-cn/ 二. 安裝webpack 安裝命令:cnpm install webpack -g 安裝完成,通過webpack -v來

原创 echarts的簡單用法

1.js部分,將echarts.js引入,通過setoption的方法傳入數據,<script src="js/echarts.js"></script> <SCRIPT type="text/jav

原创 vue學習路線1——文件配置介紹

├── README.md 項目介紹 ├── index.html 入口頁面 ├── build 構

原创 前端插件之帶滑動效果的二級標題,原生js寫的

效果圖: 1.最主要的js部分 <script> var wid = window.screen.width; var subcontent = document.getElementById("subcontent");