Vanessa

2019-11-13 描述如果元素有指定的 class 就返回 true，否则返回 false。提示使用 element.classList.contains()来检测元素是否有特定的 classclassList 是替代使用空格进行分隔的字符串 element.className 来访问类的一种更方便的方法虽然 element.classList 为只读属性，但是可以使用 add()和 remove()方法对他进行修改代码 c

2019-11-07 描述将表单中的一组元素编码为一个 object。提示使用 FormData 构造器将 HTML 中的 form 转换为 FormData 使用 Array.from()将 FormData 转化为数组使用 Array.prototype.reduce()从数组中构建对象代码 constformToObject=form=>Array.from(newFormData(form)).reduce((acc,[

2019-11-04 描述检测网站是使用移动设备还是使用台式机/笔记本打开的。提示使用正则表达式来检测 navigator.userAgent，以获取当前设备是移动设备还是台式机/笔记本代码 constdetectDeviceType=()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.use

2019-11-01 描述返回当前页面的链接。提示使用 window.location.href 获取当前链接代码 constcurrentURL=()=>window.location.href;示例事件中心的调用：currentURL();//'https://hacpai.com/article/1572572694000?r=Vanessa'返回总目录每天 30 秒系列之 JavaScript 代码

2019-10-31CompositionAPICompositionAPI 是一组基于功能的附加的 API，他允许对组件之间的逻辑进行灵活的组合，他将组件属性中当前可用的机制公开为 JavaScript 函数。更多可查看 CompositionAPIRFCimport{ref,computed,onMounted}from'vue'exportdefault{setup(){constcount=ref(0

整理前端界的最新资讯，邀您一同探索新世界 TypeScriptTypeScript3.7RC 发布，支持可选链等功能特性 VueVue3 中让人激动的新特性 ElectronElectron9.0.0 升级注意事项 DenoDeno1.0 发布，与 Node 相比的 10 大优缺点 Deno 将永远支持 TypeScript 返回总目录每天 30 秒系列

2019-10-28 可选链 OptionalChaining 提案//之前 if(foo&&foo.bar&&foo.bar.baz){//...}//之后 if(foo?.bar?.baz){//...}空值合并 NullishCoalescing 提案//之前 letx=(foo!==null&&foo!==undefined)?foo:bar();//之后 letx=foo??bar();断言函数 Assert

2019-10-25 描述根据特定的范围、步骤和持续时间在指定的选择器上创建一个计数器。提示检查 step 是否符合要求，并进行相应的修改在 setInterval()中使用 Math.abs()和 Math.floor()的组合来对每一次绘制计数器的间隔时间进行计算使用 document.querySelector().innerHTML 来更新选中元素的值第四个参数 step 的默认值为 1 第五个参数 duration

2019-10-22 描述将数组中的元素转换为 <li> 标签，并将他们添加到指定 id 的列表中。提示使用 Array.prototype.map()，document.querySelector()和一个内部匿名闭包来创建 html 列表内的标签项代码 constarrayToHtmlList=(arr,listID)=>(el=>((el=document.querySelector('#'+listID)),