写作背景这两天刷某音有点多沟槽的平台推送的都是不看好前端发展的视频因此学习热情下降较为严重。心里烦躁正好写一篇小总结。直接复制的某粉目录想到的相关东西随便搞了搞没想到就不写了。一、JS基础Day11. 输入输出语句输入prompt(‘弹出输入框,返回字符串’)输出document.write(‘页面中输出’)console.log(‘控制台日志打印’)alert(‘弹窗输出’)2. 变量声明与赋值let p1const p213. 核心基础数组基本使用常量const数字类型算术运算符字符串拼接模板字符串布尔/null/undefined类型检测隐式转换/显示转换变量本质命名规则var与let区别二、JS基础Day21. 运算符赋值运算符自增运算符比较运算符逻辑运算符及优先级2. 分支语句if单分支成绩判断if双分支闰年判断let yearprompt(‘请输入年份’)if((year%40year%100!0)||(year%4000)) {alert(‘闰年’)} else {alert(‘平年’)}if多分支三元运算符求最大值switch分支3. 循环与调试断点调试while循环退出循环简易ATM取款机案例三、JS基础Day31. 循环for循环遍历数组退出循环循环嵌套99乘法表while循环大练习2. 数组操作修改arr[i]p新增arr.push(‘末尾新增’)、arr.unshift(‘开头新增’)删除arr.pop(‘末尾删除’)、arr.shift(‘开头删除’)、arr.splice(起始下标,删除个数)筛选案例、求数组最大/最小值3. 案例与算法渲染柱形图冒泡排序let arr[10,78,91,69,56,73,18,9]for(let iarr.length;i0;i–) {for(let j0;ji-1;j) {if(arr[j]arr[j1]) {const temparr[j]arr[j]arr[j1]arr[j1]temp}}}for(let i0;iarr.length;i) {console.log(arr[i])}四、JS基础Day41. 函数基本使用function name1(){return ‘fuckyou’}参数默认参数、return返回值数组求和、求最大/最小值案例断点调试函数、作用域、变量访问原则2. 匿名函数命名函数表达式let p100function name(){return 1}匿名函数表达式let p200function(){}立即执行函数(function(形参){函数体},(实参));(function(形参){函数体}),(实参);3. 其他封装计算时间函数逻辑中断ABA假则B中断、C||DC真则D中断转布尔型Boolean()、!!对象转为false的6种值0/-0/NaN、‘’、null、undefined五、JS基础Day51. 对象基本使用let goods{name:‘许哥’,num:‘区’,weight:‘100kg’,address:‘韩国’,sum: function (){console.log(‘许哥是区’)},}调用goods.sum()访问goods.name / goods[‘name’]修改goods.weight‘500kg’新增goods.sex‘男’增删改delete 对象.属性名 / delete 对象[‘属性名’]遍历for(const key in 对象名)2. 内置对象与案例Math对象Math.abs()绝对值、Math.round()四舍五入Math.ceil()向上取整、Math.floor()向下取整、Math.trunc()截断随机数函数function getRandom(m,n){return Math.floor(Math.random()*(n-m)m)}随机点名、猜数字、随机颜色、渲染学成在线案例简单/引用数据类型六、WebAPI-day11. DOM基础const声明优先DOM树/DOM对象获取元素document.querySelector()、document.querySelectorAll()2. DOM操作修改内容innerHTML识别HTML、innerText不识别修改属性p.属性名新值修改样式stylep.style.属性名新值classNamep.className‘类名1 类名2’classListadd(‘类名’)、remove(‘类名’)、toggle(‘类名’)表单值Name.valueH5自定义属性data-*3. 定时器与案例setIntervalsetInterval(function(){console.log(‘一人一句,许哥是区’)},1000)倒计时、随机轮播图、定时版轮播图七、WebAPI-day2事件监听鼠标事件随机点名、轮播图完整版焦点事件小米搜索框、键盘事件发布评论event对象、回车发布评论this环境对象、回调函数tab切换案例八、WebAPI-day3表单全选反选案例事件流捕获、冒泡、阻止冒泡事件解绑、mouseover/mouseenter区别事件委托利用冒泡父元素监听e.target定位子元素阻止默认行为页面加载/滚动事件、小兔鲜导航案例client/offset家族、仿京东/bilibili滑动、电梯导航九、WebAPI-day4日期对象、时间戳、倒计时案例DOM节点查找parentNode父节点、children子元素nextElementSibling下一个兄弟、previousElementSibling上一个兄弟节点操作新增parentNode.appendChild(newNode)、parent.insertBefore(newNode, refNode)删除parentNode.removeChild(childNode)克隆Node.cloneNode(true/false)移动端事件touchstart、touchmove、touchend总结现在AI变革很快谁都不好说新的工作模式是怎样的。那就TM不想了干就完了出新的学新的出难的学难的学快点早实习早了解。