自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js的预编译过程

预编译的全过程: 第一步 1.扫描全部代码,创建GO对象2.找变量声明,将变量值为undefine 3.找函数声明,值赋予函数体 第二步1.创建AO对象2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined3.将实参值和形参统一...

2019-03-06 22:39:02 220

原创 判断数据类型的几种方法

1.typeof用来判断原始类型的数据和function,但是在typeof null 时结构出错是object,但是不能用来判断除了function之外的引用类型的数据,并且返回的数据类型是字符串形式的小写,typeof a2.instanceof用来判断已知的引用类型的数据类型,返回的是构造函数形式,也就是首字母大写 a instanceof f Function3.construc...

2019-03-05 22:42:20 811

原创 配置axios和使用axios上传数据或者下载数据

首先下载axios模块 npm install axios --save接着配置axios  在main.js中引入axios模块 import axios from 'axios'   配置数据存储地址  axios.defaults.baseURL='数据地址‘在需要使用axios的组件中引入axios  import axios from'axios'上传数据的话是:axios....

2018-12-11 16:37:43 357 1

原创 给路由起名字

在配置中添加一个属性name:name:'路由的名字'在to中也要使用:to{name:'路由名字'}这个是在html中使用属性其他的跳转方式也是一样要使用name:'路由名字'这个是在vue语法中使用是属性...

2018-12-07 15:43:08 714

原创 路由的跳转方式

最常用的是router-link to::<router-link to="网址路径">或者<router-link :to=属性>利用事件来跳转<button @click="goToMenu" class="btn btn-success">let is go</button></div>&a

2018-12-07 15:39:51 592

原创 输出路径错误的跳转或者默认展示页面

在main.js中增加一条路由的配置,{path:'*',redirect:'指定跳转的路径'}

2018-12-07 15:09:55 191

原创 路路由的动态路径绑定

改变to的值:比如to="home"接着 在data中增加一个home属性,值是to的网址路径,可以通过逻辑来改变home的值从而复杂的改变to的路径绑定

2018-12-07 15:04:48 176

原创 router-link标签的改变

router-link默认是一个a标签,但是可以通过tag属性指定router-link是什么标签:<router-link to="/" tag="div">将router-link改变成div标签

2018-12-07 15:00:34 458

原创 路由的跳转

首先在需要页面跳转的超链接中使用router-link to来替代a href:<router-link to='网址路径'>接着在要显示的页面使用<router-view>开展示路由

2018-12-07 14:55:48 155

原创 路由的配置

首先,下载vue-router模块,cnpm install vue-router --save接着在main,js 中配置路由:1.引入路由模块和需要跳转的组件:import VueRoute 路由模块名称()from 'vue-router'(路由模块路径)import 组件名称 from组件路径2.使用路由模块:Vue.use(VueRouter)3.配置路由路径:con...

2018-12-07 14:52:11 128 1

原创 组件的调用

在当前组件的script中引入调用组件:import 组件名字(自己随便起的)from‘组件的相对路径’,接着注册组件:在export default中创建属性components:{组件的标签名(自己起的):组件的名字},最后使用组件:在template中需要使用组件的地方以标签的形式使用组件<组件的标签名></组件的标签名>...

2018-12-07 12:04:38 598 1

原创 文件路径解析

/是代表根文件 比如a/b/s/d  a为根文件./是代表当前文件 比如a/b/c/d  假设现在在c上,则c为当前文件../是代表上级文件  假设现在在c上,则b为上级文件...

2018-12-07 11:42:39 420

原创 自定义过滤filter的使用

{{要过滤的数据| 过滤器名}}接着在main.js中定义我们的过滤器,Vue.filter("过滤器的名字",function(value//是传过来的要过滤的数据){return value.已经定义的方法来过滤数据})比如大写{{ pot.title|uppercase}}Vue.filter("to-uppercase",function(value){retr...

2018-11-21 15:19:12 224

原创 router-link的默认标签的改变

router-link默认是一个a标签,可以通过tag属性来改变他的默认标签,比如tag="div",就会变成一个div 标签,

2018-11-19 16:41:08 2397 1

转载 2.阴影的设置

 text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow属性的参数设...

2018-09-23 14:07:53 198

原创 position定位的使用

 深入理解css中position属性及z-index属性  在网页设计中,position属性的使用是非常重要的。有时如果不能认识清楚这个属性,将会给我们带来很多意想不到的困难。  position属性共有四种不同的定位方法,分别是static、fixed、relative、absolute,sticky。最后将会介绍和position属性密切相关的z-index属性。 第一...

2018-09-23 14:07:27 196

原创 页面的制作流程

第一,分析案例的html页面结构,页面的空间模块划分,添加html标签,积累各个模块的代码实现。第二,接着分析页面的各个模块的样式,用什么css样式代码来实现各个样式。现在主要积累各个样式的实现代码。第三,分析和准备案例的素材,包括内容和图片。第四,分析页面各部分的功能,和每个功能的代码的实现,现在主要是积累各个功能的代码。...

2018-09-23 13:16:53 280

原创 前端css的三种定位

第一种,fixed从脱离文档流,相对于屏幕的定位第二种,absolute从文档流中脱离,相对一父元素的relative定位,通过设置top,left,right,bottom来定位第三种,relative保持原来在文档流中的位置,相对于自身正常流中的位置的定位,也是通过设置top等属性来定位 ...

2018-09-11 13:40:54 1130

原创 前端的四种居中

第一种,水平居中使用margin:0 auto;第二种,垂直居中height:100px;line-height:100px;第三种,行内元素的垂直居中vertical-align:middle;第四种,垂直水平居中position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:aut...

2018-09-11 13:36:18 821

原创 前端静态页面的代码书写顺序

首先讲界面划分成为几个部分,接着再对各个部分进行划分,这样一直划分至不能划分为止,接着就按照这个顺序来书写html代码,对css的设置也是一样,先设置大的整体的样式,接着再设置下一个小部分的样式,最后设置最小部分的样式。...

2018-09-11 12:58:35 1569

空空如也

空空如也

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

TA关注的人

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