![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
前端技术框架及记录问题
飞奔的大土豆
今天最好的表现是明天最低的要求
未来早已到来,只是还未普及
展开
-
最近遇到了前端跨域之withCredentials
问题描述:vue 本地开发环境是通过axios直接请求后台,生产环境采用nginx代理;今天本地开发被跨域请求的问题困扰了很久,问题现象:这次后台项目采用springcloudaliba gateway微服务。如果是html直接访问这个微服务,可以访问。但是如果通过网关微服务,来路由转发就不能访问。但是浏览器和Postman通过网关微服务都能访问,就是html不能通过网关访问网上一大堆跨域,gateway vue axios跨域,自己也病急乱投医,各种试错,当看到https://segmen原创 2020-07-12 10:45:01 · 8844 阅读 · 3 评论 -
AMap初级实战之二(MoveAnimation moveTo、moveAlong)
上一篇 是amap 点标记方式闪动,通过websocket推送单个经纬度,后来用moveAlong实现了动画;代码如下图一图二;每次推送都会报"id of undefined",但是动画能动,不想管了,算是遗留了债;一个月后做小程序推送,瞄一眼web推送时,动画只会动一次,然后就再也不动了,心中大喊一时“ 不好” F12一看仅有一个"id of undefined" 下面全是“chain of undefined”;图三; 百度三分钟没搞定就知道要还债了,一度搞得我都想换巡航轨迹,这老哥总结的还可.原创 2020-11-07 17:28:50 · 5758 阅读 · 2 评论 -
Vue-AMap初级实战之一(3d地图加载多marker点-标记方式闪动)
项目需求:在3d地图上面绘制车辆,并能实时监控车辆轨迹技术实现: 由于是个闭环的路径,所以实时的转圈的路径轨迹作用不大,amap还提供有轨迹纠偏,这个待应用,引用技术()流程如下:1: 页面加载3d地图和车辆地图显示2:筛选车辆,进行订阅实时轨迹播放 2.1 订阅ws时,删除地区上其他车辆 2.2 开启订阅车辆ws(绘制本想着用startAnimation采用动画进行展示,后改为点标记方式闪动)3:init local-data加载地图上的车辆待完善:流程2.2:.原创 2020-08-28 11:32:44 · 1453 阅读 · 2 评论 -
Vue之 el-select结合v-if动态控制template显示隐藏
背景: 根据(取值方式)select框中当选择项: 1:范围匹配的时候,(取值)显示两个输入框(上线,下线); 2:精确匹配的时候,(取值)显示一个输入框(精确)二:代码实现<el-table-column label="取值方式" min-width="100" align="center"> <template s...原创 2019-05-17 12:50:17 · 11727 阅读 · 4 评论 -
实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法
问题描述,在下拉菜单中,添加其他元素,例如,原文作者所述的和我自己实际用到的,如果不加处理的话,那么在点击需要操作的元素的时候,由于事件传播的原因将会出现下拉菜单也隐藏掉的情况。解决方法1$('.dropdown-menu a.removefromcart').click(function(e) { e.stopPropagation();});指定要操作转载 2017-05-21 15:12:18 · 6755 阅读 · 2 评论 -
基于boostrap icon 动态显示导航栏样式
平台需求:正常流程-审核通过 Y:自动进行下一步审核,不能手动点击未审核流程进行下一步; N : 保持本页面并刷新审核状态及理由; 审核进行到下一步:可以返回查看上一步流程审核,并可再次返回审核操作!车企需求: 只能查看已审核流程不能审核操作;原创 2017-02-25 14:58:03 · 477 阅读 · 0 评论 -
很不错的两款Bootstrap Icon图标选择组件
这篇文章主要介绍了不容错过的两款Bootstrap Icon图标选择组件,支持自定义的图标,拿出来分享下,绝对的干货,感兴趣的小伙伴们可以参考一下一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的,初初看上去,确实是很不错的,并且是基于bootstrap风格的,所以更加适合使用bootstrap风格布局的项目。既然是github上转载 2017-02-25 11:15:25 · 8309 阅读 · 0 评论 -
jQuery的load方法设计动态加载及解决被加载页面js
上面提了下jQuery的load方法,感觉这需要记录下: jQuery load()方式是一个简单强大的ajax方法。 load()从服务器获取数据,并把返回的数据放入被选元素中。 语法 $(selected).load(URL,data,callback); 其中: URL是必须有的,剩下连个是可选的,callback参数是load()方法执行完后要他去执行的函数。原创 2017-12-12 10:59:08 · 7057 阅读 · 0 评论 -
制作业务流程 timeline 结合AdminLTE
1. html内容:<body> <div class="row"> <div class="col-md-12"> <!-- The time line --> <ul class="timeline" id="timeLine"> </ul> </原创 2017-11-30 16:51:51 · 1058 阅读 · 0 评论 -
jquery load方法把一个页面载入到主页面的一个div中替换iframe
jquery load方法把一个页面载入到主页面的一个div中,载入页面的javascript消失了 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(docu原创 2017-03-21 10:14:51 · 11274 阅读 · 0 评论 -
判断object是否为空
var frameHeight , userButtons, modalType;//modalType - 弹出框类型$(function(){//初始化拥有权限MenuhttpAjaxApi("resource/mainMenu",{},"get",initMainMenu_cb);/*拥有权限btn*/var option={"option":3};httpA原创 2017-01-09 14:58:23 · 6232 阅读 · 1 评论 -
datatables 通过object加载DT
//回调函数queryStaticBattery_cb=function(result){switchNum = 2;let data=result.data.rows;if (realData_DT!=null || realData_DT!="") {realData_DT.draw();} else{//object可以如下初始化表格 realData_原创 2017-01-06 16:46:04 · 441 阅读 · 0 评论 -
ztree --授权问题(根据ids) setting checked tree
getResourceByRole_cb=function(data){ let ckNodes=data.data.rows;let treeObj = $.fn.zTree.getZTreeObj("treeDemo");// var ids = [your ids], i = 0, l = ids.length, node = null;var i=0,len=ckNodes原创 2016-12-26 23:04:00 · 340 阅读 · 0 评论 -
form提交可能遇到的问题logo
在进行表单提交时,会遇到在提交前增加额外参数的情况,对此有如下几种解决方法: 1. 在表单里使用hidden的input,将参数放到里面。 缺点:在form表单里会增加一些input节点,感觉不爽。 2. 在提交前使用javascript动态在表单里添加input。 缺点:需要写脚本。 3. 使用ajax提交拼接参数。 缺点:如果表单里有文件需要上传原创 2016-12-20 09:38:23 · 273 阅读 · 0 评论 -
spring boot + websocket进行通信
这次给大家说一下自己对websocket + spring boot结合使用的一些经验 首先websocket是一个持久化的协议,实现了浏览器与服务器的全双工通信。不再像http那样,只有在浏览器发出request之后才有response,websocket能实现服务器主动向浏览器发出消息。 下面我们用spring boot来实现一下:在spring boot的文档中,介绍了我们需要配置的文件Ja...转载 2018-02-24 15:36:53 · 3099 阅读 · 2 评论 -
让nginx上的静态网页在访问的时候没有html后缀;nginx rewrite规则
转载:http://blog.csdn.net/u014181418/article/details/52127304网站登陆的时候,不带.html 后缀,,如下方式可以实现。。 ps:想找一个方式所有静态html页面都不带.html 后面还没找到合适的方法解决。如有博友知道请麻烦联系,如果解决了后面更新location / { if (!-e $req转载 2018-01-28 15:01:02 · 10337 阅读 · 0 评论 -
cookie、session、sessionid 与jsessionid
cookie、session、sessionid 与jsessionid,要想明白他们之间的关系,下面来看个有趣的场景来帮你理解。 我们都知道银行,银行的收柜台每天要接待客户存款/取款业务,可以有几种方案: 凭借柜台职员的记忆,由收柜台职员来为每位顾客办理存款/取款业务,单凭职员的记忆力,要记到每位顾客的相貌,并迅速这个顾客当前的存款以及存取的次数,每次存取的金额是多转载 2017-03-14 09:48:00 · 419 阅读 · 0 评论 -
BMapLib.MarkerClusterer
类 BMapLib.MarkerClusterer用来解决加载大量点要素到地图上产生覆盖现象的问题,并提高性能源文件:MarkerClusterer.js.包引用:<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_...转载 2019-11-26 15:52:59 · 1948 阅读 · 0 评论 -
EasyUI DataGrid中loadFilter 属性的用法
DataGrid属性中有一个用于过滤数据的属性loadFilter 可以根据需求进行过滤,示例如下: $('#dg_fc').datagrid({fit : true,method : 'post',url : rootPath + 'overdue_query_list.xhtml',rownumbers : true, toolbar :'#toolbar_f转载 2016-11-03 16:41:36 · 6833 阅读 · 0 评论 -
ECharts饼图从后台动态获取数据并展示
$.post( url, {'id' : gridStationSeq },function(result) {console.log("接收返回值="+result)if (result != null) {var label=[];var data = JSON.parse(result);var arr=[];alert(data.nFaultStakeNum)原创 2016-11-18 17:55:41 · 12339 阅读 · 4 评论 -
基于bootstrap的中国地区(行政区)选择器
bootstrap-chinese-region基于bootstrap的中国地区(行政区)选择器真心不错,故不敢独享,此以分与大家https://coding.net/u/packy/p/bootstrap-chinese-region/git/tree/master例子Examplehtml结构head> link rel="s转载 2017-03-03 16:05:53 · 12958 阅读 · 1 评论 -
Datatables 加载数据 异步二次加载渲染表格及initComplete
一、我们在使用dataTables进行数据统计时,不可避免的会碰到对数据的统计。当进行服务器端数据读取时,,进行二次加载,渲染入数据。之前我采用的是重新发起dataTables渲染事件,来进行二次加载。如下这种方法的缺点是会发起2次dataTables请求,影响加载速度。而利用dataTables自带的”DrawCallback”渲染事件参数。这样就可以避免重复请求,完原创 2017-01-06 16:54:22 · 5999 阅读 · 0 评论 -
vue开发学习之环境搭建node.js
一、安装node.js说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。node.js的官方地址为:https://nodejs.org/en/download/taobaomirror :https://npm.taobao.org/mirrors/node/lcentos7安装npm 地址 https://...原创 2018-06-17 19:23:37 · 255 阅读 · 0 评论 -
VUE2.0 element upload 报错Cannot set property 'status' of null"
Bug Report] Upload Plugin Bug: Cannot reach onSuccess callback when manually set file-list, Error:"Cannot set property 'status' of null"原址:https://github.com/ElemeFE/element/issues/6700 same ...原创 2019-04-04 19:59:08 · 3617 阅读 · 0 评论 -
element-ui的el-date-picker组件设置了默认日期和格式化串但提交没有格式化问题解决
案发现场:1、el-date-picker日期控件,设置了日期的格式 value-format=”yyyy-MM-dd”<el-date-picker v-model="form.regDateBeg" type="date" value-format="yyyy-MM-dd" placeholder="开始日期"></el-date-picker> ...转载 2019-05-06 23:10:34 · 5064 阅读 · 0 评论 -
vue-cli 3.0 build包太大导致首屏过长的解决方案
vue-cli npm run build之后vendor.js文件过大的问题(打包优化)前言:最近用vue-cli 3.0 构建一个小型的工单管理系统,完工后build发现一个chunk-vendors包就达到985kb,加上其他一些资源文件,首页的下载总共大小快要2M。测试给的第一个反馈就是首屏慢慢慢慢慢!根据首屏加载资源文件过大,进行一下优化:1. 路由懒加载结合Vue的异步...转载 2019-07-13 23:41:26 · 1879 阅读 · 0 评论 -
Google Chrome游览器导出文件弹出空白页并显示页面下面
if (result.success) {var newTab = window.open('about:blank');newTab.location.href = sy.contextPath+ '/download?filename='+ result.msg;}原创 2017-02-11 23:25:42 · 3504 阅读 · 0 评论