博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2019年7月5日

摘要: 速记: 1:transition 组件,对v-show,v-if,动态组件,组件根节点使用 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩 阅读全文

posted @ 2019-07-05 08:53 追风0315 阅读(343) 评论(0) 推荐(0) 编辑

2019年6月27日

摘要: 解决方案: 在当前项目的路径下分别运行以下命令: npm uninstall babel-preset-react-native 如果是yarn 则运行这个 yarn remove babel-preset-react-native 最后重新运行 阅读全文

posted @ 2019-06-27 18:27 追风0315 阅读(605) 评论(0) 推荐(0) 编辑

摘要: 1:下载: 2;使用 3:效果预览:https://daneden.github.io/animate.css/ 阅读全文

posted @ 2019-06-27 10:58 追风0315 阅读(245) 评论(0) 推荐(0) 编辑

摘要: 浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。 Safari 和 Chrome 支持替代的 -webkit-animation 属性。 注释:Internet Explorer 9 以及更早的版本不支持 animation 属 阅读全文

posted @ 2019-06-27 10:31 追风0315 阅读(464) 评论(0) 推荐(0) 编辑

摘要: transition: property duration timing-function delay; 展示地址:http://www.w3school.com.cn/cssref/pr_transition.asp 浏览器支持情况: Internet Explorer 10、Firefox、Op 阅读全文

posted @ 2019-06-27 10:23 追风0315 阅读(137) 评论(0) 推荐(0) 编辑

2019年6月19日

摘要: 在网页制作过程中,布局是我们最重要的一个环节。可以说布局的好坏直接影响到整个网页的成败!布局成,则事半功倍;布局败,则事倍功半。 随着移动互联的到来,响应式网站风靡。这也就兴起了一种新兴的布局方式——弹性布局。 取代我们之前“display+float+position”的布局形式,采用全新的弹性布 阅读全文

posted @ 2019-06-19 12:44 追风0315 阅读(7584) 评论(0) 推荐(0) 编辑

2019年6月17日

摘要: 在动态组件上使用 keep-alive: 当在这些组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题 异步组件:在大型应用中,我们可能需要将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块。为了简化,Vue 允许你以一个工厂函数的方式定义你的组件,这个 阅读全文

posted @ 2019-06-17 19:44 追风0315 阅读(1189) 评论(0) 推荐(0) 编辑

摘要: 在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。 它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。新语法的由来可查阅这份 RFC。 插槽内容:文字,html片段,其他组件,如果没有<slot> 插槽,那 阅读全文

posted @ 2019-06-17 19:18 追风0315 阅读(1001) 评论(0) 推荐(0) 编辑

2019年6月14日

摘要: 事件名:始终使用 kebab-case 的事件名 不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称 不同于组件和 prop,事件名不会被用作一个 JavaScript 变量名或属性名,所以就没有理由使用 camelCase 或 Pasca 阅读全文

posted @ 2019-06-14 15:42 追风0315 阅读(338) 评论(0) 推荐(0) 编辑

摘要: Prop 的大小写 (camelCase vs kebab-case) HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 阅读全文

posted @ 2019-06-14 13:08 追风0315 阅读(642) 评论(0) 推荐(0) 编辑