Goff956

2018年7月31日

摘要：文字溢出容器打点展示单行文本 white-space: nowrap; 文字超出不换行 text-overflow: ellipsis; 超出部分打点展示多行文本 pc端不用这个技术，会有兼容问题；所以前端不做打点只做截断；文字底对齐文字会与行级块元素顶对齐；但是如果行级元素里面有文字时，就阅读全文

posted @ 2018-07-31 20:55 Goff956 阅读(417) 评论(0) 推荐(0) 编辑

BFC和margin塌陷问题

摘要： margin塌陷问题 (margin塌陷)父子元素之间垂直方向的margin会粘合到一起，取最大的那个值； css是把html里面的每一个元素都当成一个盒子，而且它进一步的认为每一个盒子里面都有一套渲染规则，这个渲染规则是，你写完这个代码它能按照你写的代码把页面绘制出来。每一套盒子里面都有一个一模阅读全文

posted @ 2018-07-31 20:42 Goff956 阅读(696) 评论(0) 推荐(0) 编辑

Vue滚动插件之better-scroll

摘要：引用自 https://zhuanlan.zhihu.com/p/27407024 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。以滴滴为例，可以是这样竖向滚动的列表，如图所示：也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现阅读全文

posted @ 2018-07-31 14:26 Goff956 阅读(1322) 评论(0) 推荐(0) 编辑

2018年7月30日

左右固定中间自适应布局

摘要：第一种方法：浮动 <section class="layout float"> <style type="text/css"> .layout.float .left{ float: left; width: 300px; background: red; } .layout.float .righ 阅读全文

posted @ 2018-07-30 19:57 Goff956 阅读(160) 评论(0) 推荐(0) 编辑

vue导航守卫

摘要：三部分 const router = new Router({}) router.beforeEach(function (to,from,next) {} // export default router 3. 未完待续阅读全文

posted @ 2018-07-30 19:51 Goff956 阅读(106) 评论(0) 推荐(0) 编辑

vue-router（2）

摘要： 1. 动态路由匹配 /home/123456 > resFul > params /home?room_id=123456 > query (1) resFul (1.1) 通过$route.params获取id <div>房间号：{{$route.params.id}}</div> <div>成员阅读全文

posted @ 2018-07-30 19:49 Goff956 阅读(78) 评论(0) 推荐(0) 编辑

vue-router(1)

摘要：构建项目 vue init webpack vue-router-demo cnpm install 使用vue-router 1. 在src文件夹下 -- 新建router文件夹 -- 新建index.js 2. 在index.js中引入vue、vue-router import Vue from 阅读全文

posted @ 2018-07-30 19:46 Goff956 阅读(117) 评论(0) 推荐(0) 编辑

vuex

摘要： vue init webpack vue-vuex 创建vuex项目 cnpm install 安装依赖 cnpm install vuex --save 安装vuex包 import Vuex from 'vuex' 引入vuex插件 Vue.use(Vuex) 使用vuex插件在scr文件夹下阅读全文

posted @ 2018-07-30 19:44 Goff956 阅读(117) 评论(0) 推荐(0) 编辑

vue过渡动效

摘要： transition .v-enter{} 当前组件刚进入时的样式 .v-enter-to{} 当前组件进入完成的样式 .v-enter-active{} 当前组件进入的过程中的样式 .v-leave 当前组件离开时的样式 .v-leave-to 当前组件离开完成时的样式 .v-leave-acti 阅读全文

posted @ 2018-07-30 19:39 Goff956 阅读(142) 评论(0) 推荐(0) 编辑

computed

摘要： computed 计算属性（派生值，附加值）基于原来的属性，对数据进行处理，不改变原数据阅读全文

posted @ 2018-07-30 19:37 Goff956 阅读(230) 评论(0) 推荐(0) 编辑

公告