06 2020 档案
摘要：<!-- //按照组件化方式实现业务需求 // 根据业务功能进行组件化划分 // 1.标题组件(展示文本) // 2.列表组件(列表展示 商品数量变更 商品删除) // 3.结算组件(计算商品总额) // 功能实现步骤: // 实现整体布局和样式效果 // 划分独立的功能组件 // 结合所有的子组件
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .grid { margin: auto; width: 530px; tex
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> form div { height: 40px; line-height: 4
阅读全文
摘要：<!-- //模板式编程 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tab ul { overflow: hi
阅读全文
摘要：vue实现简单计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：//案例分析 //1.黄色的遮挡层跟随鼠标功能 //2.把鼠标坐标给遮挡层不合适 因为 这当成以父盒子为准 //3.首先获得鼠标在盒子内的坐标 //4.之后把数值给遮挡层作为left和top值 //5.此时用鼠标移动事件 但还是在小图片盒子内移动 //6.发现遮挡层位置不对 需要再减去 盒子自身高度
阅读全文
摘要：//案例分析 /* 1.点击按钮 会禁用disabled 为ture 2.同时按钮里面的内容会变化 注意button里面的内容通过 innerHTML修改 3.里面的内容是由变化的 因此需要用定时器 4.定义一个变量 在定时器里面不断递减 5.如果变量为0 我们要停止计时 clearInterval
阅读全文
摘要：倒计时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
阅读全文
摘要：//要求 当我们在文本框中输入内容时 文本框上面自动显示大字号内容 // 1.快递单号输入内容 大字号盒子就会显示出来 （这里面的字号更大） // 2.表单检测用户输入 给表单添加键盘事件 // 3.同时 把快递单号里面的值value 获取过来 赋值给con盒子 innertext 作为内容 //
阅读全文
摘要：// 案例分析： //1.里面的学生数据都是动态的，我们需要js动态生成 这里我们模拟数据 自己定义好的数据 数据我们采取对象形式存储 //2.所有数据都是放到tbody里面的的行里面 //3.因为里面的行很多 我们需要循环来创建行（对应多少人） <!DOCTYPE html> <html lang
阅读全文
摘要：简单留言板发言 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D
阅读全文
摘要：/* 案例分析 1.导航栏里面li都要有鼠标经过 所以循环注册鼠标事件 2.核心原理 当鼠标经过li里面的第二个孩子ul显示 当鼠标离开 ul隐藏 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name
阅读全文
摘要：/* 案例分析 1.导航栏里面li都要有鼠标经过 所以循环注册鼠标事件 2.核心原理 当鼠标经过li里面的第二个孩子ul显示 当鼠标离开 ul隐藏 */ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name
阅读全文
摘要：切换tab栏并且 显示出tab栏的内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
阅读全文
摘要：全选和取消全选 全选之后下面的被全部选中 下面的全部选中 上面才被选中 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=devi
阅读全文
摘要：当鼠标落在表格某一行行，某一行变粉色 当离开恢复原色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
阅读全文
摘要：实现功能 点击图片改变背景<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：//首先判断事件是表单失去焦点 onblur 35 //如果输入正确提示的信息颜色为绿色小图标 36 //如说输入的不是6-16位则提示错误信息颜色为红色 小图标变化 37 //因为里面的变化样式较多 我们采取className修改样式 1 <!DOCTYPE html> 2 <html lang=
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
浙公网安备 33010602011771号