原创 Vue 基本語法

Vue優點: 靈活、易用、高效; 用於構建用戶界面的漸進式框架、自底向上逐層應用; Vue的核心庫只關注圖層,不僅易於上手,還便於與第三方庫或既有項目整合。 當與現代化的工具鏈以及各種支持類庫結合使用時,Vue也完全能夠爲複雜的單頁應用提

原创 ES6學習筆記(阮一峯教程)——let、const命令、函數聲明

一.Babel轉換器 Babel 轉碼器,能將ES6代碼轉換成ES5。例如: // 轉碼前input.map(item => item + 1); // 轉碼後input.map(function (item) { return

原创 微信小程序01——project.config.json配置

{ "description": "項目配置文件。", "setting": { "urlCheck": true,//是否檢查域名已備案 "es6": true,//是否可以使用es6語法 "postcss": tru

原创 jQuery實現頁面數據導出成.json文件

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascrip

原创 uc發佈功能 項目總結

前言:當點擊發布按鈕之後,前端需要完成兩件事。一:獲取頁面相關信息,二:調用後臺接口,將信息傳給後臺。 關於發佈後的渲染:從數據庫中讀取相關內容,動態創建。 1.ajax 作爲函數返回值的問題 首先描述下ajax默認情況下是異步請求,如果

原创 數據可視化-中國地圖的製作(地圖的省級聯動)

在數據可視化中,地圖是很重要的一部分。很多情況會與地圖有關聯,如中國各省的人口多少,GDP多少等,都可以和地圖聯繫在一起。一.地圖數據的獲取1.可以參照:https://github.com/clemsos/d3-china-map進行製

原创 Node環境、Vue-cli安裝

一.下載Node.js 打開官網下載鏈接:https://nodejs.org/en/download/ 我這裏下載的是node-v6.9.2-x64.msi,如下圖: 二.開始安裝Node環境 1.下載完成後,雙擊“node-v6.9

原创 vue-router——重定向-redirect、過渡動畫、路由鉤子

一.vue-router的重定向-redirect 有時候設置的路徑不一致,但是我們希望跳轉到同一個頁面,或者說是打開同一個組件。這時候我們就用到了路由的重新定向redirect參數。 redirect基本重定向 我們只要在路由配置文件中

原创 ES6學習筆記——let、const命令、函數聲明

一.Babel轉換器 Babel 轉碼器,能將ES6代碼轉換成ES5。例如: // 轉碼前input.map(item => item + 1); // 轉碼後input.map(function (item) { return

原创 vue-router——路由傳值

一、用name傳遞參數 1.在路由文件src/router/index.js裏配置name屬性。 routes: [     {       path: '/',       name: 'Hello',       compo

原创 vue-router——路由配置

一.什麼是vue-router vue-router路由插件,這裏的路由並不是指我們平時所說的硬件路由器,這裏的路由就是SPA(單頁應用)的路徑管理器。再通俗的說,vue-router就是我們WebApp的鏈接路徑管理系統。 二.vue-

原创 ES6學習筆記——Set、Map數據結構

一.Set Set本身是一個構造函數,用來生成Set數據結構。它類似於數組,但是成員的值都是唯一的,沒有重複的值。 1.用法: const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x

原创 進度條效果的實現

var canvas=document.getElementById('jindu'); context=canvas.getContext('2d'); var rad=Math.PI*2/100; //將360度分成100份,那麼每一

原创 css新特性

css新特性 1.border-radius:設置圓角邊框效果 (1)格式1 border-radius:值,四個角相同 border-radius:值1(左上、右下)值2(右上、左下) border-radius:值1(左上)   值2

原创 Vue——樣式綁定、計算屬性與監聽屬性比較

一.樣式綁定 http://www.runoob.com/vue2/vue-class-style.html 二.computed vs methods 我們可以使用 methods 來替代 computed,效果上兩個都是一樣的,但是