2019年2月12日
vue.js 常用组件库
摘要： VUX：一个凑合的 Vue.js 移动端 UI 组件库：使用频率较低。 github ui demo:https://github.com/airyland/vux Mint UI：基于 Vue.js 的移动端组件库 项目主页:http://mint-ui.github.io/#!/zh-cndem 阅读全文
posted @ 2019-02-12 19:18 yiyiboy-原点 阅读(3878) 评论(0) 推荐(0)
2018年12月11日
Vue：router跳转问题归纳
摘要： 一般我们在vue工程中进行页面跳转，直接用this.$router.push({path:'/xxx ', query: { id: id,name: "yyy"}}) 但是当跳转的路径相同，只有后面携带的参数不同时，往往会出现跳转不生效的情况。 那么往往我们会在进入这个页面的时候调用init()方 阅读全文
posted @ 2018-12-11 15:20 yiyiboy-原点 阅读(1696) 评论(0) 推荐(0)
2018年11月15日
React：生命周期
摘要： 组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount：在渲染前调用,在客户端也在服务端。 componentDidMount：在第一次渲染后调用，只在 阅读全文
posted @ 2018-11-15 17:59 yiyiboy-原点 阅读(150) 评论(0) 推荐(0)
2018年11月8日
JS：export 与export default的区别，结合import的用法
摘要： export：输出本模块（一般一个文件认为是一个模块）提供给外部使用的接口； import：引入其他模块，供本文件使用，可以引用的就是export输出的接口； export有两种方式：export 或者export default； 两者的相同点与区别点如下： 1、两者均可用于导出常量、函数、文件、 阅读全文
posted @ 2018-11-08 14:08 yiyiboy-原点 阅读(2472) 评论(0) 推荐(0)
CSS：实现图片缩放的方式
摘要： 方法一：图片在页面中以背景图的方式出现 html代码： css代码： 鼠标放上去之后，图片在0.7s的时间内放大至原先的1.05倍，鼠标移出，图片恢复； 方法二：图片在页面中以元素存在，即img html代码: css代码： 鼠标放上去之后，图片在0.7s的时间内放大至原先的1.05倍，鼠标移出，图 阅读全文
posted @ 2018-11-08 14:04 yiyiboy-原点 阅读(12922) 评论(0) 推荐(0)
CSS：一个元素在一个容器中居中的方式
摘要： 水平居中 方法一：使用样式text-align: center; 方法二：使用样式margin: 0 auto; 方法三：使用display: flex布局； 方法四：使用绝对定位的方式 垂直居中： 方法一：使用样式vertical-align: middle(需要是行内元素，往往伴随着displa 阅读全文
posted @ 2018-11-08 13:55 yiyiboy-原点 阅读(2515) 评论(0) 推荐(0)
2018年10月22日
element ui:表单查询时，点击提交后，提交按钮不可操作，防止重复提交
摘要： 一般表单提交时，点击提交后，整个表单都应该处于不可操作的状态，为了用户体验良好，我们基本上会在表单的中间位置显示loading 等提示字样。（学习实践记录） 先创建一个表单提交的对话框（例子来源于element ui官网） 点击确定后校验表单内容，然后提交表单内容给后端，同时表单对话框中出现“提交中 阅读全文
posted @ 2018-10-22 16:30 yiyiboy-原点 阅读(8964) 评论(0) 推荐(1)
vue2.0: 页面跳转后，回到此页面时，页面不刷新（多用于列表页与详情编辑页之间的跳转）
摘要： 需求： 1、列表页打开后，从其他页面进来时不刷新数据； 2、详情页返回至列表页时，数据不刷新，同时浏览位置不改变； 3、编辑页返回列表页时，表格该行数据刷新，浏览位置不改变； 实现思路： 1、使用keep-alive来缓存页面； 2、使用路由跳转时：beforeRouteEnter和beforeRo 阅读全文
posted @ 2018-10-22 15:54 yiyiboy-原点 阅读(17804) 评论(0) 推荐(0)
2018年10月12日
动态添加表格列，并且进行数据渲染
摘要： 在element ui中提供了表格的基本操作，现在需要 根据查询条件月份范围 来展示表格的列。处理方式如下： html文件： 前后都是固定的展示，中间展示月份数据时，根据查询月份的范围展示，默认展示7个月份的数据。 后端接口返回数据以后，需要把月份、订单数、金额组成一个对象。放到一个数组items中 阅读全文
posted @ 2018-10-12 15:55 yiyiboy-原点 阅读(1934) 评论(0) 推荐(0)
vue2.0 : 组件间的通信
摘要： 组件间的通信有两种：1、父组件与子组件之间的通信；2、非父子组件间通信； 一、父组件与子组件之间的通信 父组件传递数据给子组件（使用props）： 父组件： <template> <div style="width:100%"> <child :showMessageContent="childMe 阅读全文
posted @ 2018-10-12 14:33 yiyiboy-原点 阅读(196) 评论(0) 推荐(0)
下一页