
ES6技术栈
ES6基础知识点与实践相结合的示例专栏
PENG121.
这个作者很懒,什么都没留下…
展开
-
前端基础知识点-es6
字符串let str = 'www.baidu.com'let n1 = str.includes('yyy')let n2 = str.startsWith('baidu', 4) // 从0开始数let n3 = str.endsWith('baidu', 9) // 从1开始数console.log(n1) // falseconsole.log(n2) // trueconsole.log(n3) //true模板字符串let userName = 'xiaomin'let u原创 2020-09-08 12:38:21 · 218 阅读 · 0 评论 -
扩展运算符号实现累加计算
let add = (...c) => { let sum = 0; for (const item of c) { sum += item } return sum}let sum = [2, 3, 3, 4, 6, 6, 6, 888]let n = add(...sum)console.log(n); // 918原创 2020-10-20 22:47:28 · 313 阅读 · 0 评论 -
ES6中的Map用法
map可以是 任意数据类型let num = 123;let arr = [1, 2, 3, 4];let fun = function () { };let obj = {};const map1 = new Map();map1.set(num, "q1");map1.set(arr, "q2");map1.set(fun, "q3");map1.set(obj, "q4");map1.set('aaa', "q5");for (const key of map1.keys())原创 2020-10-20 22:45:58 · 300 阅读 · 0 评论 -
创建dom,并且点击弹出对应的序列
const list = document.getElementById('list')// 创建一个文档片段,此时还没有插入到DOM接口中const frag = document.createDocumentFragment()for (let i = 0; i < 10; i++) { const li = document.createElement('li') li.innerHTML = `LIST ITEM ${i}` li.addEventListener('click',原创 2020-08-15 10:04:14 · 140 阅读 · 0 评论 -
手写Ajax
function ajax (url) { const p = new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() xhr.open('get', url, true) xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(JSON.p原创 2020-08-14 08:53:43 · 209 阅读 · 0 评论