vue - 随笔分类 - JerryYJ

vue项目最佳实践

摘要：使用vue一年多了，做了一个javaee的项目（全栈，前端使用的mvvm框架vue），三个移动端项目，其中两个钉钉子应用（钉钉的坑很多，心累），一个微信的（ing）。自己也慢慢摸索出一些项目中的最佳实践，整理了一下，做个记录一起交流。如果你在阅读过程中，觉得我某些地方... 阅读全文

posted @ 2018-07-28 20:58 JerryYJ 阅读(1714) 评论(0) 推荐(0)

摘要：近一个月的时间都在忙离职和入职的事情，git上面的项目这几天才开始重新维护。修复了之前的几个issue，又加了几个新的功能组件的应用。今天刚好下午得空，觉得新项目会用到vue的国际化多语言，所以把vue-i18n这个组件的文档过了一遍，总结了一下，写了个小demo包含... 阅读全文

posted @ 2018-06-24 11:51 JerryYJ 阅读(2022) 评论(0) 推荐(0)

摘要：最近项目上有这样一个需求，做统计图表的展示，但是要在一个页面实现图表的切换和按日期条件的查询。类似这样的。点击图标选择器会弹出一个列表供用户选择要看的图表类型，图表选定后，点击右上角的选择日期会查询数据刷新当前的图表。其实，这种需求最简单的做法，就是将所有的图表写在一... 阅读全文

posted @ 2018-04-17 13:56 JerryYJ 阅读(396) 评论(0) 推荐(0)

摘要：现在下拉刷新和上拉加载更多是很常见的需求，并且在列表上的用户交互（比如删除当前列表项，标记当前列表项为收藏等）也是非常常见的需求，mint-ui提供了Loadmore组件和CellSwipe组件分别实现了上述两种功能。关于两个组件的详细使用，这里不废话了，官网的例子跑... 阅读全文

posted @ 2018-04-17 08:10 JerryYJ 阅读(465) 评论(0) 推荐(0)

摘要：概要下拉刷新是很常见的应用需求，也是目前很主流的一种交互手段，之前一直使用的是mint-ui的load-more组件，但是要配置的项太多，比较复杂，今天有空自己写了一个下拉刷新的组件，主要是自己体会一下这种组件的实现机制和编写的难点，折腾了一个小时，终于写出了一版像样... 阅读全文

posted @ 2018-03-17 14:59 JerryYJ 阅读(242) 评论(0) 推荐(0)

摘要：本文主要介绍vue移动端使用富文本编辑器的使用及常见问题处理。参考组件vue-html5-editor。本例主要基于vue-cli脚手架创建。更多vue相关应用请参考：https://github.com/JerryYuanJ/a-vue-app-template1.... 阅读全文

posted @ 2018-01-25 14:11 JerryYJ 阅读(5608) 评论(1) 推荐(0)

摘要：本节主要包含以下内容数据mock和axios的使用用户圆形头像的显示样式1.数据mock首先我们先在mock文件夹中定义一个标准的json数据文件data.json{ "my": { "name": "周一", "age": 39, "gender... 阅读全文

posted @ 2017-11-30 13:58 JerryYJ 阅读(374) 评论(0) 推荐(0)

摘要：本节主要包括以下内容：应用中心界面的布局mt-swipe，loadmore，mt-cell，mt-actionsheet等组件的使用echarts的使用1.应用中心界面的布局页面的大体结构是一个头标题，走马灯的图片展示区域，和下面的子应用的icon展示。 ... 阅读全文

posted @ 2017-11-30 11:11 JerryYJ 阅读(389) 评论(0) 推荐(0)

摘要：本节主要包含以下内容：首页大致布局vuex进行底部tabbar的显示与隐藏控制和tab选中控制mint-cell-swipe组件的使用1.vuex的引入与使用首先在state文件夹中新建一个mutation_types.js用于存放要提交的动作，和一个index.js... 阅读全文

posted @ 2017-11-30 09:51 JerryYJ 阅读(2186) 评论(0) 推荐(0)

摘要：本节包含以下内容：使用vue-cli脚手架搭建一个项目项目的主界面搭建vue-router的使用1.项目搭建使用vue-cli的脚手架可以帮助我们快速的搭建一个基于webpack的vue项目，在命令行输入 vue init webpack '项目名称' ，可以快速... 阅读全文

posted @ 2017-11-29 22:55 JerryYJ 阅读(790) 评论(0) 推荐(0)

摘要：之前学习vue的知识期间，自己写了一个基于mint-ui的移动小应用，主要是将vue相关的知识串联起来一起使用，形成一个开发体系。今天晚上将这个小项目整理了一下，做个笔记。项目包含的知识点如下：基于vue-cli的脚手架项目的搭建vue-router管理项目的页面跳转... 阅读全文

posted @ 2017-11-29 21:33 JerryYJ 阅读(1021) 评论(0) 推荐(0)

JerryYJ