nth.tabs.js监听tab点击、菜单点击,刷新相应子页面

最近在维护jsp项目(前端技术:jquery、vue、element-ui、nth.tabs.js、bootstrap.js等)需求:监听tab页切换调用刷新数据函数,监听菜单调用刷新数据函数tab页由nth.tabs.js结合bootstrap.js生成,菜单数据后端返回,其中后端使用Spring的RequestMapping做映射。思路:分析代码可知,使用nth.tabs.j...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

nginx 反向代理web服务器 部署和使用

1、在官网下载安装包,安装。2、修改nginx配置(配置前端路径、后端接口路径和端口等信息)3、cmd打开命令窗口,cd到nginx的安装目录下,启动nginx4、查看nginx进程列表tasklist /fi "imagename eq nginx.exe"5、终止nginx进程taskkill /f /pid 9320 /pid 3068终止所有...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

怎么使用 Iconfont 的 svg 矢量图标

场景:ui设计师把设计图标上传到Iconfont,前端从Iconfont下载所有图标,然后在代码中使用第一步:把项目的svg下载到本地解压打开是这样的:第二步:把下载的文件放进项目assets路径下第三步:在main.js中引入iconfont文件第四步:在业务页面使用,其中xlink:href就是对应的svg的idsvg的id可以在Iconfont...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

封装 element-ui下拉选择树组件

父组件调用 下拉选择树组件<select-tree>:html:<select-tree :data="deepClone(selectTreeData)" :selectId="formData.parentId" @getParent="getParent" />js:filterDisable(data,id){// 过滤掉不能选择的树节点 ...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

element-ui tree右键菜单

style:.tree_menu{ position: fixed; display: block; z-index: 20000; background-color: #fff; padding:5px 0; border: 1px solid #ebeef5; border-radius: 4px; box-shadow:0 2px 12px 0 rgba...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

layui用nginx 反向代理配置

root配置到start上一级文件路径,不需要配置index,访问的时候http://localhost:端口号/start/index.htmllisten 8081; server_name localhost; #charset koi8-r; #access_log logs/host.access.log mai...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

vue 自己封装 进度条 组件

需要实现的效果是这样的:直接上代码:父组件关键代码:html:<div class="left-bottom-bar"> <progress-bar /> </div>js:import progressBar from '@/components/ProgressBar'export default ...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

html中显示xml文件的内容

方法:1、使用innerText方法(xml没有缩进)<divclass="xmlText"></div>document.getElementsByClassName('xmlText')[0].innerText=xmlString2、xmp标签(xml有缩进)<xmp>xmlString</xmp>...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

vue form表单的input不能输入

代码:<template> <el-form :model="formData" ref="formData" label-width="200px"> <el-form-item v-for="item in tableColumnsFields" :label="item.columnNameCn" :key="item.id"...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

导出文件,responseType设置为'arraybuffer',如果导出出错,后台返回错误信息应该怎么办?

1、正常导出的情况:(使用axios发送请求)后端返回二进制文件流api://导出apiexport function download(className,data){return request({url:'/api/'+className+'/export',methods:'get',params:data,responseType:'arraybuffe...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

css 设置背景的时候有图片有背景色,容器又要随内容变化高度的情况。

有一个div容器:<div class="background-test"></div>场景:div容器的背景头部是一张图,其余的地方用背景色填充,这个div容器要随内容撑大,所以不能设置成position:absolute,直接像下面这样设置样式的话:background:url(*****) 颜色值;如果背景图是png格式,有些透明的地方就显示出来上...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

css first-child 和 first-of-type 的区别

p:first-child 表示p元素的父元素的第一个子元素p:first-of-type表示所有p元素的第一个p元素
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

小程序 订阅消息 基础库版本和客户端版本判断函数 和 注意事项

低版本只能一次订阅一个模板消息,订阅多个模板会报错,下面代码为了兼容不同版本基础库和客户端(一次订阅一条模板消息还是多条模板消息)subscribeMessage(tmplIds, desc){ // return '' // console.log('-------订阅消息subscribeMessage------') try{ const sysInfo = w...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

报错:for..in loops iterate over the entire prototype chain, which is virtually never what you want.

for..in loops iterate over the entire prototype chain, which is virtually never what you want.意思是使用for..in会遍历整个原型链,这样不是很好的实现方法,推荐使用Object.keysformRules:{ name:true, cardType:true, certi...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

localhost访问不到?IIS是什么?

IIS是什么?IIS(Internet Information Services)互联网信息服务,相当于把你的机器变成一个服务器,可以在本地新增站点,浏览器通过localhost访问本地站点,局域网内的其他机子也可以访问你的站点。IIS在哪里开启?控制面板 -> 程序 -> 程序和功能 -> 启动或关闭windows功能,可以查看IIS有哪些服务。如下图,勾选,点...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

【mpvue开发总结】1、引入插件 项目异常 2、数据缓存

最近接到小程序直播需求,引入直播插件的时候,项目出现异常,子组件渲染不出来解决办法:mpvue项目中引入插件,在$nextTick()通过ref调用子组件会报undefined,后来改用setTimeout,渲染正常,原理还待考究。...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

wepy开发遇到的问题(1、渲染延迟或者渲染不出来;2、传参出错)

1、渲染延迟或者渲染不出来:有可能是你没有加this.$apply()知识点:this.$apply()在wepy中:异步回调函数(promise/async&await)中如需更新数据并触发setData引起视图层更新,就要用this.$apply,method里面的方法是不用这个的,但methods里面只能放bindtap这类方法,所以你自己定义的其他方法,或者写在onshow里面,就必须得用this.$apply()...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

移动端开发——调试方法总结(Fiddler、vConsole.js、chrome://inspect/#devices)

1、Fiddler抓包PC端安装Fiddler,点击菜单栏Tools》Options》HTTPS(勾选下面选项,点击Actions,点击TrustRootCertificate)Connections查看端口(可自定义),勾选Allowremotecomputerstoconnect选项手机端配置(手机和电脑要在同一个局域网)ipconfig查看电脑ip地址这样就可以实现手机抓包,分析接口请求数据问题(注意:如果没成功,可以重启一下Fiddler,或者检查...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

uni-app 图片相对路径 在小程序和h5 不一致的问题

今天开发的过程中遇到图片相对路径 在小程序和h5 不一致的问题:例如在小程序中../../**.png,但是在h5中是../../../**.png当然可以条件编译,但是还有一种办法,就是用require引入图片例如:consttour=require('@/static/search-tour.png')然后<image :src="tour">...
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0

小程序 scroll-view里面用 slot 无效

最近开发小程序,想要封装一个包含scroll-view的组件,结果在scroll-view里面使用<slot>失效,页面渲染结果:slot内容并没有在scroll-view里面,而是和scroll-view同级,并且不能使用scroll-into-view。查看微信社区了解到scroll-view里面不能使用<slot>链接:https://developers.weixin.qq.com/community/develop/doc/0006ca373801c8a733d8.
分类: 其他 发布时间: 04-04 09:52 阅读次数: 0