凱開 x 慵懶日子

今天我想把object變成url

Object

let inputs = {

    name: kai,

    ID: 12,

發現最常畫的就是線段、圓形跟矩形

可是發現其實要先把SVG弄懂才行阿XD

let svg = d3.select('body').append('svg')
.attr("width", 200)
.attr("height", 200);

html 部分

<svg width="900" height="500" id="linechart"></svg>

// 設定 svg 大小，margin

let margin = {top: 20, right: 20, bottom: 100, left: 60};

印象中好像問了Q毛好多次，還是自己記一下好了

使用 $on(eventName) 監聽事件
使用 $emit(eventName) 觸發事件

var bus = new Vue();

//在A組件，觸發事件

--- hour 加減 ---

Date.prototype.addHours = function( h ){
    this.setHours(this.getHours() + h );
    return this;
}

**legents box** 
https://bl.ocks.org/jkeohan/b8a3a9510036e40d3a4e

https://goo.gl/Gg3F41

**zoom in**
https://bl.ocks.org/mbostock/d1f7b58631e71fbf9c568345ee04a60e

saveSvgAsPng.js

本來是使用html2canvas，但因為真的太慢了。後來使用這個saveSvgAsPng.js

但兩種各有好壞就是了。【html2canvas.js】將html轉成圖檔

因為使用saveSvgAsPng.js，所以我把裡面內容全部改成svg

官網：https://html2canvas.hertzen.com/

其實官網就有介紹如何使用了，html要有那個元素，JS再去選他並將它產生

就我自己覺得，就是自己弄好某個div的畫面，然後再使用這個套件讓他變成圖。

//html

<div id="capture" style="padding: 10px; background: #f5da55">

默默也使用vue有幾個月了，覺得最常用的就是這個組件(componet)了

應該可以聊聊她在幹嘛吧!!!雖然有可能有錯，但應該可以說說小心得阿哈哈哈

每個.vue的檔案都有三大區塊

<template>：html，會使用vue的指令(ex. v-if, v-for．．．)

我想要丟東西給componets使用

原本頁面

要設定開始時間跟結束時間

開始時間不能大於結束時間

結束時間不能小於開始時間XXDD唉唷好饒舌

$("#start_time").datepicker({

jqplot

官網：http://www.jqplot.com/index.php

其實有同事也有在使用D3包過的，聽說好像也是不錯耶!!!但她說我的既然已經弄出來了，就使用jqplot吧!

網路有可以搜尋很多jqplot跟D3比較的文章。

最近某個專案會用到Google map的API

可參考 http://www.w3schools.com/googleapi/

center:new google.maps.LatLng(51.508742,-0.120850),

台灣應該是(23.76, 120.94)

其實我常常記得我明明就是用array會啥傳回來他還是顯示object

以下參考網址：http://guang.logdown.com/posts/278890-javascript-array-vs-object

覺得寫得蠻好的

好，那我們該如何知道某個物件是屬於array還是object? 只透過typeof不可行，因為兩者回傳的皆為object

console.log(typeof alpha_array);// object  

console.log(typeof alpha_object);// object

簡單認識Javascript

我依舊從這網站看的，就慢慢看過去，也沒有把他背起來的意思XDD裡面的例子也可以練習~

網址：http://www.w3schools.com/js/

常用的就用橘字顯示囉!好啦~也算是自己的偷備份阿哈哈

講到網頁設計，現在網頁規格已經沒有像以前那麼簡單了，手機與平板的普及。

RWD已經是現在網頁的必備了，我覺得拉!!在每個裝置都能完美的呈現超棒的。

但接的案子我還是以電腦為主阿哈哈哈哈哈~~~~

有一天我發現我同事做的一個東西，既漂亮又可以隨著視窗大小而變動我也覺得很厲害!!!!