- 博客(44)
- 资源 (2)
- 收藏
- 关注
原创 Vue组件--创建组件之利用template元素
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g
2018-10-31 21:32:50 2046
原创 Vue组件--创建组件常用方式及其注意点
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>component定义组件注意点</title> <script type="text/javascript" src="js/vue
2018-10-31 21:24:10 670
原创 Vue组件--todolist
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g
2018-10-31 17:31:50 240
原创 Vue组件--父与子组件
代码:注意:子组件里面的data必须是函数例子说明:每点击一次数字,加一,结果也跟着改变<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/java
2018-10-31 16:55:07 409
原创 Vue组件--利用axios和组件
注意:要导入vue.js、axios.is和bootsteap.css包<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"
2018-10-31 16:05:02 430
原创 CSS3--线性渐变
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>CSS线性渐变--从上到下(默认情况)</title> <style> p{ width: 300px; height: 400px;
2018-10-30 21:27:16 250
原创 Vue组件--父组件发起ajax请求实现json数据(jqueryAjax-axios)
HTMl和Vue:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父组件发起ajax请求实现json数据(jqueryAjax-axios)</title> <script type="text/javasc
2018-10-30 19:12:51 381
原创 Vue组件--父组件发起ajax请求实现json数据(jquery方式)
HTML和Vue:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父组件发起ajax请求实现json数据(jqueryAjax)</title> <script type="text/javascript&q
2018-10-30 19:08:53 561
原创 CSS3气泡对话框
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>talk</title><style type="text/css">div { position: rel
2018-10-29 16:12:26 576 2
原创 CSS3选择器selection--改变选中文字的颜色
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> p::selection{ background: blue; color: red; }
2018-10-29 15:25:13 1184
原创 Vue--待办清单
带本地缓存下载链接https://download.csdn.net/download/asazyf/10749810【需要支付1积分,想免费可以留言,我私发】效果:不知道为什么动图动不了,大概就是在输入框输入待办事项,点击按钮添加,完成了就勾选按钮然后点删除,下面的历史记录会出现你刚刚完成的事项,由于设置缓存,所以关掉浏览器再打开还是会有...
2018-10-28 22:29:19 908
原创 Vue--全选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" >&am
2018-10-26 09:34:44 312
原创 Vue入门12--v-text
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>v-text</title> <script type="text/javascript" src="js/vue.js" &am
2018-10-24 22:19:20 166
原创 Vue入门11--侦听器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Vue侦听器</title> <script type="text/javascript" src="js/vue.js" &am
2018-10-24 22:07:19 287
原创 Vue练习--购物车
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/vue.js">&
2018-10-24 17:08:53 376
原创 Vue练习--table增删改(老师版)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>学生信息登记</title> <link rel="stylesheet" href="css/bootstrap.css" /&am
2018-10-24 16:58:21 403
原创 Vue入门练习10--图片切换
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片轮播</title> <script type="text/javascript" src="js/vue.js" >
2018-10-23 21:14:15 230
原创 Vue入门练习09--选项卡切换
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选项卡切换</title> <script type="text/javascript" src="js/vue.js" &g
2018-10-23 21:13:01 281
原创 Vue练习--table增删改
带数据存储<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /&a
2018-10-23 21:09:18 365
原创 Vue入门08--v-bind
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>v-bind</title> <script type="text/javascript" src="
2018-10-23 15:20:25 186
原创 Vue入门07练习--走马灯文字
函数问题,箭头函数代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js&q
2018-10-22 11:51:48 513
原创 Vue入门06--v-on
代码:v-on简写@<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js&quo
2018-10-22 11:36:05 184
原创 Vue入门05--if,else
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g
2018-10-22 11:26:38 190
原创 Vue入门04--v-show
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g
2018-10-22 11:24:31 179
原创 Vue入门03--if
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g
2018-10-22 11:21:20 160
原创 Vue入门02--for循环
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://lib.baomitu.com/vue/2.5.17/vue.js">
2018-10-22 10:32:07 188
原创 Vue入门--hello word
首先找到Vue的包,链接在有网的情况下,可以直接在script中引入https://lib.baomitu.com/vue/2.5.17/vue.js即可,如果想在本地引用则打开链接,然后ctrl+A【全选】,在本地新建一个javascript文件,ctrl+v【粘贴】到文件里,保存Vue使用:<!DOCTYPE html><html> <hea...
2018-10-22 10:27:14 298
原创 CSS3----无缝滚动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> @-webkit-keyframes domove{
2018-10-17 16:36:28 194
原创 CSS3--永动圆形
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> @-webkit-keyframes move{
2018-10-17 16:30:31 221
原创 CSS3---永动的方块
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> @-webkit-keyframes domove{
2018-10-17 16:17:22 281
原创 jquery、CSS3----多个导航条下拉
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS3实现导航条下拉效果</title> <style> * {
2018-10-17 15:57:53 229
原创 CSS3--小三角形箭头
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #sider{ width:
2018-10-16 17:23:48 596
原创 CSS3----旋转图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>旋转图片</title> <style> *{ margin:
2018-10-15 16:21:30 518
原创 CSS3--底部菜单上拉效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>底部菜单上拉效果</title> <style> *{ marg
2018-10-15 16:13:21 2989 1
原创 CSS3----导航条下拉效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS3实现导航条下拉效果</title> <style> * {
2018-10-15 15:37:52 449
原创 HTML5--form表单验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>form表单验证</title> </head> <body> &l
2018-10-14 16:49:39 260
原创 HTML5-输入框提示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>既有输入提示,又有时间提示的输入框</title> </head> <body>
2018-10-14 16:47:50 2904
原创 CSS-盒子水平垂直居中
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>盒子水平垂直居中</title> <style> .wrap{
2018-10-10 11:59:36 371
原创 CSS-中间固定,两侧自适应
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>中间固定,两侧自适应</title> <style> * {
2018-10-10 11:56:18 284
原创 CSS3-利用after清浮动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .header{ width:
2018-10-08 22:02:56 1514
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人