- 博客(8)
- 资源 (2)
- 收藏
- 关注
原创 《vue.js实战》利用计算属性、指令等知识开发购物车练习2
购物车需要展示一个已加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作等信息,还需要实时显示购买总价。其中购买数量可以增加或减少,每类商品还可以从购物车中移除。练习1:在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。练习2:将商品列表list改为一个二维数组来实现商品的分类,比如可分为“电子产品” “生活用品” 和...
2019-12-30 15:02:04 658
原创 《vue.js实战》练习之利用计算属性、指令等知识开发购物车
购物车需要展示一个已加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作等信息,还需要实时显示购买总价。其中购买数量可以增加或减少,每类商品还可以从购物车中移除。练习1:在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。练习2:将商品列表list改为一个二维数组来实现商品的分类,比如可分为“电子产品” “生活用品” 和...
2019-12-30 14:55:00 507
原创 JavaScript中求n到m的随机数
代码:randow=Math.floor(Math.randow()*(m-n+1)+n);Math.randow()方法,返回大于等于0小于1的一个随机数Math.floor(num)方法,对num向下取整,只取整数部分
2019-10-16 20:46:14 224
原创 css学习笔记之position属性
static(静态定位/常规定位/自然定位):作用: 使元素定位于常规/自然流中(快、行垂直排列下去,行内水平从左到右)特点:1.忽略top、bottom、left、right、z-index声明2.两个相邻元素设置外边距,最终外边距=两者中的外边距最大值3.具有固定width和height值的元素,如果把左右外边距设为auto,则这个元素水平居中relati...
2019-10-03 22:37:22 172
原创 css选择器
css选择器标签选择器类选择器ID选择器群组选择器全局选择器后代选择器伪类选择器标签选择器:HTML标签作为选择器,如:p{color:red;}类选择器:为HTML标签添加class属性通过类选择器来为具有此class属性的元素设置css样式<!DOCTYPE html><html lang="en"><head> ...
2019-10-02 23:26:29 102
原创 前端学习之CSS使用
css的使用使用方法:行内样式(内联样式):在开始标签内加入style属性,如下所示:<p style="color:red;">行内样式</p>内部样式(嵌入样式):把css代码写在<head>标签的<style>标签内,如下:<!DOCTYPE html><html><head> ...
2019-10-01 23:01:42 178 1
原创 前端学习之html特殊符号
html中的特殊符号:<:显示小于号或者左标记 >:显示小于号或者右标记 &rey:显示®,已注册 ©:显示©,版权 &trade:显示™,商标  :显示不断行的空格html代码:<!DOCTYPE html><html lang="en"><head> <...
2019-09-22 18:38:55 2210
原创 前端学习之html修饰标签
修饰标签:文字斜体:<i>文字内容</i>、<em>文字内容</em>; 加粗:<b>文字内容</b>、<strong>文字内容</strong>; 上标:<sup>文字内容</sup>; 下标:<sub>文字内容</sub>;html代码:...
2019-09-22 18:13:30 317
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人