| function render (template, options) { | |
| return template.replace(/\{\{\s?(\w+)\s?\}\}/g, (match, variable) => { | |
| return options[variable] || '' | |
| }) | |
| } |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>input</title> | |
| <meta charset="UTF-8"> | |
| <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" | |
| /> | |
| <style> |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParentelem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeightelem.getClientRects(), elem.getBoundingClientRect()
| //ie9- | |
| var isIE9_ = document.all && !window.atob; | |
| // ie8- | |
| var isIE8_ = document.all && !document.addEventListener; | |
| var isIE8_ = '\v'=='v'; | |
| var isIE8_ = !+'\v1'; | |
| // ie7- |
| // 策略模式 | |
| var validator = { | |
| types: {}, | |
| messages: [], | |
| config: {}, | |
| validate: function (data) { |
| var obj = { | |
| value = 1, | |
| increment: function() { | |
| this.value += 1; | |
| return this; | |
| }, | |
| add: function (v) { | |
| this.value += v; | |
| return this | |
| }, |
| // Sort Numbers | |
| function solution(nums){ | |
| return (nums || []).sort(function(a, b){ | |
| return a - b | |
| }); | |
| } | |
| // ------------------------------------------------------------------------------------------------------------------------- | |
| // If we list all the natural numbers below 10 that are multiples of 3 or 5, we get 3, 5, 6 and 9. |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>背景</title> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| } |
| // JS排序算法 | |
| var Sort = {} | |
| Sort.prototype = { | |
| // 利用sort进行排序 | |
| systemSort:function(array){ | |
| return array.sort(function(a, b){ | |
| return a - b; | |
| }); | |
| }, |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>js图片轮播</title> | |
| <style> | |
| body,div,ul,li{margin:0;padding:0;} | |
| ul{list-style-type:none;} | |
| body{background:#000;text-align:center;font:12px/20px Arial;} | |
| #box{position:relative;width:492px;height:172px;background:#fff;border-radius:5px;border:8px solid #fff;margin:10px auto;cursor:pointer;} |