- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue实现井字棋
之前看react的教程时看到的小游戏，试着用vue做一个。右边的winner提示胜者，还没有胜者时提示下一个棋子的种类。restart按钮点击可重新开始。go to step可跳转到第n步。html：<div id="app"> <ul id="board" class="white normal"> <li class="square" v-for="i, idx in datas" @click=set(idx)>{{i}}</li> <
2020-09-27 14:53:49
713
原创 Vue实现基本穿梭框
用vue实现的穿梭框，实现基本的功能（数据移动、全选、反选、搜索）。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>穿梭框</title> <script src="./js/vue.js" type="text/javascript" charset="utf-8"></script> <styl
2020-09-06 22:21:42
2242
原创 Vue练手项目（Vue、Vuex、Vue-Router、Axios）
github：https://github.com/Paradoxical-whimsy/LOL用vue全家桶做的简单单页应用，可筛选英雄类型，点击左上角屋子可回到主页。点击头像可进入详情页，会记录下最近的3次浏览历史并显示在右上角。数据主要存在vuex的store实例里，store实例创建后用axios库请求数据并传入store里。路由跳转都是用js实现的。开始做这个练手项目时只会vue基本操作，vuex和vue-router都是看一遍文档后就开始写了，遇到的问题也不大，很快就解决了。...
2020-08-02 18:25:40
301
原创 原生js实现表格翻页和跳转
js代码里的row_num变量是显示数据的行数，修改后可改变每页显示的数量。html代码：<table border="" cellspacing="" cellpadding="" id="table"> <thead> <tr> <td>No</td> <td>Name</td> <td>Age</td> </tr> </thead> .
2020-07-17 16:21:47
845
原创 仿写淘宝首页
github地址：https://github.com/Paradoxical-whimsy/tb自己写的第一个练手项目，根据淘宝首页的视觉效果去仿写出来，大概花了一个月的时间。下面展示一些细节。1号框的位置是搜索栏。左边的放大镜是图片，使用backgroundposition调整位置。照相机图片覆盖了获取文件的input，设置点击图片事件去点击input。...
2020-07-12 13:27:43
647
原创 css三列布局（中间固定和两侧固定）
模仿他人写的三列布局， 在脑海里有了多种css属性的印象。一、两侧固定middle块的word-wrap: break-word属性防止文字被覆盖。html <div id="float"> <div class="left"></div> <div class="right"></div> <div class="middle">12345678909876</div> </div&g
2020-06-15 18:35:25
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人