分支与循环效果图 代码

演示图片 代码

购物车单选判断 1.图片效果2.代码 // 1. 全选 function checkAll() { // 1. 全选按钮状态 let status = event.target.checked; ...

代码

代码

classlist对象添加 删除 动态添加 表单非空验证 document.forms.login.password.onblur = function () { if (this.value.length === 0) { ...

效果图 代码

访问器原理及应用场景访问器属性就是将原本的属性伪装成方法，这样就可以直接区访问不用一级一级跳着选择 获取DOM元素的两个重要方法1.document.querySelectorAll 获取所有元素2.document.querySelector获取第...

函数与参数默认参数实参数量小于形参数量的情况下给形参一个默认参数； 归并函数参数在实参数量大于形参数量时 用归并的方法将多余的参数接收到数组里面； 模板字面量模板字面量用反引号表示 可以在反引号里面加入变量或表达式用${}来表示； 模板函数模板函数就...

常用的函数类型1.命名函数命名函数就是正常在创建时就赋予函数名的函数，可以直接声明并且调用； 1.匿名函数匿名函数就是在创建时没有赋予函数名的函数，匿名函数需要把自己当做值赋值给变量才能被声明使用； 1.立即调用函数立即调用函数属于匿名函数的一种，在...

商品列表效果图 代码部分

布局思路1.排除像素的影响2.固定视窗 让其不能缩放与移动3.用媒体查询的方法锁定最大和最小rem 三种视口的关系1.布局视口就是无视视口大小 固定显示完整网页（类似将手机浏览器设置成电脑端视图 会在手机上显示整个网页的宽度） 一般宽度为980px2...

php中文网并不是完全使用的grid布局 还使用了浮动 定位 flex代码复用性太差 逻辑不够清晰 代码熟练度不够 在网页编写中经常卡壳 不能熟练运用现有的技术 需要在借助手册的情况下才能完成效果图 代码

模态框 内容通过一个模态框的小项目将最近学习的一些知识练习一遍基本实现了老师所讲的内容js代码引用的老师课件里的jshtml代码

盒模型 内容1.建立两个盒子 练习常用属性的用法 验证两个盒子之间margin的值由数值较大方决定2.box-sizing的border-box属性（将盒子的大小定义为到边框的距离）可以解决边框被盒子撑开等一系列问题3.练习一些基本的属性用法 代码