自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 三分钟教你实现vue-脚手架路由单网页的切换

原始且简单的事例 1、从入门 路由开始讲起 2、先把该需要的包下载好: (1)npm install -g cnpm--registry=https://registry.npm.taobao.org (如果有,就用cnpm i 就行了) (2) cnpm -v /检查node包是否下好 (3)cnpm i -g @vue/cli /下载路由包 (4)vue -V /检查路由包是否下好 (5)vue create demo1 /下载配置文件 (6) npm run serve 3、包下载完毕后,再mai

2020-06-20 10:44:54 775

原创 原生js制作动画射击小游戏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m

2020-06-13 11:27:41 733

原创 前端简单冒泡事例

回顾js, <html> <body> <div class="demo"style=" width=300px; heigth=300px; background-color=red;" > <button>按钮</button> </div> //先设一个盒子,在盒子设置一个按钮 <script> let demo = document.querySelector('.demo'); let bt

2020-06-13 11:10:12 297

原创 用vue写轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> </head> <style> .outside {

2020-06-13 11:06:30 418

原创 前端初识vue常用指令

V-for命令: 当循环列表的时候 输入v-for命令 如下面格式,item:是循环列表的每一项,i是下标序号,in list:是在哪一个容器(需对应 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2020-06-13 09:59:08 146

原创 前端 鼠标事件

回顾 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {

2020-06-06 12:19:50 315

原创 前端 正则表达式入门

回顾 格式: <script> // 正则:[] => 范围 var str = "欢迎学习Js" // 判断字符串中是否含有26个英文字母,包括大小写 var reg1 = /[a-zA-Z]/; console.log(reg1.test(str)); // true // 判断字符串中是包含数字 var reg2 = /[0-9]/; conso

2020-06-06 12:07:50 157

原创 存储cookie值

存储有效期为10天的cookie,key=hey,val=come Document 图如下: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200602192940656.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTk3MTAxM

2020-06-02 19:32:58 285

原创 开篇之作——下拉菜单

下拉菜单 请登录 电影 阿乐 无期 在他乡 上心 影片分类 ...

2020-06-02 19:13:24 163

空空如也

空空如也

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

TA关注的人

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