guo一清-CSDN博客

最近写代码发现了一个可以代替一些if else 的 js三元表达式，发现越用越好用，效率也挺高，特记录一下：表达式 (expr1) ? (expr2) : (expr3)在 expr1 求值为 TRUE 时的值为 expr2，在 expr1 求值为 FALSE 时的值为 expr3。程序员小白的学习之路...

2018-08-23 10:37:37 3436

原创 vue移动端app调用百度地图实现简单定位

最近做毕业设计做了一个手机定位的小功能，在此记录下来，我这个定在在电脑上进行测试是没有权限的，只有在手机上测试才能拿到具体的地理位置。第一步先是建立一个map.js文件，用来引入和暴露百度地图的组件，具体内容如下：export function MP(ak) { return new Promise(function (resolve, reject) { window.o...

2018-06-27 10:04:36 16184 2

转载同时验证固定电话和手机号的正则表达式

^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$写在js里面开头和结尾要加/

2018-05-22 10:06:27 4333

原创 vue过滤器，日期自动减一天，返回一个自定义日期格式

今天写了一个日期自动减去一天的过滤器，然后返回一个自定义的日期格式，下面是代码Vue.filter("formatPeriods", function (date) {//传进来一个日期 var startTime = new Date(date).getTime() - 24 * 60 * 60 * 1000;//减去一天 var startYear = new Date(st...

2018-05-15 10:24:39 6788

原创 mint-ui message box confirm弹框确认和取消按钮的回调

调用mint-ui message box confirm方法后点击确认和取消后如何执行对应的回调函数 MessageBox.confirm('', { message: 'xxx,你确定？', title: '提示', confirmButtonText: 'abc', cancelButtonText: '123' }).then(action => { if (action...

2018-05-07 10:29:34 24305 1

原创整数逢三一断和保留两位小数，整数部分逢三一断过滤器

整数逢三一断过滤器：Vue.filter('NumFormat', function(value) { if(!value) return '0.00'; var intPart = Number(value).toFixed(0); //获取整数部分 var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{...

2018-04-28 15:15:42 718

原创点击按钮动态添加input

html:<button ng-click="add"></button><div id ="ex"></div>js:$scope.add = function(){var html = "<input type='file'>"; $("#ex").append(html)}

2018-04-26 15:05:37 7187

原创 perfect-scrollbar滚动条插件的基本使用

今天用了perfect-scrollbar做了一个一般的滚动条，记录一下html方面只需要加一个id和一个类名就行了css方面最外层要有高度，我的这个高度是在js里面动态加的，所以没往上写js上看着api上写就行每个属性api上都有介绍有的情况下需要丢成异步操作才行...

2018-04-19 14:16:30 17929

转载 CSS 实现三角形尖角箭头

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <

2018-04-19 11:46:37 629

原创 angular.copy（深拷贝）基本用法

对于一个对象数组$scope.content = [ {name:1}, {name:20}]第一种copy方法$scope.content2 = angular.copy($scope.content)console.log($scope.content2);第二种copy方法angular.copy(source, [destination]);参数名称参数类型描述sour...

2018-04-19 11:42:47 3252

原创 angular.forEach的基本用法

angular.forEach的基本用法:一、对一个对象数组来说$scope.tradingCertificate = [ { token: '59er14df1g3d2fg5f', Txhash: '56f4g6f4hfg46ffsdfs546sddfg', time: '2018.03.05' }, { ...

2018-04-19 11:37:51 1069

　setItem存储value　　用途：将value存储到key字段　　用法：.setItem( key, value)　　代码示例： sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");　　getItem获取value　　用途：获取指定key本地存储的值　　用法：.getItem(ke...

2018-04-19 11:03:52 13103

原创 angularjs获取当前时间，利用计时器实现时间实时变化

今天写了一个时间计时器，就是当点击按钮时触发事件，获取当前时间，并且让时间实时变化，下面展示效果首先是先初始化时间function initDate(time) { var date = new Date(time), currentdate, detail; var year = date.getFullYear(); var month = date.getMonth(...

2018-04-19 10:59:20 3151

原创 echarts隐藏坐标轴，以及控制柱状图颜色

echarts隐藏坐标轴方法：xAxis : [ { show : false, //设置为true时候显示}],yAxis : [ { show : false,}].echarts控制柱状图颜色方法：series : [ { name: '数量', ...

2018-04-19 09:29:18 11844

原创 vue移动端监听滚动条高度的方法

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部首先做的如何监听滚动条的高度，下面是我写的方法var _this =thiswindow.addEventListener('scroll',function(){ var scrollTop = document.documentElement.scrollTop || document.body...

2018-03-21 08:30:29 15405 1

原创 vue利用type=file 实现本地上传图片

1、要实现的效果图2、div代码<div id="ddd"> <div id="img-group"> <div class="img-item" v-for="item in imgArr"> <img :src="item.src" alt="&quo

2018-02-28 08:55:26 13366 4

原创利用vue2.0的导航钩子实现移动端路由跳转时让滚动条回到顶部

简单了解导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // do something next();...

2018-02-23 14:21:14 2164

原创 div或者p标签单行和多行超出显示省略号

单行文本溢出显示省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本显示省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;这个多行文本省略号在iPhone5好像有点不支持，只...

2018-02-23 14:06:21 23871 1

原创 vue 里面通过v-for循环出来多个相同样式的div,根据index值给每个div添加不同的id名

这是循环出来的多个div循环的数组加上这个方法就可以为每个div添加一个id 为 person_1,person_2 ,person_3................

2018-02-22 14:20:00 48467 2

原创 echarts图标在切换标签时显示不全问题

翻阅了很多资料最后得出结论是echarts源码在编译时，echarts绘制图表计算宽度的时候，由于第二个tab的属性display: none;所以无法获取到clientWidth，而 parseInt(stl.width, 10)) 将width: 100%;转为100，所以计算出的图表宽度为100px解决方法是在echarts初始化之前给装echarts的这个盒子加上一个宽度$("#main-...

2018-01-03 08:51:09 2721

原创 vue 移动端今天写了一个根据后台传过来的http状态码，来实现跳转error页面

首先是现在main.js里面进行配置Vue.prototype.$onError = function (error) { var error_msg = '网络错误'; var toastFlag = true; switch (error.errorCode) { case 401: error_msg = '请先登录'; ...

2017-11-24 08:58:31 4964

原创 vue移动端iso 利用钩子里面的导航守卫beforeRouteLeave实现返回按钮不返回上一次路由，返回到自己指定的路由

最近写移动端的时候遇到一些问题，想分享到自己的博客上，话不多说上代码goCalendar(router){ this.flag = true; this.$router.push({path: router, query: {params: JSON.stringify(this.time)},replace:true});},这里是配置好的一个路由这里先介绍一下导航守卫befo...

2017-11-22 14:39:26 17293

guoyiq的博客

原创封装完axios,接口请求成功却走进catch方法的问题

原创 vue-cli搭建框架

原创 vuex的使用

原创 vue axios的封装

原创 angularjs 用 ajax请求回来数据 ng-model 双向绑定失效问题

原创 js数字转字符串和字符串转数字的方法

原创 js三元表达式