凉茶冰

在多个子工程的微服务开发的时候，后端通常情况下都是不止一个工程，前端深知也会不止一个工程，开发的团队也许也不止一个团队。这时候，在用户校验、权限控制、功能集成方面就会需要有一套架构方案来管控。在整体的架构方面有几个要求（1）根据业务需要独立拆分新建的子工程，只需要关注业务功能的代码开发即可，不需要再关注用户、角色、权限以及集成的问题；（2）子系统开发的时候，只需要引入pom依赖就可以非常方便获取用户信息以及对接口服务进行鉴权处理；...

Linux环境升级npm和node的版本

dataRT前端本地编辑及打包遇到的问题总结

目录问题描述解决方案依赖本地包打包工具包参考文献问题描述最近做一个项目，打包发布的时候需要在客户提供的云桌面环境进行开发和打包，而客户的云桌面环境不能连外网，这样就不能使用我们的maven私服，不过开发的时候又想使用我们自己的私服上的一些plugin工具，最直观的办法就是把我们自己私服上的jar拷贝到云桌面上的客户的私服上，但是不幸的是，我们无法对云桌面上的maven私服进行管理，因此只能尝试将相关jar以本地包的方式引入进来。解决方案依赖本地包（1）将对应的p.

computed是计算属性，如果带参数怎么办？ 可以按照如下写法Vue.component("mulit-table-operation", { mixins: [mixin], template: `<span> <el-tooltip v-for="(item,index) in field" :conte...

目录问题描述问题解决解决方案问题描述开发了一个钉钉微应用，关于列表使用了better-scroll来实现下拉刷新上推加载更多，整体实现效果还是不错，参考这里。钉钉微应用分为手机端和PC端，项目中使用了同一套代码。测试的时候发现都正常，但是经过多次测试，发现一个问题：（1）偶尔会出现在PC端列表无法下来，而且点击也无效的情况。使用鼠标上下拖拽的时候不会响应相关事件，会出现把列表...

问题描述使用NavMenu组件时候，通过循环读取菜单信息来展示菜单列表。在进行了相关处理之后，菜单可以正常展示，但是控制台一直告警，报：Invalid prop: custom validator check failed for prop "index"的异常，如下所示：出现这个问题之后，查看代码中的index处理，如下：这样写，貌似是正确的，但一直告警。解决方法in...

目录1 问题描述2 独立显示区域3 自定义网格4 显示自定义网格5 延展6 参考文献1 问题描述(1) 通过百度地图或者高德地图只展示某一个行政区域，例如整个地图只展示郑州市金水区，其他区域不显示。(2) 整个地图只显示自定义的区域，并显示区域的自定义名称。百度地图的JSAPI有关于显示行政区域边界的专用方法，参考百度官方的例子百度官方api提供的这...

目录前言问题描述问题分析问题解决总结前言基于vue-cli脚手架开发的单页应用有他特殊的特点和优势。因为是单页应用，所以在进行F5刷新的时候和之前常规的html页面还有区分。主要区别在于，vue-router接管了浏览器的前进、后退、刷新等事件，通过对相关事件的监听，动态的操作popstate,pushstate,replacestate等api来完成浏览器url的变化...

目录问题描述项目中的应用使用总结问题描述实际项目中，针对不同的数据开发了不同的数据展示视图组件，例如：拓扑图、热力图、地图。每一类视图都有一个独立的.vue组件，在界面化管理平台上，要实现可以动态的新增视图组件，同时修改的时候可以随意的修改选择那一类视图。而且随着项目的扩大，基础视图组件的也会随之增加，即：基础视图组件的个数是不固定的。这就要求在界面化操作配置视图时，我们可...

在使用Grafana的过程中，发现Grafana关于视图页面中每一个面板都可拖拽，可随意放大放小，体验非常棒，F12看了Grafana的代码，看打包后的代码很像react，进一步css，看到有grid layout的字眼，然后尝试去搜了下有没有这方面的组件，一搜果然是有这样的组件的。首先看到的是react版本的组件，然后搜了下也有vue相关的。以前也见过jquery的可拖拽组件demo，但是整体...

iframe确实不好用，尤其IE的支持更是非常的不好。以下记录几点关于iframe使用过程中认识到的点。1.关于浏览器缓存浏览器缓存分为两种，from disk cache 和from memory cache，浏览器加载页面的时候，对于资源的请求，会先从memory cache中取，找不到的话，就往disk cache里找，再找不到，最后会请求网络重新获取。网上看到有人说，js和静态资源...

新建了一个项目之后，发现js的一些关键字和方法不高亮显示，也无法通过快捷键点击进去，原因是没有开启Node.js Core library。file --setting--Languages&amp;Frameworks---Node.js and NPM,点击 Enable即可。如下效果为正常效果：...

问题描述：vue-cli项目引入bootstrap的css的时候，样式都正常，但是发现图标无法正常显示，有些特殊字体也无法正常显示，F12查看提示找不到对应的字体文件，再具体一看，发现路径不对，多了static/css。解决办法：build->utils.js文件中，找到 vue-style-loader,添加publicPath:'../../'。如下：再重新打包发布...

首先想说一下，如果项目还是要强兼容IE浏览器，那这项目就真的距离死没多久了，不死也是半死不活的老项目，待下去也没啥意义。要知道现在微软也开始向谷歌靠拢，要抛弃自己的IE了。谷歌浏览器不管在使用体验还是程序猿的开发方面都比IE浏览器强太多。因为要调试POST的接口，又懒得装postman，就用Jquery写了一个post请求的小例子，用来验证接口。今天突然发现，在IE下根本不能正常发起请求，一点...

目录需求描述相关技术后台接口前端代码截图展示后台代码upload接口upload_mulite接口遇到的问题1.图片实时预览文件名问题2.ajaxfileUpLoad.js的onchange事件只响应一次延伸思考参考文献：需求描述想实现一个可以多选异步提交并实时预览照片的功能。就像发微信朋友圈那样，可以一次性选择多张图片，选择后的图片实时...

目录问题描述解决思路相关代码1.限定td的宽度2.内容特殊处理3.全局指定动态指定css样式4.效果如下延伸贴两个关于rem/em/px介绍的参考文献问题描述有的时候table作为列表展示记录信息的时候，偶尔会出现某一列数据某一些记录内容变的很长，默认如果没有设置td的宽度话，那界面的样式就丑到爆炸，例如如下这种情况，上一页是正常显示的，第三列的内容长度...

vux的每一个组件有样式变量的定义但是一直不知道怎么去使用，其实使用起来很简单。在src下面编写一个less文件，然后修改webpack.base.conf.js中相应代码theme.less文件是新建的主题文件，在这个文件中去修改相关组件中提到的相关样式即可这是theme.less中对先关样式变量进行重写。刷新页面，然后你就发现组件的默认样式被调整了。参考文献...

1.获取radio或者checkbox的选中的值<div> <label><input name="flut" type="radio" value="1"> 苹果</label> <label><input name="flut" type="radio" value="2"> 橘子&l...

目录1.问题描述2.解决思路2.1 使用load2.2代理模式2.3父页面引入公用js总结小插曲参考文献1.问题描述有一个监控平台的项目，数据界面化展示使用Grafana，但是又不能完全使用Grafana作为前台，还有自己系统中相关业务页面，关于数据展示页只能通过嵌入Grafana的panel的方式来实现，当然，如果页面的所有视图全部都可以通过Grafa...

config/index.js中关于bulid打包时候默认assetsPublicPath是‘/’看到不少人都说要改成‘./’，不然打包后的项目找不到js、css、图片这些信息。对这一块的理解一直比较模糊，这里记录下。assetsPublicPath是配置为相对路径还是绝对路径，取决于你打包后前端资源怎么发布部署。假如说，你把index.html以及static文件夹直接放到...

目录 1.自定义jstl标签问题描述：1.1 编写tld文件1.2 配置web.xml1.3 具体使用2.html的自定义属性问题描述2.1 任意自定义2.2 绑定对象1.自定义jstl标签问题描述：在使用jsp进行开发的时候，jstl标签的使用可以极大的提升开发效率。有一个需求是需要在&lt;c:forEach&gt;中对每一个循环的结果记录进...