摘要:<!-- //按照组件化方式实现业务需求 // 根据业务功能进行组件化划分 // 1.标题组件(展示文本) // 2.列表组件(列表展示 商品数量变更 商品删除) // 3.结算组件(计算商品总额) // 功能实现步骤: // 实现整体布局和样式效果 // 划分独立的功能组件 // 结合所有的子组件 阅读全文
posted @ 2020-06-27 20:41 YXF1997 阅读(144) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .grid { margin: auto; width: 530px; tex 阅读全文
posted @ 2020-06-25 23:16 YXF1997 阅读(93) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-06-24 21:21 YXF1997 阅读(725) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> form div { height: 40px; line-height: 4 阅读全文
posted @ 2020-06-24 15:25 YXF1997 阅读(82) 评论(0) 推荐(0) 编辑
摘要:<!-- //模板式编程 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tab ul { overflow: hi 阅读全文
posted @ 2020-06-24 02:15 YXF1997 阅读(37) 评论(0) 推荐(0) 编辑
摘要:vue实现简单计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl 阅读全文
posted @ 2020-06-22 22:42 YXF1997 阅读(126) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-06-11 14:26 YXF1997 阅读(66) 评论(0) 推荐(0) 编辑
摘要://案例分析 //1.黄色的遮挡层跟随鼠标功能 //2.把鼠标坐标给遮挡层不合适 因为 这当成以父盒子为准 //3.首先获得鼠标在盒子内的坐标 //4.之后把数值给遮挡层作为left和top值 //5.此时用鼠标移动事件 但还是在小图片盒子内移动 //6.发现遮挡层位置不对 需要再减去 盒子自身高度 阅读全文
posted @ 2020-06-07 14:33 YXF1997 阅读(56) 评论(0) 推荐(0) 编辑
摘要://案例分析 /* 1.点击按钮 会禁用disabled 为ture 2.同时按钮里面的内容会变化 注意button里面的内容通过 innerHTML修改 3.里面的内容是由变化的 因此需要用定时器 4.定义一个变量 在定时器里面不断递减 5.如果变量为0 我们要停止计时 clearInterval 阅读全文
posted @ 2020-06-05 15:14 YXF1997 阅读(58) 评论(0) 推荐(0) 编辑
摘要:倒计时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum 阅读全文
posted @ 2020-06-05 14:18 YXF1997 阅读(115) 评论(0) 推荐(0) 编辑