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...
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终止所有...
怎么使用 Iconfont 的 svg 矢量图标
场景:ui设计师把设计图标上传到Iconfont,前端从Iconfont下载所有图标,然后在代码中使用第一步:把项目的svg下载到本地解压打开是这样的:第二步:把下载的文件放进项目assets路径下第三步:在main.js中引入iconfont文件第四步:在业务页面使用,其中xlink:href就是对应的svg的idsvg的id可以在Iconfont...
封装 element-ui下拉选择树组件
父组件调用 下拉选择树组件<select-tree>:html:<select-tree :data="deepClone(selectTreeData)" :selectId="formData.parentId" @getParent="getParent" />js:filterDisable(data,id){// 过滤掉不能选择的树节点 ...
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...
layui用nginx 反向代理配置
root配置到start上一级文件路径,不需要配置index,访问的时候http://localhost:端口号/start/index.htmllisten 8081; server_name localhost; #charset koi8-r; #access_log logs/host.access.log mai...
vue 自己封装 进度条 组件
需要实现的效果是这样的:直接上代码:父组件关键代码:html:<div class="left-bottom-bar"> <progress-bar /> </div>js:import progressBar from '@/components/ProgressBar'export default ...
html中显示xml文件的内容
方法:1、使用innerText方法(xml没有缩进)<divclass="xmlText"></div>document.getElementsByClassName('xmlText')[0].innerText=xmlString2、xmp标签(xml有缩进)<xmp>xmlString</xmp>...
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"...
导出文件,responseType设置为'arraybuffer',如果导出出错,后台返回错误信息应该怎么办?
1、正常导出的情况:(使用axios发送请求)后端返回二进制文件流api://导出apiexport function download(className,data){return request({url:'/api/'+className+'/export',methods:'get',params:data,responseType:'arraybuffe...
css 设置背景的时候有图片有背景色,容器又要随内容变化高度的情况。
有一个div容器:<div class="background-test"></div>场景:div容器的背景头部是一张图,其余的地方用背景色填充,这个div容器要随内容撑大,所以不能设置成position:absolute,直接像下面这样设置样式的话:background:url(*****) 颜色值;如果背景图是png格式,有些透明的地方就显示出来上...
小程序 订阅消息 基础库版本和客户端版本判断函数 和 注意事项
低版本只能一次订阅一个模板消息,订阅多个模板会报错,下面代码为了兼容不同版本基础库和客户端(一次订阅一条模板消息还是多条模板消息)subscribeMessage(tmplIds, desc){ // return '' // console.log('-------订阅消息subscribeMessage------') try{ const sysInfo = w...
报错: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...
localhost访问不到?IIS是什么?
IIS是什么?IIS(Internet Information Services)互联网信息服务,相当于把你的机器变成一个服务器,可以在本地新增站点,浏览器通过localhost访问本地站点,局域网内的其他机子也可以访问你的站点。IIS在哪里开启?控制面板 -> 程序 -> 程序和功能 -> 启动或关闭windows功能,可以查看IIS有哪些服务。如下图,勾选,点...
【mpvue开发总结】1、引入插件 项目异常 2、数据缓存
最近接到小程序直播需求,引入直播插件的时候,项目出现异常,子组件渲染不出来解决办法:mpvue项目中引入插件,在$nextTick()通过ref调用子组件会报undefined,后来改用setTimeout,渲染正常,原理还待考究。...
wepy开发遇到的问题(1、渲染延迟或者渲染不出来;2、传参出错)
1、渲染延迟或者渲染不出来:有可能是你没有加this.$apply()知识点:this.$apply()在wepy中:异步回调函数(promise/async&await)中如需更新数据并触发setData引起视图层更新,就要用this.$apply,method里面的方法是不用这个的,但methods里面只能放bindtap这类方法,所以你自己定义的其他方法,或者写在onshow里面,就必须得用this.$apply()...
移动端开发——调试方法总结(Fiddler、vConsole.js、chrome://inspect/#devices)
1、Fiddler抓包PC端安装Fiddler,点击菜单栏Tools》Options》HTTPS(勾选下面选项,点击Actions,点击TrustRootCertificate)Connections查看端口(可自定义),勾选Allowremotecomputerstoconnect选项手机端配置(手机和电脑要在同一个局域网)ipconfig查看电脑ip地址这样就可以实现手机抓包,分析接口请求数据问题(注意:如果没成功,可以重启一下Fiddler,或者检查...
uni-app 图片相对路径 在小程序和h5 不一致的问题
今天开发的过程中遇到图片相对路径 在小程序和h5 不一致的问题:例如在小程序中../../**.png,但是在h5中是../../../**.png当然可以条件编译,但是还有一种办法,就是用require引入图片例如:consttour=require('@/static/search-tour.png')然后<image :src="tour">...
小程序 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.
今日推荐
周排行