摘要: 刚看完一节慕课网的css动画,在此总结下 1. 先说下 transform、transition、translate的区别 transform 和 transition是css的2个属性,translate属于transform里的一个方法; 2.语法: transform有4个方法,分别是tran 阅读全文
posted @ 2018-08-15 18:12 桑甚姑娘 阅读(2467) 评论(0) 推荐(0) 编辑
摘要: 1. 单元素/组件的过渡transition Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 实例: 2. 过渡的类名 在进入/离开的过渡中,会有 6 个 c 阅读全文
posted @ 2018-08-13 17:18 桑甚姑娘 阅读(2672) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是插槽 插槽slot 是往父组件中插入额外内容,实现组件的复用,一个插槽插入到一个对应的标签中 2. 实例: 一个组件中不允许有两个匿名插槽 3. 作用域插槽 固定写法:父组件中<template slot-scope="props"></template> //props可以自定义用来接 阅读全文
posted @ 2018-08-12 21:13 桑甚姑娘 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 1. 组件中 is 的特性: 有些 HTML 元素,诸如 <ul>、<ol>、<table> 和 <select>,对于哪些元素可以出现在其内部是有严格限制的。而有些元素,诸如 <li>、<tr> 和 <option>,只能出现在其它某些特定的元素内部。 这会导致一些bug: 字符串 (例如:tem 阅读全文
posted @ 2018-08-12 11:24 桑甚姑娘 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 本文接着之前的todolist例子,通过vue-cli + webpack 搭建项目:针对于vue-cli 2.x版本,更高版本找官网https://cli.vuejs.org/guide/installation.html 1. 环境搭建 检查电脑是否已经安装有npm 和 node ,通过npm 阅读全文
posted @ 2018-08-05 17:41 桑甚姑娘 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 1. 以下是 todolist 的例子,没有用到组件:下面的3 会通过组件拆分todolist 2. 全局组件和局部组件怎么写? 全局组件:在js中直接定义 Vue.component('组件名‘,{ 业务逻辑}),然后在body中直接使用组件名,子组件可以传参,组件中使用props去接收参数 局部 阅读全文
posted @ 2018-08-04 15:48 桑甚姑娘 阅读(654) 评论(0) 推荐(0) 编辑
摘要: 1. 挂载点,模板,实例的关系? 首先附上一个基本demo: 解释: 挂载点:就是el 所代表的id为root的div,指明vue只对这个div起作用 模板:div里面的内容 实例:在vue实例中指定了挂载点,模板,vue会自动结合模板和数据生成最后的内容,然后把内容放在挂载点之中 2. 计算属性和 阅读全文
posted @ 2018-08-04 13:31 桑甚姑娘 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 1. 前端框架 BUI :基于JQuery的客户端UI框架 官网:http://www.builive.com/,主要用来进行后台的搭建 优点:现成的页面多,可提高开发效率 缺点:设计风格丑,文档写的是个鬼啊,例子对不上,看的很痛苦,和bootstrap有冲突 总结:如果对界面要求不多可以拿来用,如 阅读全文
posted @ 2018-07-23 19:14 桑甚姑娘 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 前几天看了阮一峰的Flex布局教程,讲的很不错,总结一下,有兴趣的可以去看原文http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 一 Flex布局? Flex全名Flexible Box即弹性布局, 基本用法:display:flex; 阅读全文
posted @ 2018-07-23 17:31 桑甚姑娘 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 二 Viewport meta标签: 语法:<meta name="viewport" content="name=value, name=value"> 参数: 1. width: 设置布局viewport的特定值(" device-width" ) 阅读全文
posted @ 2018-07-22 16:32 桑甚姑娘 阅读(274) 评论(0) 推荐(0) 编辑