- 博客(52)
- 资源 (3)
- 收藏
- 关注
原创 Logicflow前端适配flowable需求的工作流开发
会报错,必须在提交xml的时候修改xml的。,这个key是判断流程是否可用,必须设置成。1、logicflow生成的xml,默认。4、节点自定义属性需要在属性前加上。,不然提交时xml会报错。
2022-12-29 10:22:01 1627 9
原创 【Highchart折线图横坐标相同悬浮只显示最后加载的点信息】
highcharts折线图数据 里如果有两个或以上点的横坐标相同,悬浮时只显示最后一个点的信息,折线图默认是按照x轴定位的,如果要悬浮显示不同的点信息,需要在 series里设置series: [{name: '安装,实施人员',}]
2022-09-09 17:39:07 252
原创 vue-cli3.x项目axios调用本地json数据
今天各种尝试用axios调取本地的json文件,发现都是404,明显路径不对,瞎折腾了一下午才发现vue-cli3的index.html是再public文件夹下,所以"/"对应的路径就是public文件夹,只需要把json文件放到public文件夹下就可以了axios.get("/xxxx.json")...
2021-11-12 18:15:33 611
原创 H5在客户端调试 --- Vconsole
今天碰到一个问题,就是app客户端内嵌了H5的活动页,调接口一直有问题,但是在浏览器打开没问题,客户端又没法调式,只能跟后端沟通,让查看接口日志看报错情况,后端反馈是token没传,但是在页面绑定的链接和token都显示传了,接口调用情况不能像浏览器查看,我老大给我介绍了Vconsole插件,操作很简单,只要引入cdn链接,引入实例就行。app端打开对应的界面右下角就有vConsole按钮了,可以向浏览器一样查看log和接口调用情况<script type="text/javascript" sr
2021-01-22 16:36:05 472
原创 点击jqgrid单元格内容复选框不选中
在多选的jqgrid表格里,如果单元格有个按钮或者可编辑的文字,需求是点击按钮或者文字row不被选中,冒泡、浏览器默认行为禁止都没用。解决方案:setSelection onSelectRow: function(rowId, status, e) { // 判断条件 var clickTarget = $(e.target); var handleType =...
2019-12-20 13:42:36 1355
原创 屏蔽浏览器自动填充
设置输入框为只读属性,修改背景色,伪装成可以输入状态,在输入框获取焦点时移除只读属性,完美兼容各主流浏览器,亲测有用<input type="text" readonly="" onfocus="this.removeAttribute('readonly');" style="background: #fff">...
2019-12-13 10:53:44 185
原创 错误图片链接判断及处理
通常做法: 前端获取一个连接,判断是否为图片时,一般是创建一个new Image() 新建一个图片对象,然后讲src设置为此链接,去判断image的宽高var unknownUrl = "asdasdasd" var image = new Image(); image.onload = function(){ }; image.src = unknownUrl;快捷...
2019-12-12 15:05:18 881
原创 添加商品到购物车动画(fly.js)
添加商品到购物车动画1、库文件引入jquery.fly.min.js是基于jquery的库<script src="js/libs/angular-ui-router.min.js"></script><script src="js/libs/jquery.fly.min.js"></script>2、使用:需要三个目标,目标对象、fly...
2019-04-11 14:43:30 522
原创 拾色器 插件 Farbtastic
基本用法1、引入 farbtastic.js 和 farbtastic.css(注:基于jquery的,先把jquery引进去,css包含三张图别忘了设置正确路径,不然只能看到一个方块)<script type="text/javascript" src="farbtastic.js"></script><link rel="stylesheet" href=...
2018-12-12 15:59:22 1342
原创 ng-model在ng-if和ng-switch下绑定无效
原因:ng-if 或者 ng-switch 指令会创建一个子级作用域,因此使用 ng-model 在绑定变量时 $scope 是相对父作用域的,因此无法取到该变量。解决方案: 1. 使用 ng-show 代替 ng-if 2. 绑定变量时使用$parent.o...
2018-11-16 16:21:01 521
原创 localstorage存储对象在localhost下存储可以正常访问,换用本机ip就无法获取?
今天在做项目时,发现存在localstorage的存储对象,在localhost下存的,切换成localhost代理的IP访问到的对象未空,哪位大神能帮我解惑一下?
2018-10-23 14:37:05 2551
原创 Js判断数组和对象包含某个元素
1、对象包含某个元素js判断一个对象里是否包含某个属性,使用 invar obj = {name: &quot;名称&quot;, age: &quot;11&quot;};console.log(&quot;age&quot; in obj) // 打印结果为 trueconsole.log(&quot;sex&quot; in obj) // 打印结果为
2018-09-26 15:26:58 7960
原创 特殊字符转义encodeURI和encodeURIComponent
今天在改bug的时候看到测试提出了这样一个问题,创建商品时,商品名为 ~!@#$%^&*()_+{}":>?< 这个玩意的时候创建失败,自动退出。 虽然看创建这个名字很扯淡,但
2018-09-04 14:39:55 2765
原创 AngularJs全选与单选相互控制的两种方法
全选功能相信大家都遇到过,如果全选只是简单的全部选中,全部取消勾选,无疑是一个很简单的功能,但是在相互控制的情况下有些问题就可能考虑不周。这里的相互控制是指:全选复选框控制列表所有项的全部选中和反全选,一项一项勾选列表项至每一项都勾选时,全选复选框状态也被选中,列表项其中一个取消勾选,全选状态取消选中。方法一: $watch监听<div style="width: 800px; ...
2018-08-21 13:54:54 1218
原创 angularJs file ng-change无效及上传后清空选中的文件
file ng-chanage失效 Angular对应 onchange 事件的指令是 ng-chanage ,但是在input[type = file] 时 ng-change 是无效的。原因: ng-change 要与 ng-model 一起使用,但是对于file来讲, ng-model 无...
2018-08-14 14:29:30 2272
原创 angularJs HighChart插件
AngularJs调用highChart模块插件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;highchart 插件是一款非常实用而且兼容性强大的数据可视化图标插件,基本常用的图表都有实例,只需要引入模块,然后调整数据结构即可完成此功能。1、在自己的module中引入 highcharts-ng 模块angular.module(&quo
2018-07-30 14:43:04 512
原创 AngularJs可拖拽排序列表
angular-sortable-view 是一款很好用的angularJs可拖拽列表排序插件,使用也非常简单,其内部封装了几个指令,直接注入模块,调用指令即可实现功能。使用说明: sv-root 根据名字也能大概猜出功能,主
2018-07-25 10:45:43 2980
原创 AngularJs禁止冒泡事件
$event.stopPropagation();今天看见一个比较恶心的需求,就是点击表格的 <tr> 第一格的 <input type="checkbox"> 选中,问题来了, 不知情的情况下去点击<input type="checkbox">会发现无法选中。<tr ng-repeat="item in myProductList" ng
2018-07-19 18:08:18 622
原创 angular select 用法
angular select用法1:数组 // 循环数组 $scope.books = [ {"id": 1, "name": "Chinese", "number": "2"}, {"id": 2, "name&q
2018-06-28 17:55:25 555
原创 angularJs回车事件
AngularJS 回车事件是借助指令 ng-keyup 完成,ng-keyup 指令用于告诉 AngularJS 在指定 HTML 元素上按键松开时需要的操作。ng-keyup 指令不会覆盖元素的原生 onkeyup 事件, 事件触发时,ng-keyup 表达式与原生的 onkeyup 事件将都会执行。 因此,...
2018-06-26 11:31:05 2443
原创 bootstrap模态框内跳转页面去掉遮罩层
bootstrap的模态框相信很多前端小伙伴都在用,不知道你有没有遇到在模态框内跳转页面的情况,跳转过去之后,模态框外面阴影遮罩层还是在整个界面,必须刷新一次界面才能操作界面。 不管在触发跳转的地方使用 data-dismiss=
2018-06-20 16:40:27 3021 1
原创 angularJs定时器($interval)、延时器($timeout)模拟发送验证码交互
定时器顾名思义就是在设定时间间隔周期性执行事件,适用于计时或者周期性事件。 延时器是在设定的时间之后执行设定的事件。 angularJs封装了定时器($interval)和延时器($timeout)的服务,只需要在controller注入相应的服务就可以直接使用。<!DOCTYPE html><html lang="en"><head> ...
2018-05-31 17:31:10 855
原创 angularJs上传图片、设定图片宽高及图片预览
封装angularJs上传图片的指令多不胜数,只能上传图片,无法判断图片的宽高,往往对于某些特定的界面,想要最好的客户体验必须上传特定比例或大小的图片。封装一个功能齐全的指令可以剩下很多重复工作。上传图片<!DOCTYPE html><html lang="en">&
2018-05-10 17:48:01 2033
原创 ui-router传参
angularJS的ui-router传参配置不好的话会发现传过去的参数只是一次性的,也就是刚跳到界面的时候可以捕获到这个参数,再次刷新的时候这个参数就获取不到了。ui-router传参首先来看一下相关的三个属性: sta
2018-04-26 18:16:09 425
转载 vue-cli封装axios
安装及代理跨域在这就不介绍了,可查看我的另一篇笔记 Vue2项目架构搭建(六)——axios调用接口、webpack代理跨域配置。封装请求 封装的时候,我通常喜欢把请求抽象成三个文件,文件位置放在src中,只要你能引用到,就没
2018-04-25 10:20:37 818
原创 vue-cli项目修改文件热重载失效
遇到一个很奇怪的问题,就是之前vue-cli创建的项目,在起初修改文件可以热重载,但是后面突然间就无法无刷新浏览器更新了,一只以为是热重载出问题了,折腾了半天也没纠结出什么结论,最后百度了一下,原来是编译器webstrom的锅。问题原因 &nbs...
2018-03-23 09:19:01 4184 1
原创 vue引入sass全局变量
vue引入sass全局变量 sass或者less都提供变量设置,在需求切换主题的项目中使用less或者sass变量,只要修改变量值,编译后所有用到该变量的样式都会被修改为你想要的效果,但是在vue-cli搭建的项目中,在main.js中全局引入一个scss文件,在其中定义变量在其他组件或者页面中引用报变量未定义错...
2018-03-22 13:45:16 12154 2
原创 Vue 第三方字体图标引入 Font Awesome
Font Awesome 用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利,不管是在加载还是修改方面,字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少,又不想用图片,只能自己扩展图符咯。 &nb
2018-03-21 13:30:33 12204 1
原创 jquery mobiscroll
mobiscroll.android-ics-2.5.2.js 配置文件修改下拉框宽高时不要去修改样式,直接配置即可,有时配置出来的宽度在火狐跟谷歌浏览器上差异很大,可以在逻辑界面直接设置下拉框的宽度为窗口界面宽度的百分比即可。(function ($) { var theme = { defaults: { dateOrder: 'Md...
2018-03-13 11:35:06 697
原创 导出Excel(兼容各主流浏览器,也可手动设置表头)
导出功能放在后端做事最简单,最高效的。但是不排除某些特殊需求,比如多语言,后端无法做翻译的时候,需要前端先做翻译。实际上就是前端先把数据查询一遍,把数据和表头按语言翻译好之后再做导出功能。说真的,这种做法很low,但是数据混合在一起,后端没法翻译,只能前端来做,如果那位小伙伴有好的解决方案,可以留言告知在下。插件: xlsx.core.min.js 、alasql.min.js使用方法: ...
2018-02-11 18:00:54 458
原创 纯css制作图标
border最多的使用可能就是作为区域划分的边框线,很少用border制图吧。第一次了解到css可以制作图标还是在用bootstrap的下拉框的小三角时发现的,没想到border属性还有这种操作,感觉很不可思议。之前看到一位阿里前端的前辈讲到一些大公司在面试的时候会问使用css画图形的使用。不管是加载速度还是自己使用,纯css可以实现就不使用图片是最佳选择,所以还是很有必要去了解一下的。原
2018-01-23 17:06:59 1547 1
原创 Vue2项目架构搭建(九)—— 打包项目
vue开发的东西基础架构已经搭建完成,还有很多关联的插件,具体等以后用到再补充,最后就是项目打包。打包代码vue-cli已经配置好打包工具,只需要我们在当前项目下build就好,连续两次Ctrl + c 退出服务启动,执行npm run bulid下图显示完成打包和生成的文件目录: 打包完成后,项目目录会自动生成打包生成的dist文件夹,证明打包成功了。检测打包代码
2018-01-22 17:30:40 339
原创 Vue2项目架构搭建(八)—— vue-router2路由配置和调用
路由是SPA子页面的跳转机制,Vue的官方路由是vue-router。安装路由vue-cli在创建项目时有询问是否创建vue-router,如果选了Y,vue-cli已经将路由安装好了,可以直接跳过安装和引入,直接去配置组件;如果选了N,执行npm install --save-dev vue-router路由配置安装好之后,在router文件夹下的index.js中引入v
2018-01-22 16:55:37 1573 1
原创 Vue2项目架构搭建(七)——工具类方法调用
工具类方法定义不可避免的每个项目都会抽出很多数据处理的公共方法,统筹到工具类文件中,vue在定义工具类方法和传统方法一样,只是用了es6的export default导出,示例如下:export default{ alertTip (str) { alert(str) } method1 () { } method2 () { } ...}
2018-01-22 14:11:48 5766
原创 Vue2项目架构搭建(六)——axios调用接口、webpack代理跨域配置
自从Vue 更新到 2.0 之后,官方就不再更新 vue-resource目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求。axios的使用vue-cli没有预下载axios库,因此需要先安装axios库: npm install --save-dev axios安装好之后,先在main.js中引入axios,再设置全局属性$http指向axios
2018-01-22 11:33:44 6293 2
原创 Vue2项目架构搭建(五)——组件的引入
组件是vue最强大的功能之一,一个vue文件就是一个Vue组件,主要包括三部分:template,script,style。 template标签内是写组件视图的地方,但是要注意的一点是 template中的内容必须先包裹一层html标签,否则直接报错,别问为什么,这是铁律。 script标签内主要是引入第三方库、组件、方法和数据调用等。 style
2018-01-19 17:53:20 651 1
原创 Vue2项目架构搭建(四)——Sass和css引入
sass引入 方法一:在main.js中加入import "./style/***/****.scss"; 方法二:在App.vue文件的style@import "./style/***/****.scss"; 方法三:在vue文件的style中写sass语句,需要设置style的lang属性为“scss”否则会无效,scoped表示只对该组件生效。 div{
2018-01-19 16:40:09 970
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人