- 博客(44)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
909
原创 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关注的人