自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AsaZyf的博客

Welcome to my country

  • 博客(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" &gt

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=&quot

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

Vue待办清单

用javascript一个很有名的框架写的,一个由中国人开发出来的框架VUE,具体用了HTML5,CSS3,javascript和Vue

2018-10-28

公益网页比赛作品星火公益

本网页是我用于参加学院网页比赛的作品,网站类型属于公益,里面的文章等都是我上网找的,有不懂的可以留言

2018-06-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除