经过两天的简单学习,用vue做一个小小的例子巩固学习。 ...
一 前序 我相信每个人前端搬运工和我想法都是一样的,都有一个做全栈的梦,无奈面对众多的后台语言,却不从下手,今天由我来带你们潜入全栈的门槛,注意是门槛。能不能学的会后面的内容全靠坚持了。 我今天主要做一个留言板项目,这个项目虽小,但是足以让你们感受一下全栈的感觉,自己调用自己写出来的api,随心所欲。学习新知识主要记住一个点看文档 看文档 看文档。 大家可以直接去下载我写的源码进行学习,不懂下方评 ...
2019-05-08 17:38 1 1569 推荐指数:
经过两天的简单学习,用vue做一个小小的例子巩固学习。 ...
上面是主页代码下面是js 运行截图 ...
html部分: ...
最近看完入门API,看完视频自己写了个留言板,因为主要是学习vue,所以就复习了一下bootstrap,布局更简单,先看看样式吧。 简单清晰的布局,先说一下功能, 1.输入用户名密码点击提交放入表格 2.点击删除全部清空表格 3.点击删除按钮,删除当前行 4.当数据没有时提示暂无 ...
这次留言板运用到了最基础的localstorage的本地存储,展现的效果主要有: 1.编写留言2.留言前可以编辑自己的留言昵称。不足之处: 1.未能做出我喜欢的类似于网易的叠楼功能。 2.未能显示评论楼层(可实现,但是插进去十分不美观)。 编辑效果如下: 文件为html文件 ...
本文所用的知识点:创建节点和添加节点 创建节点:document.createElement('li') 添加节点 node(父亲节点).appendChild(child ...
最近有点懒,没码什么字,防止遗忘,从头开始码,写一个简单的HTML留言板。包含两个文件,book.html还有style.css,放在同一目录下。 book.html style.css,源码如下: ...
今天我将带大家通过Vue的todolist案例来完成一个简易的网页留言板! LES'T GO! 首先我们需要在页面上搭建一个input文本输入框,并设置提交按钮,通过循环指令来完成输入框的信息提交! 具体代码如下: 这里的i是索引的值,我们需要设置点击删除操作,而留言从第一 ...