web備忘録– category –
普段はwebのほうの仕事も多いのでそちらのお勉強の際のちょっとしたメモ書きです。
-
【Backbone.js】Modelのお勉強.1
高いんだよこの本。。 でもやってやろうって気にさせてくれた。。 よく本を人に借りるっていうのあるけど、 お金掛けた方が必死で勉強するよ?? そんなわけでbackboneのモデルからお勉強。2月はCoffeeScriptとBackbone.jsとNode.jsやってきます。。 [java... -
npmでGruntを動かしたときのエラー対処。とwatchオプションのlivereload
1.javascriptの処理をそのまま実行できるカスタムタスク カスタムタスク内は自由な記述が可能 [javascript] module.exports = function(grunt){ grunt.registerTask('default','”hellow”と表示',function(){ grunt.log.writeln('Hellow').ok(); }); }; //g... -
ECMA5から追加された配列Arrayメソッド(forEach,map,reduce,filter,every,some)とかsortも
[javascript] var ary = ['bb','eeee','aaa','dddd','cc']; var result = ary.sort();//["aaa", "bb", "cc", "dddd", "eeee"] //文字の長さで順番を変えるsortカスタマイズ function sortlength(a,b){ ... -
replaceメソッドを使ったRegExp検索
RegExpってなんていうのかって思っていたら レジックスていうらしいね。 [javascript] var text = 'abc def ghi jkl'; var re1 = text.replace(/\s/g,','); document.write(re1); //「,」直前の文字をグループの後ろに移動する document.write('<br... -
lazyload.jsで遅延ロードとURLパラメーターを流入元毎にページ内のコンテンツ要素順序を変える(Jquery)LPO
lazyload.jsで遅延ロードとURLパラメーターを流入元毎にページ内のコンテンツ要素順序を変える(Jquery) 未リファクタリング。 パフォーマンスあんま。 とにかく機能だけ実装した叩き台。 regExpのところ全然。。もっとある。。 lazy.jsはここを参照しま... -
正規表現とjavascript文字列中に含まれるある文字の個数を返す
正規表現とjavascript文字列中に含まれるある文字の個数を返す 正規表現の話題になったからおさらいしたし、 100から200の数字を検索掛けるのに、正規表現で/[100-200]/ではないよな?? と思ったので。。 おさらいをかねていい勉強になったわ [javascript... -
クライアント側を草分けして進むと結局システムに近づくという話
クライアント側を草分けして進むとシステムに近づく話。。 こっちのクライアント側、htmlやらcssデザインだけやってればいいって問題じゃなくなってくるね。。 今だとメタ言語をコンパイルするのが当たり前のようにみんなやっていて。。(EJS,sass,coffee... -
RegExpオブジェクト
[javascript] <div> var re = new RegExp('j.*t') undefined var re = new RegExp("j.t"); undefined re /j.t/ var re = /j.t/ undefined re /j.t/ re.global false re.ignoreCase false re.multiline false var re = new RegExp("j.... -
コンストラクタクラス定義、インスタンス生成、プロトタイプ継承を使った関数を参照。オブジェクトリテラルでのprototype定義
[javascript] //コンストラクタクラス定義、インスタンス生成、プロトタイプ継承を使った関数を参照 var Menber = function(fname,sname){ this.fname = fname; this.sname = sname; }; Menber.prototype.me1 = function(){ return this.fname + this.snam... -
GPUアクセラレーションwill-changeの話
-
再帰呼び出し アクセサプロパティ
[javascript] with() apply call var gloval; var re = /(.*)@(.+)\.(.*)/; var callback = function(){ gloval = arguments; return arguments[1] + 'at' + arguments[2] + 'dot' + arguments[3]; } 'kennjirmotaitata@yahoo.co.jp'.replace(re,callback)... -
javascript Ajax-スクロール値によるページ読み込み-XMLHttpRequestオブジェクト
javascript Ajax-スクロール値によるページ読み込み- XMLHttpRequestオブジェクトのプロパティ、メソッド、イベント全部調べる javascript XMLHttpRequestオブジェクトってどんなメソッドとかプロパティ持っているのかって思ったのでちょっと調べてみた。... -
javascript-JSON
JSON javascript [javascript] <script type="text/javascript"> window.addEventListener('load', function(event){ var elem = document.getElementById('btn_load'); elem.addEventListener('click',loadJSON,false); },false); functi... -
javascript-Ajax-
javascript-Ajax- javascript [javascript] window.addEventListener('load', function(event){ var elem = document.getElementById('btn_loadtext'); elem.addEventListener('click',loadText,false); },false); function loadText(event){ var req = ne... -
display:inline-blockで中央寄せの高さ可変
-
node.js,EJSによるcookie
-
Nod.jsを扱うときのEclipseの設定方法とプラグインを使って日本語化(Pleiades)めもめも
Nod.jsを扱うときのEclipseの設定方法とプラグインを使って日本語化(Pleiades)めもめも ①ここのサイトからダウンロード < h4>Eclipse IDE for Java EE Developers < h4> https://eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/kep... -
【備忘禄】javascript,1000の位に「、」を入れるscript。自分のと見本めもめも
// var tar = document.getElementById("price") // var elem = tar.getElementsByTagName('p'); // var tagleng = tar.getElementsByTagName('p').length; // var str =[],addEleme = ''; // var re =[],result; // for(var i = 0;i<tagleng;i++){ // ... -
【備忘禄】正規表現、コールバック関数とかめもめも
var reg = new RegExp('^[0-9]'); reg.test('foo'); false reg.test('123'); true var reg = /'^[0-9]'/; undefined var reg = /'^[0-9]'/; function RegExp(){ } undefined var reg = /'^[0-9]'/; reg.constructor; function RegExp() { [native code] } ... -
【備忘禄】prototype、コンストラクタ、オブジェクトのふきんめもめも
1 独自オブジェクトのコンストラクタ function Product(name,price){ this.name = name; this.price = price; } var prod_data = []; prod_data.push(new Product('リラックスチェア','4000'));//{name:'リラックスチェア',price:'4000'} prod_data.push(n...