チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

JavaScript

【JS】javascriptにおけるコンストラクタ(クラス)、プロトタイプ、インスタンス作成の説明

■流れ 1.クラス(コンストラクタ)作成 2.インスタンス化 3.実行 ■コンストラクタについて ・あくまでオブジェクトを作るための準備、つまり初期化が目的なのでコンストラクタからオブジェクトを返してはならない。 ・オブジェクト生成するのを想定し…

【JS】エラーを厳格にチェック

知らんかった。 "use strict"; と、関数内に最初に書くとエラーを厳格にチェック出来るらしいので開発中には入れた方がよさげ。 例 "use strict";var greet = "Hello World."; 参考というか詳細は下記 JavaScriptでの”use strict”宣言によるStrict モードの…

JSの関数メモ(超初心者用)

今更ながら関数の使い方。 完全自分のメモ用です。 $(function(){ //-------------------------------- var m = menseki(5); //ログ出力 console.log(m); //-------------------------------- }); function menseki(r){ var m = r * r; return m;}

【JS】固定ヘッダ対応のスムーズスクロール

結構汎用的に使えるし使うので。 // スムーズスクロール // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動…

【JS】アニメーションした後に処理を実行

こんな感じ //クリックイベント $('.menucover span').click(function(){ $('.menucover').stop().animate({ top:-793 },500,function(){ ここの処理はアニメーション終わった後に実行される }); })

【デザイン】今後参考にさせて頂くかもなサイトと気になったデザインの実現ヒント

背景の縦グリッドを簡単に実現 http://epoch-inc.jp/http://1st-touch.jp/about/http://norgram.co/http://thefotonaut.com/en/http://www.archi-k.com/ 縦グリッドはCSSでこんな感じのよう。 leftで指定px; transform: matrix(1, 0, 0, 1, 0, 0); ボックス…

【JS】スマホのセンサーにアクセス

後で読むhttp://www.atmarkit.co.jp/ait/articles/1409/03/news109.html

【JS】ボタンをクリックするたびにクラスを付与したり消したりする

これだけ。 フラグ立てる必要もないので便利。 1.Toggleの場合 (function($) { $(function() { var $header = $('#top-head'); // Toggle Button $('#nav-toggle').click(function(){ $header.toggleClass('open'); }); });})(jQuery); 2.click each $("…

【JS】以後表示しないリンクを押すとcookieに有効期限付きで保存する方法

宣言 /* キャンペーン終了日 */^M var end_date = new Date('2017/01/01');^M end_date.setDate(end_date.getDate() - 7); cookie_key = 'XXXXX'; /* 以後表示しない */^M $('.popup_after_not_disp').on('click', function(){^M $('button#cboxClose').clic…

JavaScriptにおけるバリデーションチェック

wordpressで問い合わせフォームを作った時にハイフンなしのバリデーションチェックをしたかったので。ハイフンなしなら下記でおけ。 $('.wpcf7-validates-as-tel').each( function () { if ( jQuery.trim( $(this).val() ) != '' && !$(this).val().match( /…