pure.js - Javascript Template Engine
Write your templates in pure HTML Clean of any inline logic or special tags CSS selectors are used to bridge the HTML with Javascript actions Providing a radical separation between the representation and the logic Here we explain why we did pure.js back in 2008 And you can ask your questions to the user group Download pure.js on Github We have been happily using pure.js since 2008 for our own web
JsonML.buildHtmlを作ã£ãŸã€‚ã¡ã‚ƒã‚“ã¨ãƒ†ã‚¹ãƒˆã—ã¦ãªã„ã‘ã©ã€‚ - terurouメモ
今ã€ã‚ªãƒ¼ãƒ—ンソースãªã‚‚ã®ã‚’使ã‚ãªã„ã§Ajaxアプリを作る仕事をã—ã¦ã‚‹ã‚“ã§ã™ãŒã€JsonML.buildHtmlçš„ãªã‚‚ã®ãŒæ¬²ã—ã„よã†ãªæ°—ãŒã—ãŸã®ã§é©å½“ã«å®Ÿè£…ã—ã¾ã—ãŸã€‚ã§ã‚‚ã€ã‚る程度実装ã—ã¦ã‹ã‚‰ã€ã‚„ã£ã±ä½¿ã‚ãªã„æ–¹ãŒè‰¯ã„æ°—ãŒã—ã¦ãã¾ã—ãŸã€‚ ã¾ã廃棄ã—よã†â€¦ã¨æ€ã£ãŸã‚‚ã®ã®ã€ã‚‚ã£ãŸã„ãªã„ã®ã§æ™’ã—ã¨ãã¾ã™ã€‚ if(typeof(JsonML) == 'undefined') window.JsonML = {}; (function() { var AttrMap = { "class": "className", tabindex: "tabIndex", accesskey: "accessKey", usemap: "useMap", rowspan: "rowSpan", colspan: "colSpan", cellpadding: "cellPadding", cellspacing:
JavaScript ã§ãŠæ‰‹è»½ãƒ†ãƒ³ãƒ—レートエンジン - Psychs's blog
JavaScript 㧠DOM ã‚’ãŒã—ãŒã—ã„ã˜ã‚‹ã®ã¯å¤§å¤‰ã ã‘ã©ã€ã§ã‹ã„テンプレートエンジンを使ã†ã®ã¯ã¡ã‚‡ã£ã¨å¤§ã’ã•ã ã€ã¨ã„ã†ã¨ããŒã‚る。ãã‚“ãªã¨ãã«æ°—軽ã«ä½¿ãˆã‚‹ãƒ†ãƒ³ãƒ—レートエンジンを作ã£ã¦ã¿ãŸã€‚ ソースã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ function applyTemplate(template, f) { try { return template.replace(/#\{[^#{}]+}/g, function(s) { var v = f(s.slice(2, -1)); return v == null ? '' : v.toString().escapeHTML(); }); } catch (e) { return '[' + e.name + '] ' + e.message; } } 使ã„æ–¹ã¯ã€ <div id="template" style="display:none"> <h2>#
JavaScriptã§ãƒ†ãƒ³ãƒ—レート - Lism.in * blog - nekoya (id:studio-m)
Ajaxã§ãã‚Šãã‚Šã‚„ã£ã¦ã„ã‚‹ã¨ã€ã©ã†ã—ã¦ã‚‚JavaScriptã‹ã‚‰htmlを生æˆã™ã‚‹å ´é¢ãŒå¤šããªã‚Šã¾ã™ã€‚一ã¤ä¸€ã¤document.createElementã—ã¦æ°—ãŒç‹‚ã„ãã†ã«ãªã£ãŸã‚Šã€script.aculo.usã®Buildler.nodeã§DOM構築ã—ã¦ã¿ãŸã¯ã„ã„ã‘ã©ã€é¢å€’ãªéƒ¨åˆ†ã‚’innerHTMLã§æ›¸ã„ãŸã‚‰htmlãŒã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã•ã‚Œã¦ã‚‚ã«ã‚‡ã£ãŸã€ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ã“ã®ã¾ã¾ã ã¨é–‹ç™ºåŠ¹çŽ‡ã‚‚ä¿å®ˆæ€§ã‚‚ã²ã©ã„ã“ã¨ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚IEã§JavaScriptãŒã†ã¾ãå‹•ã‹ãªãã¦ä½•ã¨ã‹ä¿®æ£ã—ãŸã€ã¨æ€ã£ãŸã‚‰CSSã®ãƒã‚°ã«ãƒ–ãƒå½“ãŸã£ã¦DOM構æˆå¤‰æ›´ã€ãªã‚“ã¦ã“ã¨ã‚’ã‚„ã£ã¦ã„ã‚‹ã¨å‹•ã„ãŸé ƒã«ã¯äºŒåº¦ã¨è¦‹è¿”ã—ãŸããªã„ソースã®å‡ºæ¥ä¸ŠãŒã‚Šã€‚JavaScriptコーディングã¨CSSã®åˆ†æ¥ãªã‚“ã¦å¤¢ã®ã¾ãŸå¤¢ã§ã™ã€‚ ãã‚“ãªçŠ¶æ³ã‚’æ‰“ç ´ã™ã‚‹ãŸã‚ã«Jemplateã‚„JSmartyã¨ã„ã£ãŸJavaScriptã®ãƒ†ãƒ³ãƒ—レートエン
JKL.Hina - テンプレート展開クラス
JKL.Hina 㯠JavaScript 用ã®ãƒ†ãƒ³ãƒ—レート展開ライブラリã§ã™ã€‚ HTML ページ内ã«äºˆã‚用æ„ã—ãŸãƒ†ãƒ³ãƒ—レートã¨ã€JSON ãªãƒ‡ãƒ¼ã‚¿ã‚’与ãˆã¦ テンプレート展開処ç†ã‚’高速ã«è¡Œã„ã¾ã™ã€‚ DOM を利用ã—ã¦ã„ã‚‹ãŸã‚ã€ä»Šã®ã¨ã“ã‚300行弱ã¨ã‚½ãƒ¼ã‚¹ã‚‚çŸã„ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ æ›´æ–°å±¥æ´ ã‚µãƒ³ãƒ—ãƒ« ç°¡å˜ãªä½¿ã„æ–¹ 処ç†ä»•æ§˜ Internet Explorer 6.0〠Firefox 1.0ã€Opera 8.0ã€Konquerer 3.3.2 ã§å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ã€‚ Safari 1.2 ã§ã‚‚概ãå‹•ãよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ダウンãƒãƒ¼ãƒ‰ .tar.gz 版㨠.lzh 版ã®å†…容ã¯åŒã˜ã§ã™ã€‚（アーカイブ形å¼ã®ã¿é•ã†ï¼‰ jkl-hina-0.18.tar.gz TAR-GZ jkl-hina-0.18.lzh LZH æ›´æ–°å±¥æ´ 2005/05/16 ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 0.01 最åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 2005
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
usrb.in
{{#tags}}- {{label}}
{{/tags}}