<!DOCTYPE html> <html> <head> </head> <body> <canvas id="c" width="200" height="200"></canvas>s <script> var c = document.querySelector("#c"); var ctx = c.getContext("2d"); var image = new Image(); image.onload = function(){ console.log("Loaded image"); ctx.drawImage(image, 0, 0, c.width, c.height); } image.src = "fry_fixed.jpg"; </script> </body> </head> </html>
Month: December 2016
jQuery
var navList, firstItem, link; navList = $('.nav-list'); firstItem = navList.children().first(); link = firstItem.find('a'); link.attr('href','#');
var articleItems; articleItems = $('.article-item'); articleItems.css('font-size','20px');
$('#input').on('change', function(){ var val; var = $('#input').val(); h1 = $('.articles').children('h1'); h1.text(val); });
var articleItems; articleItems = $('.article-item'); ul = articleItems.find('ul'); ul.remove();
var family1, family2, bruce, madison, hunter; family1 = $('#family1'); family2 = $('<div id="family2"><h1>Family 2</h1></div>'); bruce = $('<div id="#bruce"><h2>Bruce</h2></div>'); madison = $('<div id="#madison"><h3>Madison</h2></div>'); hunter = $('<div id="#hunter"><h3>Hunter<h3></div>'); family2.insertAfter(family1); family2.append(bruce); bruce.append(madison); bruce.append(hunter);
function numberAdder(){ var text, number; text = $(this).text(); number = text.length; $(this).text(text + "" + number); } $('p').each(numberAdder);
$('#my-input').on('keypress', function(){ $('button').remove(); });
cowsay
Redhat and CentOS users: sudo yum install cowsay [vagrant@localhost rss]$ cowsay all is not better ___________________ < all is not better > ------------------- \ ^__^ \ (oo)\_______ (__)\ )\/\ ||----w | || ||
-manual
man cowsay
var home etc tmp
min jQuery is much faster than usual jQuery.
Uppercase
function inName(name){ name = name.trim().split(" "); name[1] = name[1].toUpperCase(); name[0] = name[0].slice(0,1).toUpperCase() + name[0].slice(1).toLowerCase(); return name[0] + " "+name[1]; }
json
JavaScript Object Notation. JSON is a popular and simple format for storing and transferring nested or hierarchal data. It’s so popular that most other programming languages have libraries capable of parsing and writing JSON (like Python’s JSON library). Internet GET and POST requests frequently pass data in JSON format. JSON allows for objects (or data of other types) to be easily encapsulated within other objects.
var education = { "scool": [ { "name": "Echerd College", "city": "Saint Petersburg, FL, US", "degree": "BA", "major": ["compSci", "French"] }, { "name": "Nova Southeastern University", "city": "Fort Lauderdale, FL, US", "degree": "Masters", "major": ["compSci"] }, ] };
validate json : http://jsonlint.com/
if (document.getElementsByClassName("education-entry").length === 0) { document.getElementById("education").style.display = "none"; }
for in loop
for(item in object){ console.log(contry); }
click
$(document).click(function(loc){ var x = loc.pageX; var y = loc.pageY; logClicks(x,y); });
var work = { "jobs": [ { "employer": "Udacity", "title": "Course Developer", "location": "Mountain View, CA", "dates": "Feb 2014 - Current", "description": "Who moved my cheese cheesy feet cauliflower cheese. Queso taleggio when the cheese comes out everybody's happy airedale ricotta cheese and wine paneer camembert de normandie. Swiss mozzarella cheese slices feta fromage frais airedale swiss cheesecake. Hard cheese blue castello halloumi parmesan say cheese stinking bishop jarlsberg." }, { "employer": "LearnBIG", "title": "Software Engineer", "location": "Seattle, WA", "dates": "May 2013 - Jan 2014", "description": "Who moved my cheese cheesy feet cauliflower cheese. Queso taleggio when the cheese comes out everybody's happy airedale ricotta cheese and wine paneer camembert de normandie. Swiss mozzarella cheese slices feta fromage frais airedale swiss cheesecake. Hard cheese blue castello halloumi parmesan say cheese stinking bishop jarlsberg." }, { "employer": "LEAD Academy Charter High School", "title": "Science Teacher", "location": "Nashville, TN", "dates": "Jul 2012 - May 2013", "description": "Who moved my cheese cheesy feet cauliflower cheese. Queso taleggio when the cheese comes out everybody's happy airedale ricotta cheese and wine paneer camembert de normandie. Swiss mozzarella cheese slices feta fromage frais airedale swiss cheesecake. Hard cheese blue castello halloumi parmesan say cheese stinking bishop jarlsberg." }, { "employer": "Stratford High School", "title": "Science Teacher", "location": "Nashville, TN", "dates": "Jun 2009 - Jun 2012", "description": "Who moved my cheese cheesy feet cauliflower cheese. Queso taleggio when the cheese comes out everybody's happy airedale ricotta cheese and wine paneer camembert de normandie. Swiss mozzarella cheese slices feta fromage frais airedale swiss cheesecake. Hard cheese blue castello halloumi parmesan say cheese stinking bishop jarlsberg." } ] }; // Your code goes here! Let me help you get started function locationizer(work_obj) { var locationArray = []; for(job in work_obj.jobs){ var newLocation = work_obj.jobs[job].location; locationArray.push(newLocation); } return locationArray; }
javascript intro
$(“#main”).append(“[name]”);
var email = "cameron@email.com"; var newEmail = email.replace("email.com","gmail.com"); console.log(email); console.log(newEmail); var formattedName = HTMLheaderName.replace("%data%", name); $("#header").append(formattedName)
The prepend() method inserts specified content at the beginning of the selected elements.
var formattedName = HTMLheaderName.replace("%data%", name); var role = "web developer"; var formattedRole = HTMLheaderRole.replace("%data%", role); $("#header").prepend(formattedName); $("#header").prepend(formattedRole);
var s = “audacity”;
s = s[1].toUpperCase() + s.slice(2);
var sampleArray = [0,0,7]; var incrementLastArrayElement = function(_array) { var newArray = []; newArray = _array.slice(0); var lastNumber = newArray.pop(); newArray.push(lastNumber + 1); return newArray; }; console.log(incrementLastArrayElement(sampleArray));
object
var bio = { "name":"john doe", "role":"web developer", "contacts":{ "mobile":"080-1234-5678", "email": "john@example.com", "github":"hohndoe", "twitter": "@johndoe", "location": "San Francisco" }, "welcomeMessage": "testtesttest", "skills": [ "awsomenss", "delivering things", "cryogenic sleep", "saving universe" ], "bioPic": "images/fry.jpg" }
object model
var work = {}; work.position = "web development"; work.employer = "more than 1000"; work.years = "0"; work.city = "yurakucho"; var education = {}; education["name"] = "nova southern university" education["years"] = "2005-2013" education["city"] = "fort lauderdale, fl, us" $("#main").append(work.position); $("#main").append(education.name);
create own webserver
from http.server import BaseHTTPRequestHandler, HTTPServer class webserverHandler(BaseHTTPRequestHandler): def do_GET(self): try: if self.path.endswith("/hello"): self.send_response(200) self.send_header('Content-type', 'text/html') self.end_headers() output = "" output += "<html><body>Hello!</body></html>" self.wfile.write(output) print(output) return except IOError: self.send_error(404, "File Not Found %s" % self.path) def main(): try: port = 8080 server = HTTPServer(('',port), webserverHandler) print("Web server running on port %s" % port) server.serve_forever() except keyboardInterrupt: print("^C entered, stopping web server...") server.socket.close() if __name__ == '__main__': main()
Protocols
・Transmission Control Protocol(TCP)
・Internet Protocol(IP)
・Hypertext Transfer Protocol(HTTP)
SQLAlchemy
we must first import the necessary libraries, connect to db, and create a session to interface with the database:
from sqlalchemy import create_engine from sqlalchemy.orm import sessionmaker from database_setup import Base, Restaurant, MenuItem engine = create_engine('sqlite:///restaurantMenu.db') Base.metadata.bind=engine DBSession = sessionmaker(bind = engine) session = DBSession()
Create
myFirstRestaurant = Restaurant(name = "Pizza Palace") session.add(myFirstRestaurant) sesssion.commit() cheesepizza = menuItem(name="Cheese Pizza", description = "Made with all natural ingredients and fresh mozzarella", course="Entree", price="$8.99", restaurant=myFirstRestaurant) session.add(cheesepizza) session.commit() firstResult = session.query(Restaurant).first() firstResult.name items = session.query(MenuItem).all() for item in items: print item.name
Update
In order to update and existing entry in our database, we must execute the following commands:
Find Entry
Reset value(s)
Add to session
Execute session.commit()
veggieBurgers = session.query(MenuItem).filter_by(name= 'Veggie Burger') for veggieBurger in veggieBurgers: print veggieBurger.id print veggieBurger.price print veggieBurger.restaurant.name print "\n" UrbanVeggieBurger = session.query(MenuItem).filter_by(id=8).one() UrbanVeggieBurger.price = '$2.99' session.add(UrbanVeggieBurger) session.commit()
Delete
To delete an item from our database we must follow the following steps:
Find the entry
Session.delete(Entry)
Session.commit()
spinach = session.query(MenuItem).filter_by(name = 'Spinach Ice Cream').one() session.delete(spinach) session.commit()
basic認証
<?php switch (true){ case !isset($_SERVER['PHP_AUTH_USER'], $_SERVER['PHP_AUTH_PW']): case $_SERVER['PHP_AUTH_USER'] !== 'admin': case $_SERVER['PHP_AUTH_PW'] !== 'test': header('WWW-Authenticate: Basic realm="Enter username and password."'); header('Content-Type: text/plain; charset=utf-8'); die('このページを見るにはログインが必要です'); } header('Content-Type: text/html; charset=utf-8'); ?>