Custom animated cursor via canvas
Warning: don't do this. Stop it! Just. Don't. So there's this hack by Ben Foxall that shows how you can escape the browser window and draw outside the page. I had to try it myself. So here comes: the animated "progress" indicator mouse cursor. Wait what? There exists the ability for your web page to use a custom cursor by providing a URL to an image. But animated GIFs, etc are not allowed. Seems t
Generative Testing in JavaScript
IntroductionGenerative testing is a widespread approach in the functional world, mainly due to the popularity of Haskell’s QuickCheck and Clojure’s QuickCheck implementation test.check. Traditional unit tests enable us to verify assumptions for a given function. This approach, also known as example based testing, is based on manually defined inputs and expected outputs. In other words a developer
console.logまとめ 2016年夏 - Qiita
console.log関連についてまとめました。 モダンブラウザであればどれも使用できると思いますが、基本出力結果等はchromeで確認したものです。 console.hogehogeのいろいろ console.log 基本 引数を入れることで出力結果をカスタマイズできます console.info、console.warn、console.error それぞれで見た目を変えることができます。 console.assert 式を評価してfalseの場合にログ出力します。 console.count ログの出力結果が同じ場合にカウント数が自動的に増えていきます。 console.dir オブジェクトのプロパティの中身をログに出力します。 console.dirxml HTMLとかXMLの要素を渡すと、下の要素が全部見れるようになります。 console.group、conosle.group
Post by @0-9
documentFragmentを使ってもDOMが重い場合、Server side DOMをブラウザ上で使うと早くなる。
Writing a JavaScript framework - Sandboxed Code Evaluation - RisingStack Engineering
This is the third chapter of the Writing a JavaScript framework series. In this chapter, I am going to explain the different ways of evaluating code in the browser and the issues they cause. I will also introduce a method, which relies on some new or lesser known JavaScript features. The series is about an open-source client-side framework, called NX. During the series, I explain the main difficul
Bartek Szopka: Everything you never wanted to know about JavaScript numbers -- JSConf EU 2013
Slides: https://speakerdeck.com/bartoszopka/everything-you-never-wanted-to-know-about-javascript-numbers IEEE 754 visualization: http://bartaz.github.io/ieee754-visualization/ All the ECMAScript standard says about Numbers in JavaScript is that they are represented by "the double-precision 64-bit format IEEE 754 values as specified in the IEEE Standard for Binary Floating-Point Arithmetic" and, wh
JSでファミコンエミュレータを作った時の話
JavaScript Performance http://js-performance.connpass.com/event/35294/
performance.markでパフォーマンス計測する
JavaScriptである区間にかかった時間を計測する時に、次のようなコードを書いたことがあると思います。 const start = performance.now(); // 処理 // 色々な処理がすべて終わった doSome(() => { console.log(performance.now() - start); }) Performance Timelineのperformance.markとperformance.measureなどを使うと、ある区間の処理時間をもっと簡単に取ることができます。 APIについて詳しくは以下の記事を見るといいと思います。 User Timing API: あなたの Web アプリをもっと理解するために - HTML5 Rocks Performance.mark() - Web API インターフェイス | MDN 簡単に解説すると perf
指定した範囲の整数配列の作り方 in JavaScript ES6 - 無駄と文化
この記事は原文: Array Number Ranges in JavaScript ES6 を、著作者であるDavid Arvelo氏の許可を受けて翻訳したものです。 注意 この記事の公開後、ECMAScriptの技術委員会によりリスト内包表記はES6の仕様から削除されました。 この記事はサポート予定の他の機能についても言及しているため、未編集のままにされています。 ここ数日間、私はECMAScript 6について深く掘り下げて学ぶ日々を過ごしました。ES6は、ES5と比較してとても素晴らしく、ES6が近い将来に使えるようになる事によるWebの可能性に興奮を覚えました。 実行環境がどうであれ、あなたがJavaScriptプログラマであれば(パッと見は難しく感じても)ES6の新機能を学ぶことには大きな価値があります。なぜなら、イテレータ, ジェネレータ, クラス定義, ブロックスコープ,
JavaScript文法(1) 学習環境の構築と基本的な書き方 - Qiita
目的と対象 オフラインでの授業に使う補足資料として作成したものが、今回の一連の記事。Javaなど他の言語を学んでいる人に向けた授業のため、記事の内容も、それを前提としている。 目次 (1) 学習環境の構築と基本的な書き方 <-- この記事の内容 (2) 変数とデータ型 (3) 演算子および配列 (4) 制御構文と関数 (5) 関数の応用1 (6) 関数の応用2 (7) オブジェクトの基礎 (8) JavaScriptのオブジェクト指向プログラミング1 概要 (9) JavaScriptのオブジェクト指向プログラミング2 オブジェクトの作り方と継承 (10) JavaScriptのオブジェクト指向プログラミング3 多態性 (11) JavaScriptのオブジェクト指向プログラミング4 カプセル化 (12) ES6の新機能について この記事の内容 Firefoxに搭載されている簡単な学習環境
GitHub - js-joda/js-joda: :clock2: Immutable date and time library for javascript
js-joda is an immutable date and time library for JavaScript. It provides a simple, domain-driven and clean API based on the ISO calendar system, which is the de facto world calendar following the proleptic Gregorian rules. js-joda has a lightweight footprint, only 43 kB minified and compressed, no third party dependencies. js-joda is fast. It is about 2 to 10 times faster than other JavaScript da
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Progressive Framework
https://www.wolksoftware.com/blog/the-rise-of-functional-programming-and-the-death-of-angularjs
GitHub - IonicaBizau/match-all: :expressionless: Get all the matches for a regular expression in a string.
GitHub - fantasyland/static-land: Specification for common algebraic structures in JavaScript based on Fantasy Land
GitHub - maierfelix/hevia-parser: A recursive descent Swift parser written in ES6
Why ES6 introduced classes yet `Symbol` not to be used with `new`?
GitHub - azu/performance-logger: Simple Perf logger based on `performance.mark` API.
GitHub - timoxley/wcwidth: Port of C's wcwidth() and wcswidth()
RxJS in Action - Paul P. Daniels and Luis Atencio
