JavaScript demonstrations
Mar 7, 2016 · 1 分钟阅读

A simple parse template function

function parseTpl(tpl, obj) {
  var tpl;

  for (var property in obj) {
    if (obj.hasOwnProperty(property)) {
      tpl = tpl.replace(new RegExp('\\$' + property, 'ig'), obj[property]);
    }
  }

  return tpl;
}
$('.js-demo-1').html(parseTpl('Hello, <strong>$name</strong>, Today is <strong>$date</strong>', {
  name: 'There',
  date: new Date().toLocaleString()
}));

Back to top

function backToTop(selector, threshold, speed) {
  var $el = $(selector);

  $(window).on('scroll', function() {
    if ($(this).scrollTop() > (threshold ? threshold : $(this).height() / 2)) {
      $el.fadeIn();
    } else {
      $el.fadeOut();
    }
  });

  $el.on('click', function(e) {
    $('html, body').animate({
      scrollTop: 0
    }, speed ? speed : 300);

    e.preventDefault();
  });
}
← Previous Post Next Post →

Ryun的博客
与其感慨路难行,不如马上出发。

atom css design git html javascript jekyll laravel life mac mobile optimization sublime tool vscode vue
mac

About

你好,❤朋友

这里是 Ryun 的博客 📝

📝记录了我学习 🔎的过程

作为一名前端攻城狮 🦁

希望能和大家一起 🔎

共同进步 🏃

🦁的特长:

  • HTML5
  • CSS3
  • JavaScript
  • Vue.js
  • 微信小程序
  • 熟练配合 Node.js、PHP 和 Laravel
  • 熟练使用各种开发和设计工具

🦁喜欢 🆒🆒的东西

对提升效率和美感的事物有兴趣 😋

欢迎 👏交流


see this hugo-theme-dream-ink