摘要: cursor属性可用于设置光标在元素上的样式 cursor属性为零个或多个 指向一个图像文件。浏览器将尝试加载指定的第一个图像,如果无法加载则返回下一个图像,如果无法加载图像或未指定图像,则使用关键字值 cursor常见的关键字值有: 1.auto 浏览器根据上下文决定指针的显示样式,比如文本和非文 阅读全文
posted @ 2020-03-03 20:23 kanaliya 阅读(462) 评论(0) 推荐(0)
摘要: outline表示元素的外轮廓 该属性不会占用空间,默认显示在border外面 可以借助该属性查看网页布局 该属性可以用于取出a元素、input元素的focus轮廓效果 outline相关属性: outlint width outline style:取值与border style相同,如solid 阅读全文
posted @ 2020-03-02 15:32 kanaliya 阅读(787) 评论(0) 推荐(0)
摘要: 表单提交:将用户在input中输入的内容提交给服务器 1.传统的表单提交: 1)将所有的input包裹到一个form中 2)form设置action(服务器地址) 3)input/button的类型是submit 4)点击submit,自动将所有的数据提交到服务器 弊端:提交时会自动进行页面的跳转, 阅读全文
posted @ 2020-02-27 11:16 kanaliya 阅读(345) 评论(0) 推荐(0)
摘要: 1.继承 继承指一个元素如果没有设置某属性的值,该属性就会跟随父元素的值;css中有些属性可以继承,如color、font size、line height等 一个元素如果有设置某属性的值(无论自己设置还是浏览器设置的),就是用自己设置的值 不能继承的属性,一般可以使用inherit值强制继承 注意 阅读全文
posted @ 2020-02-24 11:14 kanaliya 阅读(143) 评论(0) 推荐(0)
摘要: 默认每次跳转一个路由会销毁原路由对应的组件并创建新路由对应的组件,不会保留状态 如果希望保留状态,可以使用keep alive keep alive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染 router view是一个组件,如果直接被包含在keep alive内,所有路径匹 阅读全文
posted @ 2020-02-21 22:07 kanaliya 阅读(178) 评论(0) 推荐(0)
摘要: 全局守卫 全局守卫按照创建顺序调用 1.前置守卫 注意,如果有嵌套路由,则不能直接使用to.meta 可以在to或者from中找到matched数组,里面存有父路由与子路由的属性 2.后置钩子 后置钩子(afterEach)不需要使用next() 路由独享守卫 组件内守卫 const Foo = { 阅读全文
posted @ 2020-02-21 16:51 kanaliya 阅读(217) 评论(0) 推荐(0)
摘要: 传递参数主要有两种类型:params及query params的类型: 1.配置路由格式:/router/:id 2.传递方式:在path后面跟上对应的值 3.传递后形成的路径:/router/123 /router/abc 使用router link: 使用代码的方式: 接收参数时使用$route 阅读全文
posted @ 2020-02-21 12:01 kanaliya 阅读(290) 评论(0) 推荐(0)
摘要: 比如在home页面中,希望通过/home/news及/home/message访问一些内容 一个路径映射一个组件,访问这两个路径也会分别渲染两个组件 实现嵌套路由有两个步骤: 1.创建对应的子组件,并且在路由映射中配置对应的子路由 2.在组件内部使用标签 路由配置: 父组件(home): 阅读全文
posted @ 2020-02-21 09:49 kanaliya 阅读(263) 评论(0) 推荐(0)
摘要: 某些情况下,一个页面的path路径可能是不确定的,比如进入用户界面时,希望是如下的路径/user/aaa或者/user/bbb,除前方的/user外,后面跟着用户id,这种path与Component的匹配关系,称为动态路由(也是路由数据传递的一种方式) router下的index.js route 阅读全文
posted @ 2020-02-20 20:03 kanaliya 阅读(162) 评论(0) 推荐(0)
摘要: 1.to属性 用于指定跳转路径 2.tag属性 该属性用于指定router link渲染成什么组件 3.replace属性 该属性不会留下历史记录,因此指定replace的情况下,不能后退到上一条记录(直接写属性名即可,不用设置属性值) 4.active class 当某个router link被选 阅读全文
posted @ 2020-02-20 17:36 kanaliya 阅读(502) 评论(0) 推荐(0)