- 博客(20)
- 收藏
- 关注
RSS订阅转载 vue--前端拦截器
一般有数据交互的项目，都需要用到各种不同的验证，其中常见的登录验证、token有效验证，页面（功能）权限验证。当然有需要验证的，就有需要跳过验证的，这时就会用到拦截器。运用拦截器，需要在路由跳转时判断是否需要验证还是跳过验证，下面的例子是在项目实战中用到的拦截器的运用，在router.js文件中添加一下代码，使得Login，paymenyplan/\,statisticsWind...
2019-08-05 14:52:00
354
转载 js--format和replace的用法和区别
在项目开发中遇到一种openApi的接口调用，也就是接口url中带有动态参数，没有了解format的用法前，都是用replace处理的，下面看实例后台提供的接口路径：DeleteMenuCollection: apiPath + '/menuCollection/delete/{menuId}/{menuPerson}',这里用到了menuId和menuPerson两...
2019-06-14 14:48:00
426
转载 PC端JS----笔记
JS问题1、鼠标多次触发事件，但只执行一次 $(div).stop(false, true).animate({'margin-top':'100px'},1000);2、JQ判断<input type="radio" name="" />是否被选中 var a = $('input[type="radio"]').val(); if(a==null) 或...
2019-06-05 14:36:00
248
转载 移动端JS----笔记
5、判断手机还是PC端var type = navigator.userAgent.match(/.*Mobile.*/)?"iphone":"Pc";if(type=="Pc"){ $(".down_up3").hide();}6、手机端页面刷新、加载、切换方法一：使用onDOMContentLoaded事件实现滚动<script src="iscroll.js"&g...
2019-06-05 14:34:00
122
转载 移动端CSS样式----笔记
移动端web1、响应式背影的问题：-webkit-tap-highlight-color:transparent;2、手机web的缩放问题：<meta http-equiv="content-type" content="text/html;charset=UTF-8"><meta name="viewport" content="width=device-widt...
2019-06-05 14:32:00
118
转载 PC端CSS样式----笔记
1、鼠标经过变小手：cursor:pointer;（cursor:hand;）2、a标签无下划线：text-decoration:none;3、a标签添加下划线：text-decoration:underline;4、a标签点击后无虚线边框：outline:none; 5、边框圆角：border-radius:5px;6、table细线边框table {border...
2019-06-05 14:31:00
119
转载 forEach和map方法的区别
forEach()和map()两个方法都是ECMA5中Array引进的新方法，主要作用是对数组的每个元素执行一次提供的函数，但是它们之间还是有区别的。jQuery也有一个方法$.each(),长得和forEach()有点像，功能也类似。但是从本质上还是有很大的区别的，那么我们探探究竟。//forEacharray.forEach(callback(currentValue, ...
2019-06-05 13:53:00
480
转载 进度条的美化（一）
这里记录一种用css控制进度条美化的效果css代码：@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 }}@-moz-...
2019-06-04 15:57:00
367
转载 vue--触发父子组件事件
项目接触多了，用vue开发项目比较喜欢组件化，一个弹框，一个模块都可能写成子组件<!--左侧弹框--><DrawerCount :bureauItem="bureauItem" ref="drawerCount" :isShow="show" @closeDrawer="closeDrawer"/>父组件触发子组件事件这时需要触发子组件的事...
2019-06-04 10:27:00
160
转载 Array对象常用方法
不改变原数组：1、concat() 连接两个或多个数组 不改变原数组 返回被连接数组的一个副本2、join()把数组中所有元素放入一个字符串 不改变原数组 返回字符串3、slice()从已有的数组中返回选定的元素 不改变原数组 返回一个新数组4、toString()把数组转为字符串 不改变原数组 返回数组的字符串形式改变原数组：5、pop()...
2019-02-21 11:22:00
179
转载 js--判断一个对象是否为空对象
判断一个对象是否为空对象，本文给出三种判断方法：1、最常见的思路，for...in...遍历属性，为真则为“非空数组”；否则为“空数组”function judgeObj(Obj){ for(var attr in Obj){ return alert('非空对象') } return alert('空对象')}2....
2019-01-04 14:00:00
94
转载 vue 动态组件的传值
vue项目开发中会用到大量的父子组件传值，也会用到动态组件的传值，常规子组件获取父组件的传值时，第一次是获取不到的，这时候有两种解决方案第一种：父组件向子组件传的是一个json对象,ES6的方法Object.keys() 转化成数组，再判断数组的长度。如果传的是数组，直接判断长度就行<!--父组件动态内容区域--><component :is="cu...
2019-01-04 13:46:00
413
转载 vue 开发、集成、正式环境使用不同npm指令打包
项目中一般上线的流程是开发测试-->集成测试-->正式环境。平时我们开发好的一个版本代码都是在开发测试环境测试，然后是上集成测试给测试组专门测试用，最后是上线到生产环境给客户使用。这时候项目打包会用到不同的地址，但是又不可能每次都去修改我们自己配的公共的接口地址，所有我们会根据不同的npm指令去打包不同的环境的版本。首先，介绍一下项目使用vue框架的代码结构，项目使用...
2018-12-27 16:25:00
149
转载 ie8兼容圆角透明度
前端开发遇到一些项目要兼容IE浏览器是比较头疼的，尤其是对IE8简直是憎恶至极，很多时候需要找各种资料去解决，这里就来谈谈兼容IE8用到的一种首先介绍一下常规的解决方法：1、IE8兼容圆角 很多时候会用背景图片代替，我自己就曾经这么做过，但是写的代码多了，就会发现这是一个非常low的做法2、IE8兼容透明度 这里看一段样式代码，opacity在不同浏览器兼容的方式...
2018-12-05 19:01:00
133
转载 css display:box 布局
css display:box 新属性一、display:box; 在元素上设置该属性，可使其子代排列在同一水平上，类似display:inline-block;。二、可在其子代设置如下属性 前提：使用如下属性，必须在父代设置display:box; 1.box-flex:number; 1）占父级元素宽度的number份 2）...
2018-12-05 14:46:00
75
转载 vue2.0项目实战 --登录权限使用全局公用方法取值
项目开发实战时，遇到要通过鉴权接口获取用户信息和权限信息，这时，一般会用公共的方法或者公共的变量来存储获取这些信息，常规的在用jquery作为框架开发，比较简单，一般是在登录页面的js文件中用ajax请求后台接口，返回的数据保存在Cookie或者localStorage中，如下：login.js$.ajax({ url:timestamp(setIp+"/zqz...
2018-12-03 15:30:00
209
转载 vue2.0项目实战--$set的正确使用及类似购物车的功能开发
vue项目开发过程中，遇到一个需要开发类似购物车的功能，需要根据后台返回数据中对象的一个标识来判断当前数据是否选中，并根据这个标识去删除对应的数据,同时控制操作的icon在不同状态展示不同的样式，如下图：后台接口并不会返回对应的标识，这时我想到了自己动态给这条数据添加一个属性 flag 用来判断：<Col :span="2"> <span v-...
2018-11-23 15:43:00
119
转载 vue 使用echarts以及环形图的运用实例
安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像：1、安装镜像npm install -g cnpm --registry=https://registry.npm.taobao.org2、安装依赖cnpm install echarts -S创建图表全局引入main.js//...
2018-11-23 11:30:00
735
转载 vue 遇到两个数组循环用箭头函数规避this指向问题
基于vue的一个项目，联调接口时遇到一个问题，循环两层数组this的指向问题，用箭头函数可以解决this.priceArray.forEach((index,val,arr) =>{ let temArr = []; arr[val].templateParameterRel.forEach((indexList,value,res)=>{ ...
2018-10-23 16:06:00
343
转载 【百度地图API】如何给自定义覆盖物添加事件
摘要： 给marker、lable、circle等Overlay添加事件很简单，直接addEventListener即可。那么，自定义覆盖物的事件应该如何添加呢？我们一起来看一看~-----------------------------------------------------------------------------------------一、定义构造函数并...
2018-05-21 18:49:00
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人