- 博客(13)
- 收藏
- 关注
原创 导航栏的选中下标
横向导航栏 .scroll-view-item { display: inline-block; line-height: 104rpx; width: 100%; padding-right: 72rpx; text-align: center; font-size: 32Rpx; // 激活项的样式 &.active { background-
2021-04-10 11:11:15
220
原创 vue循环图片本地存储的图片路径问题
html <swiper-item v-for="item in swiperList" :key='item.id'> <view class="swiper-item"> <image :src="item.url" mode=""></image> </view> </swiper-item>js放在data里 swiperList: .
2021-04-10 11:05:17
356
原创 案例:数组去重
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]; var newArr = []; for (var i = 0; i < arr.length; i++) { if (arr[i] != 0) { newArr[newArr.length] = arr[i]; } } console.log(newArr);...
2020-09-04 19:58:55
162
原创 案例:翻转数组
var arr = ['red', 'green', 'blue', 'pink', 'purple', 'hotpink']; var newArr = []; for (var i = arr.length - 1; i >= 0; i--) { newArr[newArr.length] = arr[i] } console.log(newArr);
2020-09-02 17:20:31
231
原创 案例:冒泡排序
var arr = [4, 1, 2, 3, 5]; for (var i = 0; i < arr.length - 1; i++) { // 外层循环管趟数 for (var j = 0; j < arr.length - i - 1; j++) { // 里面的循环管 每一趟的交换次数 // 内部交换2个变量的值 前一个和后面一个数组元素相比较 if (arr[j] > arr.
2020-09-02 17:19:20
145
原创 案例:ToDoList数据储存 添加和删除
$(function() { // alert(11); // 1. 按下回车 把完整数据 存储到本地存储里面 // 存储的数据格式 var todolist = [{title: "xxx", done: false}] load(); $("#title").on("keydown", function(event) { if (event.keyCode === 13) { if ($(this).val() === .
2020-09-02 17:13:35
386
原创 案例:购物车 删除
$(function() { getSum(); function getSum() { var count = 0; var money = 0; $(".itxt").each(function(i, ele) { count += parseInt($(ele).val()); }); $(".amount-sum em").text(count); $(".p
2020-09-02 16:26:20
395
原创 案例:购物车商品小计加总件数/金额
$(function() { $(".increment").click(function() { var n = $(this).siblings(".itxt").val(); n++; $(this).siblings(".itxt").val(n); var p = $(this).parents(".p-num").siblings(".p-price").html();
2020-09-02 16:24:09
711
原创 案例:购物车 商品加减号
<div class="c-container"> <div class="w"> <div class="cart-warp"> <!-- 头部全选模块 --> <div class="cart-thead"> <div class="t-checkbox"> <input type=.
2020-09-02 16:19:21
556
原创 案例:购物车全选
<div class="c-container"> <div class="w"> <div class="cart-warp"> <!-- 头部全选模块 --> <div class="cart-thead"> <div class="t-checkbox"> <input type=.
2020-09-02 16:11:14
610
原创 案例:teb栏切换
<div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li> <li>商品评价(50000)</li> .
2020-09-02 15:32:37
487
原创 案例:微博下拉菜单
<ul class="nav"> <li> <a href="#">微博</a> <ul> <li> <a href="">私信</a> </li> <li> <a href="">评论</a&g.
2020-09-02 15:27:39
832
原创 案例:王者荣耀手风琴
<script src="js/jquery.min.js"></script> <script type="text/javascript"> $(function() { // 鼠标经过某个小li 有两步操作: $(".king li").mouseenter(function() { // 1.当前小li 宽度变为 224px, 同时里面的小图片淡出,大图...
2020-09-02 15:18:24
441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人