Notes: All the examples below are only tested on Vue.js 1.0 (above).
Notes: The examples below use ES6 so it's recommended to use browserify or webpack to easily integrate babel.
When you need to access DOM attribute, be careful with the lifecycle. Vue.js has a few useful lifecycle hooks.
Let's say we want to scroll our component to the bottom (imagine it's a long list with overflow-y: auto) once it's instantiate.
| #!/bin/bash | |
| # Source: http://toomuchdata.com/2012/06/25/how-to-install-python-2-7-3-on-centos-6-2/ | |
| # Install stuff # | |
| ################# | |
| # Install development tools and some misc. necessary packages | |
| yum -y groupinstall "Development tools" | |
| yum -y install zlib-devel # gen'l reqs |
| /** | |
| * World's simplest express server | |
| * - used to serve index.html from /public | |
| */ | |
| var express = require('express'); | |
| var serveStatic = require('serve-static'); | |
| var app = express(); | |
| app.use(serveStatic(__dirname + '/public')); |
| import { graphql, GraphQLString, GraphQLInt } from 'graphql'; | |
| import { objectType, enumType, schemaFrom, listOf } from 'graphql-schema'; | |
| import request from 'promisingagent'; | |
| const repositorySortEnum = enumType('RepositorySort') | |
| .value('CREATED', 'created') | |
| .value('UPDATED', 'updated') | |
| .value('PUSHED', 'pushed') | |
| .value('FULL_NAME', 'full_name') | |
| .end(); |
| /**ALLOW HIDDEN FOLDER**/ | |
| defaults write com.apple.finder AppleShowAllFiles YES | |
| sudo killall Finder | |
| /**APACHE**/ | |
| sudo apachectl start | |
| sudo apachectl stop | |
| sudo apachectl restart |
| editor | |
| foreground: cccccc | |
| background: 2d2d2d | |
| caret: cc99cc | |
| editor-selection | |
| foreground: ffffff | |
| background: 515151 | |
| H1 |
| $ wget http://wkhtmltopdf.googlecode.com/files/wkhtmltopdf-0.9.9-static-amd64.tar.bz2 | |
| $ tar xvjf wkhtmltopdf-0.9.9-static-amd64.tar.bz2 | |
| $ mv wkhtmltopdf-amd64 /usr/bin/wkhtmltopdf | |
| // In case you got the issue | |
| // wkhtmltopdf: error while loading shared libraries: | |
| // libfontconfig.so.1: cannot open shared object file: No such file or directory | |
| // | |
| // run the command below: | |
| $ yum install urw-fonts libXext libXrender fontconfig libfontconfig.so.1 |
| # Example controller | |
| class IncomesController < ApplicationController | |
| # Include the print | |
| include Controllers::Print | |
| # GET /incomes/1 | |
| def show | |
| @income = present Income.find(params[:id]) | |
| respond_to do |format| |
| { | |
| "indent_size": 2, | |
| "brace_style": "collapse,preserve-inline", | |
| "break_chained_methods": false, | |
| "preserve_newlines": true, | |
| "max_preserve_newlines": 2 | |
| } |