自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除