前端学习
AyayaOVO
Programmers一起努力吧!Fighting!
展开
-
vue-router过渡动画实现左右滑动
使用钩子函数: beforeRouteUpdate。原理:一个页面是有二级导航的,在切换二级导航的时候,对应的内容是在变化的;这个页面是复用的,只会生成一次,切换二级导航的时,如何知道导航在更新呢?一个页面有二级导航的时候,点击二级导航的时候导航路径更新了,会触发路由钩子函数beforeRouteUpdate。代码示例1.name是定义的过渡动画的名称 <keep-alive> <transition :name="transitionName">原创 2020-07-07 22:29:23 · 720 阅读 · 0 评论 -
vue的flex布局整理
1.flex-direction:设置容器内部元素的排列方向flex-direction:row 默认值。灵活的项目将水平显示,正如一个行一样。(从左到右)flex-direction:row-reverse 与 row 相同,但是以相反的顺序。flex-direction:column 灵活的项目将垂直显示,正如一个列一样。(从上到下)flex-direction:column-reverse 与 column 相同,但是以相反的顺序。flex-direction:initial 设置该属性为原创 2020-07-07 21:59:24 · 1128 阅读 · 0 评论 -
什么是sass
意义Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。sass、scss有什么区别呢?两者都称之为 Sass,不同之处有以下两点:1、文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名2、语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号和分号,而 SCSS 的语法书写和我们的原创 2020-06-22 16:14:00 · 478 阅读 · 0 评论 -
什么是uni-app
什么是 uni-app1 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 官方的体验例子:2 uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。uni-app的特点周边生态丰富学习成本低开发成本低跨端数量更多平台能力不受限性能体验更优秀使用规范 * 页面组件我们要遵循Vue 单文件组件 (SFC) 规范 *原创 2020-06-22 15:51:41 · 1010 阅读 · 0 评论