随笔分类 -  前端

1 2 下一页
nightwatch系列教程05——Nightwatch配置详解
摘要：本章内容翻译自http://nightwatchjs.org/gettingstarted#settings-file。测试运行接收一个配置文件作为参数，默认是当前目录下的 nightwatch.json 文件。如果在同目录下还找了到了 nightwatch.conf... 阅读全文
posted @ 2018-08-27 21:20 JerryYJ 阅读(1483) 评论(0) 推荐(0)
nightwatch系列教程04——开发者指南：在测试中使用Page Object
摘要：本章内容翻译自http://nightwatchjs.org/guide#page-objects。使用 Page ObjectsPage Objects方法是一种流行的模式，通过将web应用程序的页面或页面片段包装为对象来编写端到端测试。页面对象的目的，是通过抽象出... 阅读全文
posted @ 2018-08-25 16:15 JerryYJ 阅读(607) 评论(1) 推荐(0)
nightwatch系列教程03——开发者指南：运行你的测试脚本
摘要：本章内容翻译自http://nightwatchjs.org/guide#running-tests。测试运行器Nightwatch 包含一个命令行的测试运行器，它让运行测试文件和生成有用的输出变得非常简单。有几种不同的方式来使用测试运行器，这取决你的安装方式。全局安... 阅读全文
posted @ 2018-08-25 13:46 JerryYJ 阅读(675) 评论(0) 推荐(0)
nightwatch系列教程02——开发者指南：使用Nightwatch
摘要：本章内容翻译自http://nightwatchjs.org/guide#using-nightwatch。编写测试在页面上使用推荐的CSS选择器，nightwatch让编写自动化测试变得很简单。 在你的项目中创建一个独立的文件夹，比如：tests。这里面的每个文件都... 阅读全文
posted @ 2018-08-25 13:03 JerryYJ 阅读(882) 评论(0) 推荐(0)
nightwatch系列教程01——Hello Nightwatch
摘要：最近给前端项目做持续集成，用了nightwatch作为end-to-end测试框架，期间踩坑不断，不过总算有惊无险的完成了任务，实现了领导给的三个happy path的测试。学习期间，顺便把nightwatch官网文档稍微撸了一遍，我查了一下，貌似没有中文文档，所以这... 阅读全文
posted @ 2018-08-23 23:55 JerryYJ 阅读(1607) 评论(1) 推荐(0)
vue项目最佳实践
摘要：使用vue一年多了，做了一个javaee的项目（全栈，前端使用的mvvm框架vue），三个移动端项目，其中两个钉钉子应用（钉钉的坑很多，心累），一个微信的（ing）。自己也慢慢摸索出一些项目中的最佳实践，整理了一下，做个记录一起交流。如果你在阅读过程中，觉得我某些地方... 阅读全文
posted @ 2018-07-28 20:58 JerryYJ 阅读(1714) 评论(0) 推荐(0)
webpack系列学习01——hello webpack
摘要：自从换新工作后，每天10点上班，6点多下班，20多岁过起了养老的生活。经过一个多月的自我挣扎，终于开始决定每天回家后不能再颓废了。定个目标，每周至少三篇原创博客。自行监督，如果做不到，（再说）。 就先从webpack下手吧。先说一句，强烈建议看官方文档，这个webpa... 阅读全文
posted @ 2018-07-25 23:12 JerryYJ 阅读(370) 评论(0) 推荐(0)
工作笔记八——vue项目的多语言/国际化插件vue-i18n详解
摘要：近一个月的时间都在忙离职和入职的事情，git上面的项目这几天才开始重新维护。修复了之前的几个issue，又加了几个新的功能组件的应用。今天刚好下午得空，觉得新项目会用到vue的国际化多语言，所以把vue-i18n这个组件的文档过了一遍，总结了一下，写了个小demo包含... 阅读全文
posted @ 2018-06-24 11:51 JerryYJ 阅读(2022) 评论(0) 推荐(0)
工作笔记七——vue项目中使用ref属性刷新当前子路由
摘要：最近项目上有这样一个需求，做统计图表的展示，但是要在一个页面实现图表的切换和按日期条件的查询。类似这样的。点击图标选择器会弹出一个列表供用户选择要看的图表类型，图表选定后，点击右上角的选择日期会查询数据刷新当前的图表。其实，这种需求最简单的做法，就是将所有的图表写在一... 阅读全文
posted @ 2018-04-17 13:56 JerryYJ 阅读(396) 评论(0) 推荐(0)
工作笔记六——mint-ui的loadmore和mt-cell-swipe结合使用问题
摘要：现在下拉刷新和上拉加载更多是很常见的需求，并且在列表上的用户交互（比如删除当前列表项，标记当前列表项为收藏等）也是非常常见的需求，mint-ui提供了Loadmore组件和CellSwipe组件分别实现了上述两种功能。关于两个组件的详细使用，这里不废话了，官网的例子跑... 阅读全文
posted @ 2018-04-17 08:10 JerryYJ 阅读(465) 评论(0) 推荐(0)
细说javascript（二）—— 函数基础
摘要：函数，对于js来说，应该是最重要的部分之一了。它本身也是一个对象。本文将介绍函数的基础部分相关知识。（ES6函数新特性请戳阮老师的链接http://es6.ruanyifeng.com/#docs/function,本文不涉及）1.定义函数首先要明确的一点是，函数也是... 阅读全文
posted @ 2018-04-14 00:33 JerryYJ 阅读(170) 评论(0) 推荐(0)
细探javascript（一）—— 对象
摘要：深度理解js面向对象的基础——对象的基本使用及更高级的用法。创建对象这里介绍的创建对象，不是面向对象的。创建对象可以使用如下两种方式：其中，obj1这种对象定义方式叫对象字面量；obj2是使用new关键字加上Object的构造函数创建的对象。可以看到，定义到对象上的属... 阅读全文
posted @ 2018-04-10 21:20 JerryYJ 阅读(179) 评论(0) 推荐(0)
工作笔记五——自己实现一个Vue的下拉刷新组件
摘要：概要下拉刷新是很常见的应用需求，也是目前很主流的一种交互手段，之前一直使用的是mint-ui的load-more组件，但是要配置的项太多，比较复杂，今天有空自己写了一个下拉刷新的组件，主要是自己体会一下这种组件的实现机制和编写的难点，折腾了一个小时，终于写出了一版像样... 阅读全文
posted @ 2018-03-17 14:59 JerryYJ 阅读(242) 评论(0) 推荐(0)
工作笔记四——vueJS在移动端使用富文本编辑器
摘要：本文主要介绍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)
工作笔记三——使用pdf.js实现pdf文件的在线预览
摘要：最近做移动项目（H5）时遇到一个需求，就是在线预览pdf文件。其实本来使用window.open()就可以实现了，但是这个API在IOS上是正常的打开Safari浏览器进行预览，在安卓上打开是则是下载预览，客户不满意；而且在将该应用嵌入到钉钉微应用时，这个API在安卓... 阅读全文
posted @ 2018-01-06 21:07 JerryYJ 阅读(941) 评论(0) 推荐(0)
工作笔记二——mint-ui的MessageBox的prompt用户输入校验
摘要：我们知道，在mint-ui的组件中，有一个MessageBox，用于弹出对话框与用户进行交互的，它支持常见的三种对话框：简单的提示框alert，提示确认框confirm，用户输入对话框prompt，这三种的用法比较简单，只要参考官网的配置去设置对应的options就可... 阅读全文
posted @ 2017-12-26 16:01 JerryYJ 阅读(2346) 评论(0) 推荐(0)
基于mint-ui的移动应用开发案例五（个人中心）
摘要：本节主要包含以下内容数据mock和axios的使用用户圆形头像的显示样式1.数据mock首先我们先在mock文件夹中定义一个标准的json数据文件data.json{ "my": { "name": "周一", "age": 39, "gender... 阅读全文
posted @ 2017-11-30 13:58 JerryYJ 阅读(374) 评论(0) 推荐(0)
基于mint-ui的移动应用开发案例四（应用中心）
摘要：本节主要包括以下内容：应用中心界面的布局mt-swipe，loadmore，mt-cell，mt-actionsheet等组件的使用echarts的使用1.应用中心界面的布局页面的大体结构是一个头标题，走马灯的图片展示区域，和下面的子应用的icon展示。 ... 阅读全文
posted @ 2017-11-30 11:11 JerryYJ 阅读(389) 评论(0) 推荐(0)
基于mint-ui的移动应用开发案例三（首页）
摘要：本节主要包含以下内容：首页大致布局vuex进行底部tabbar的显示与隐藏控制和tab选中控制mint-cell-swipe组件的使用1.vuex的引入与使用首先在state文件夹中新建一个mutation_types.js用于存放要提交的动作，和一个index.js... 阅读全文
posted @ 2017-11-30 09:51 JerryYJ 阅读(2186) 评论(0) 推荐(0)
基于mint-ui的移动应用开发案例二（项目搭建）
摘要：本节包含以下内容：使用vue-cli脚手架搭建一个项目项目的主界面搭建vue-router的使用1.项目搭建使用vue-cli的脚手架可以帮助我们快速的搭建一个基于webpack的vue项目，在命令行输入 vue init webpack '项目名称' ，可以快速... 阅读全文
posted @ 2017-11-29 22:55 JerryYJ 阅读(790) 评论(0) 推荐(0)

1 2 下一页