摘要: 博客的效果图如下: 后台管理界面是用element-ui做的,前端vue用vscode写,后端用idea写。代码已传到github,前端代码:https://github.com/sparerib1/blog,后端代码:https://github.com/sparerib1/myblog,感兴趣的 阅读全文
posted @ 2020-04-08 14:36 油炸小排骨 阅读(2135) 评论(0) 推荐(0) 编辑
摘要: 效果如下: 支持回车查询和点击查询,使用axios调用http://wthrcdn.etouch.cn/weather_mini接口 js代码如下 var app = new Vue({ el:"#app", data:{ city:'', weatherList:[] }, methods: { 阅读全文
posted @ 2020-04-04 13:15 油炸小排骨 阅读(1022) 评论(0) 推荐(0) 编辑
摘要: 效果图: 修改功能不够好,应该在修改时弹出一个专门的修改窗口进行修改功能。 增加就是向数组里添加,使用.push()就行,删除和修改都使用splice(),查询将数组里的学号与输入的学号进行对比,查找到后弹出窗口显示该学生姓名。 代码如下: <!DOCTYPE html> <html lang="e 阅读全文
posted @ 2020-04-03 21:41 油炸小排骨 阅读(1707) 评论(0) 推荐(0) 编辑
摘要: 页面设计参考http://www.todolist.cn/ 我自己做出来的效果如下: 实现的功能有:1:添加任务进正在进行;2:点击正在进行中任务的完成按钮,将任务转至已经完成;3:点击已经完成中的完成按钮,将任务转至正在进行;4:点击删除按钮,删除任务;5:点击垃圾桶图标,一键清;6:统计正在进行 阅读全文
posted @ 2020-04-02 11:27 油炸小排骨 阅读(452) 评论(0) 推荐(0) 编辑
摘要: 这个轮播图有两种方式循环进行图片的切换,一种是点击左箭头或右箭头来切换上一张或下一张,一种是设置定时器,每过5秒自动切换下一张图片。 先做出轮播图的基本样式,再来做切换的js代码。我使用数组来保存图片的地址,注意,数组里的图片相对地址是根据你html文件的位置来的,因为你是要使用在html代码里,我 阅读全文
posted @ 2020-03-31 19:19 油炸小排骨 阅读(2174) 评论(0) 推荐(0) 编辑
摘要: 效果图: 在进行样式设置时,为了把div5设置在大的div1的最下方,我用了父相子绝来进行定位。使用float:left;让li变成水平列表。使用数组来保存每个月的信息,当鼠标滑动时使用nodeValue属性来刷新p标签里的文本,使用this.className来改变样式。在做的时候遇到的问题是,一 阅读全文
posted @ 2020-03-20 16:40 油炸小排骨 阅读(699) 评论(0) 推荐(0) 编辑
摘要: 在做这个计算器时我想模仿的是华为手机的计算器界面,但是因为找不到华为计算器颜色所对应的代码,做出来还是不够美观,使用if else语句进行输入语句的判断,然后进行相应语句的操作。并且有些地方做的还不够好,需要改进。例如我这个计算器需要按等号之后才能出结果,最好改成华为计算器那样自动出结果。还有不够智 阅读全文
posted @ 2020-03-19 22:51 油炸小排骨 阅读(380) 评论(0) 推荐(0) 编辑