Skip to content

Instantly share code, notes, and snippets.

Chris Fritz chrisvfritz

Block or report user

Report or block chrisvfritz

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Hello.vue
<template lang="jade">
div
p {{ greeting }} World!
OtherComponent
</template>
<script>
import OtherComponent from './OtherComponent.vue'
export default {
View Hello.vue
<template>
<p>{{ greeting }} World!</p>
</template>
<script>
module.exports = {
data: function () {
return {
greeting: 'Hello'
}
@chrisvfritz
chrisvfritz / index.html
Last active Aug 27, 2018
Westeros House Quiz with Vue
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Westeros House Quiz with Vue</title>
<style>
label {
@chrisvfritz
chrisvfritz / index.html
Created Jun 9, 2017
Starting template for a very simple Vue app
View index.html
<!DOCTYPE html>
<html>
<head>
<title>My first Vue app</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
View extensions.md
  • Annotator: Display the annotation view (git blame) of the current file.
  • beutify: Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
  • Can I Use: Compatibility check for HTML5, CSS3, SVG, New JS API based on http://caniuse.com/ directly from Visual Studio Code.
  • Code SpellChecker: A basic spell checker that works well with camelCase code.
  • Custom CSS and JS: Custom CSS to your VS Code.
  • Debugger for Chrome: A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome Debugging Protocol.
  • EditorConfig for VSCode: EditorConfig support for Visual Studio Code.
  • ESLint: Integrates ESLint into VS Code.
  • File Utils: A convenient way of creating, duplicating, moving, renaming, deleting files and directories.
  • Flow Language Support: This extension adds Flow support for VS Code. Flow is a static type checker, designed to find type errors in JavaScript programs.
View get-players.js
function getPlayers () {
var players = [
{ name: 'Alice', score: 99 },
{ name: 'Billy', score: 83 },
{ name: 'Cindy', score: 91 },
{ name: 'David', score: 96 },
{ name: 'Emily', score: 88 }
]
function randomIndex () {
View currency-validator.js
var currencyValidator = {
format: function (number) {
return (Math.trunc(number * 1000000000000) / 1000000000000).toFixed(2)
},
parse: function (newString, oldNumber) {
var CleanParse = function (value) {
return { value: value }
}
var CurrencyWarning = function (warning, value) {
return {
View knockout-todos.html
<!--
In Vue, we use v-model for all form bindings, while
Knockout maintains separate binding types, such as
textInput, checked, and options. In some cases,
such as for an input of type "range", Knockout
simply doesn't have an equivalent two-way binding
helper and the more verbose value and valueUpdate
must be used.
-->
<div id="app">
View keybase.md

Keybase proof

I hereby claim:

  • I am chrisvfritz on github.
  • I am chrisvfritz (https://keybase.io/chrisvfritz) on keybase.
  • I have a public key whose fingerprint is 6FC1 8F2B 9215 8472 0B80 D5FF AFB9 EFE0 F2BF 46CA

To claim this, I am signing this object:

View improved-createElement-interface.coffee
window.$ = (element, propsOrChildren, childrenIfProps) ->
if (propsOrChildren? and propsOrChildren instanceof Array) or not (propsOrChildren instanceof Object)
props = null
children = propsOrChildren
else
props = propsOrChildren
children = childrenIfProps
React.createElement element, props, children
Object.keys(React.DOM).forEach (elementName) ->
You can’t perform that action at this time.