会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
perfect*
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
10
11
12
13
14
15
16
17
18
···
21
下一页
2019年4月16日
JavaScript 条件判断算法综合实战
摘要: 在赌场21点游戏中,玩家可以通过计算牌桌上已经发放的卡牌的高低值来让自己在游戏中保持优势,这就叫21点算法。 根据下面的表格,每张卡牌都分配了一个值。如果卡牌的值大于0,那么玩家应该追加赌注。反之,追加少许赌注甚至不追加赌注。 需要写一个函数,实现21点算法,它根据参数 card的值来递增或递减变量
阅读全文
posted @ 2019-04-16 16:00 perfect*
阅读(455)
评论(0)
推荐(0)
2019年4月15日
Vue小案例 之 商品管理------学习过滤器 使用过滤器处理日期的格式
摘要: 代码学习过滤器 过滤器介绍:过滤模型数据,在数据显示前做预处理操作; 内置过滤器:在1.x中,Vue提供了内置过滤器,但是在2.x中已经完全废除; 解决办法: (1)使用第三方库来替代1.x中的内置过滤器; (2)使用自定义过滤器; 自定义过滤器: a.全局配置:Vue.filter( id, [d
阅读全文
posted @ 2019-04-15 20:28 perfect*
阅读(416)
评论(0)
推荐(0)
2019年4月14日
Vue小案例 之 商品管理------修改商品数量以及增加入库日期属性
摘要: 实现修改商品的数量: 加入的代码: css: HTML: 由图可知点击商品数量减的时候会减到负数,所以需要做一个判断,如果数量为0,不能减下去: 加入判断之后的效果图: 加入判断的代码: 增加入库日期: 最终效果: 加入的代码: vue添加了addDate假数据,以及调节获取当前日期的格式: 添加的
阅读全文
posted @ 2019-04-14 20:51 perfect*
阅读(956)
评论(0)
推荐(0)
Vue小案例 之 商品管理------批量删除与商品数量的调整
摘要: 通过索引进行删除,进行测试,是否获取其索引: 测试效果: 测试代码,在vue中定义一个空的数组,以便后面进行数据的绑定: 测试的HTML代码: 实现选择删除商品功能,通过遍历索引数组: 为了保证数据列表从小排到大: 测试使其列表从小排到大 测试代码: 最终实现该功能的总代码: 1 <!DOCTYPE
阅读全文
posted @ 2019-04-14 20:09 perfect*
阅读(1667)
评论(0)
推荐(0)
Vue小案例 之 商品管理------删除商品与提示
摘要: 实现删除商品功能 根据索引来进行删除商品: 实现删除商品的HTML: 实现删除商品的vue: 实现删除商品后提示信息的显示: 实现提示信息的HTML: 其fontColor的css: 如果商品列表中无数据的话,就会合并7列,并且显示暂无商品的提示,该数量7在vue代码中进行定义变量属性值,使用时在H
阅读全文
posted @ 2019-04-14 17:01 perfect*
阅读(1491)
评论(0)
推荐(0)
Vue小案例 之 商品管理------为之前的页面修改样式
摘要: 最终修改的页面效果: 修改的css: 将 商品列表 和 添加商品 标题的class改为sub_title 总的代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>商品管理 创建页面与部分数据</title
阅读全文
posted @ 2019-04-14 15:58 perfect*
阅读(543)
评论(0)
推荐(0)
Vue小案例 之 商品管理------添加商品
摘要: 进行添加button,以及商品列表的创建 html: 在vue代码中创建方法,以及创建假数据,进行对两个button事件处理: 添加的vue代码: html: 实现以上商品的添加以及重置信息总的代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta chars
阅读全文
posted @ 2019-04-14 15:37 perfect*
阅读(2419)
评论(0)
推荐(0)
Vue小案例 之 商品管理------创建页面与部分数据
摘要: logo的路径: 页面的初始布局: 初始的HTML: 初始css: 初始vue: 进行了定义变量和变量的引入以及使用了v-model与v-for进行遍历数组: 使用了v-model,v-for之后的代码: vue代码: 总的代码: 1 <!DOCTYPE html> 2 <html> 3 <head
阅读全文
posted @ 2019-04-14 14:44 perfect*
阅读(989)
评论(0)
推荐(0)
使用v-bind处理class与style
摘要: 普通的css引入: 变量引入: 通过定义一个变量fontColor来通过v-bind来进行绑定在h3z的class中 注意:v-bind后面必须跟一个属性或者一个方法 当然我们也可以通过数组的形式引入多个class: html: 使用json对象的方式,在json中也可以使用多种方式 key是样式的
阅读全文
posted @ 2019-04-14 13:36 perfect*
阅读(692)
评论(0)
推荐(0)
2019年4月13日
v-bind属性的绑定
摘要: v-bind:属性绑定; 当我们并没有使用v-bind使用的时候,突破不能显示出来,会提示错误,提示我们使用v-bind; 当我们使用v-bind时图片就可以显示: v-bind的简写是冒号: 使用v-bind进行样式的修改: 进行对字符串的拼接: 以上实例总的代码:
阅读全文
posted @ 2019-04-13 19:41 perfect*
阅读(6650)
评论(0)
推荐(0)
上一页
1
···
10
11
12
13
14
15
16
17
18
···
21
下一页
公告
$(function() { $('#cnblogs_post_body img').each(function() { let imgSrc = $(this).attr('src'); let year = parseInt(imgSrc.substr(imgSrc.indexOf('g')+1,4)); if(year >= 2022){ imgSrc += `?watermark/2/text/amlndWl5YW4=/font/5a6L5L2T/fontsize/15/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast`; $(this).attr('src', imgSrc) } }) })