- 博客(10)
- 收藏
- 关注
转载 Vue这些修饰符帮我节省20%的开发时间
作者:李大雷 https://segmentfault.com/a/1190000016786254 为了方便大家写代码,vue.js给大家提供了很多方便的修饰符,比如我们经常用到的取消冒泡,阻止默认事件等等~ 目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符(实在不知道叫啥名字) 表单修饰符 填写表单,最常...
2020-01-17 11:26:24 91
转载 我写CSS的常用套路(附demo的效果实现与源码)
作者:alphardex https://juejin.im/post/5e070cd9f265da33f8653f0 前言 本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。 1、交错动画 有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻...
2020-01-17 11:12:19 257
原创 css动画(五)
推荐动画五 效果图 html代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport...
2020-01-17 10:29:34 95
原创 css动画(四)
推荐动画四 html代码上传 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>纯CSS3流星雨动画DEMO演示</title> <link rel="stylesheet" href="css/style.css"> ...
2020-01-17 10:14:45 124
原创 css 动画推荐(三)
推荐动画三 上代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯CSS3模拟谷歌Loading加载动画DEMO演示</title> <style> html, body { margin: 0; background-colo...
2020-01-17 10:09:44 131
原创 css 动画(二)
推荐动画二 先上效果图: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>纯CSS3 3D旋转立方体动画DEMO演示</title> <style> body{ background:#eeeeee; } ...
2020-01-17 10:02:59 99
原创 css动画(一)
不说废话先上效果图: html代码 <!DOCTYPE > <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link rel="stylesheet" href="css/normalize.css"> <...
2020-01-17 09:53:03 148
原创 关于公共组件搜索框在搜索页面不起作用的问题
上面的组件是一个公共组件,我们在搜索框输入内容,然后点击搜索框跳转到搜索的结果页,当我问在搜索的结果页再次调用搜索框的时候相当于从当前的搜索页在一次跳转到搜索页同页面跳转。参数改变但是页面没办法更新 其实这个问题的本质是:同页面跳转,只改变参数,但是页面不刷新 分析:其实导致这个问题最主要的原因是因为:vue的路由切换实际上是组件之间的切换引用相同的组件时页面不更新 解决办法:监听路由 wat...
2020-01-16 16:02:50 592
原创 vue 路由守卫
vue-router 提供的导航守卫主要用来通过或取消的方式来守卫导航。有多种机会植入路由导航的过程: 主要分为全局导航,单个路由导航 组件导航 所谓路由导航我们可以这么理解,导航守卫就相当于保安的意思,你要进入这个房子,保安需要知道你是(to, from, next)打哪去,从哪来。我们就拿登录来就例子:保安守卫一个房子 有一个客人来拜访(路由跳转)保安要问清楚从哪来(from)到哪去(to) ...
2020-01-16 15:45:23 178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人