第一次看到是在 John Resig 那个 Learning Advanced JavaScript 中看到这样的使用方法,网上翻了翻,明白构成:
具体的实现方式如下:
HTML & CSS
<style>
.pass:before {
content: "PASS: ";
color: green;
font-weight: bold;
}
.fail:before {
content: "FAIL: ";
color: red;
font-weight: bold;
}
</style>
<h3>default UI:</h3>
<ul>
<li class="pass">this is for what is true</li>
<li class="fail">this is for what is false</li>
</ul>
<h3>Test:</h3>
<ul id="forTest"></ul>
JavaScript
// condition为传入判断 true or false 的语句,
// description 为 string
function assert(condition, description) {
//找到Ul元素
var output = document.getElementById("forTest");
//create li 元素
var li = document.createElement("li");
// 判断condition为何值,true则li为pass的类,false则为fail的类,
li.className = condition ? "pass" : "fail";
// 为传入的description定义到变量desp,crteate text node
var des = document.createTextNode(description);
li.appendChild(des);
output.appendChild(li);
}
//试一下这个
var a = 5, b, c = 5;
assert((a = b), "this is true");
assert((a = c), "this is false");
demo
See the Pen JavaScript assert() function by Lien (@movii) on CodePen.
你们好,
2018 年初把小站从 Jekyll 迁移到 Hugo 的过程中,删除了评论区放的 Disqus 插件,考虑有二:首先无论评论、还是对笔记内容的进一步讨论,读者们更喜欢通过邮件、或者 Twitter 私信的方式来沟通;其次一年多以来
Disqus 后台能看到几乎都是垃圾留言(spam),所以这里直接贴一下邮件、以及 Twitter 账户 地址。
技术发展迭代很快,所以这些笔记内容也有类似新闻的时效性,不免有过时、或者错误的地方,欢迎指正 ^_^。
BEST
Lien(A.K.A 胡椒)
技术发展迭代很快,所以这些笔记内容也有类似新闻的时效性,不免有过时、或者错误的地方,欢迎指正 ^_^。
BEST
Lien(A.K.A 胡椒)