前端框架
前端框架应用
卑微猿同学
这个作者很懒,什么都没留下…
展开
-
ElementUI Tree组件相关应用整理
1. 普通tree,子节点中添加自定义属性,单击节点获取节点信息<template> <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree></template><script> export default { name: 'Test', data() { return {原创 2021-03-02 11:19:18 · 277 阅读 · 0 评论 -
vue项目添加打包后可手动修改的config
由于项目需要,要将文件打包放到 tomcat 下运行并且访问服务端的IP地址需要手动更换,所以打包后要有一个可以手动修改的config文件。根据 Vue-cli 版本不同,共有两种方式【第一种】index.html 文件在 public 文件夹下在 public 文件夹下创建 config.js,如上图在 config 中添加信息 var ip = "localhost"; var port = "8080";在 index.html 文件中引用<script src=原创 2021-02-22 10:48:22 · 896 阅读 · 4 评论 -
Vue踩坑整理
1.安装less时报错【原因】语句使用错误npm install less less-loader --save-dev【解决】npm install less less-loader --save2. Module not found: Error: Can’t resolve ‘less-loader’【原因】style 标签中使用 less ,但是less没引入<style scoped lang="less">【解决】第一步:安装 less 和less-l原创 2021-01-14 15:55:51 · 379 阅读 · 0 评论 -
创建Vue项目
win + r 输入cmd进入到希望创建Vue项目得文件夹 cd 盘符/../..C:\Users\Administrator>e:E:\>cd E:\MyWorkSpace\2021_SJFWGXFWPT输入 npm i -g @vue/cli-init 等待下载完成输入 vue init webpack + '项目名称'选择创建选项5. 创建完成后按照提示执行命令6. 输入网址,运行成功...原创 2021-01-13 16:19:12 · 93 阅读 · 0 评论 -
BootStrap自定义弹出框(模态框)+ 手动控制显示隐藏(点击遮罩不关闭)
【自定义模态框】<div class="modal fade" id="myModalUpload" tabindex="-100" role="dialog" aria-labelledby="myModalLabelUpload" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content">原创 2020-11-02 11:34:12 · 891 阅读 · 2 评论 -
同一个HTML页面中引入多版本JQuery导致的冲突问题(已解决)
【问题产生原因】项目中引入了JQuery插件,版本JQ1.9,添加新的功能时需要引入JQ2.1,引入后原有低版本的所有功能无法运行。【解决方式】利用jQuery.noConflict()函数【具体解决过程】1.为了不改动原有的JQuery2.1文件,新建一个JS,命名为MyJQuery.2.1.1.js2.向MyJQuery.2.1.1.js文件中添加代码(function () { var $JQ2 = jQuery.noConflict(true);})();3.将jquery原创 2020-11-02 11:16:38 · 1861 阅读 · 0 评论 -
Spring Boot + ajax实现post方式带参数下载
【业务场景】项目中需要实现查询后的数据导出为Excle,所以需要向服务端传递搜索条件传送门:导出为Excle的实现方法【处理方式】整体思路:前端模拟表单进行提交,服务端接收表单参数,处理下载请求前端:function postExcelFile(params, url) { //params是post请求需要的JSON格式参数,url是请求url地址 var form = document.createElement("form"); form.style.dis原创 2020-10-31 17:07:51 · 564 阅读 · 0 评论 -
JS防止以0001为参数传递时转变为1
解决起来很简单,将0001以字符串的形式进行传递onclick = "selectNum('0001')"function selectNum(num){ console.log(num) //0001}onclick = "selectNum(0001)"function selectNum(num){ console.log(num) //1}拼接时实现方法$('#selectNum').append("<input type='check原创 2020-10-10 09:07:37 · 1355 阅读 · 0 评论 -
JS传递对象参数
onclick='updateselect(" + JSON.stringify(obj) + ")'>原创 2020-09-30 09:23:33 · 598 阅读 · 0 评论 -
VUE_iview_在table上添加气泡提示
【表格中添加提示】当表格内容过多时,用"…"表示,鼠标移上后显示详细信息<Table stripe :data="pagelist1" :columns="newtableColumns1" border :loading="loading" ref="table"></Table>this.newtableColumns1.push({ width: '120', key: 'key', title: 'objtitle', align: 'center'原创 2020-07-29 13:36:01 · 1568 阅读 · 0 评论 -
JS中使用JSON作为方法参数
想要传递的JSON:{ createtime: "2020-03-29T16:00:00.000+0000" id: 1 shape: null sjwbk: "2019-02-26" wbk: 123 wby: "在文本域中显示" xlcd: "第二项"}传递方法:<div onclick="updateField('" + encodeURI(JSON.strin...原创 2020-03-30 12:28:38 · 1855 阅读 · 0 评论 -
js 判断浏览器是不是IE
// true 是IE if (/msie/.test(navigator.userAgent.toLowerCase())) { scrosize = -150 + $(document).scrollTop(); } else { scrosize = -200 + $(document).scrollTop()...原创 2019-12-09 10:56:02 · 78 阅读 · 0 评论 -
js传递数字类型字符串,参数改变
场景:使用append动态添加表格内容,加入点击事件"<span class = 'btn btn-success' style='white-space: pre-wrap;' onclick='printSusMess(" + data.selectAllByUserid[i].susApplication + ")' >查看</span>" +console...原创 2019-11-19 16:33:08 · 736 阅读 · 0 评论 -
JQuery不引用插件实现提示框
在bootstrap3 + JQuery中实现提示框参考:连接在页面中央显示提示,1.5秒后消失,不影响页面的正常布局。1 HTML代码HTML代码显示提示内容,放在页面中任何位置。<div class="alert"></div>2 CSS代码弹出框参考了 Bootstrap 的样式:.alert { display: none; position...转载 2019-08-13 12:04:34 · 87 阅读 · 0 评论 -
JQuery拼接查找节点
$('#UserList').find("tr[data-id = '" + deletePId + "']").remove();原创 2020-03-16 17:09:45 · 202 阅读 · 0 评论 -
JQuery标签操作
form表单:1.判断checkbox是否选中<input class="styled-checkbox" id="styled-checkbox-2" type="checkbox">$('#styled-checkbox-2').get(0).checked原创 2019-08-07 08:40:59 · 263 阅读 · 0 评论 -
MUI_使用总结
【以下皆为个人理解,欢迎指正错误】【1】.查找源码MUI官方首页,在手机效果展示部分选好想用的样式后,F12打开开发者工具,点击“选取Element”按钮,在Elements中可以看到页面链接,然后在GitHub中“/examples/hello-mui/examples/”下查看源码【2】.plus is undefind浏览器中plus.webview会报错,plus is undefind,同样,mui.plusready中的代码也不会执行。因为plus是HBuilder真机运行或打包时加进原创 2020-06-05 11:50:13 · 405 阅读 · 0 评论 -
MUI div模式侧滑菜单(右),主页面不动,无切换展示功能
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="apple-mob原创 2020-06-05 11:14:55 · 517 阅读 · 0 评论 -
MUI/HTML5跳转原生Activity页面,java.lang.reflect.InvocationTargetException
【起因】将MUI配置到原生Android后,想要从MUI 的页面跳转到原生的Activity页面,结果报出异常E/InvProxy: NativeObject.execMethod jump method ; params=[{"type":"object","value":"Invocation115471803"}]java.lang.reflect.InvocationTargetException【解决】百度查了接近一天,最终在一个论坛里获得提示,我竟然没在AndroidManifest.原创 2020-06-03 16:40:02 · 870 阅读 · 2 评论 -
将MUI放到原生Android中运行
【1】.在Android Studio中新建一个Android项目【2】.下载安卓离线SDK包网址:https://nativesupport.dcloud.net.cn/AppDocs/download/android【3】.HBuilderX生成本地打包资源注册HBuilder账号,登录后打开manifest.json,获取ID然后点击 发行 —> 原生App-本地打包 —> 生成本地打包App资源打包成功后如下图【4】.配置调试Android运行环境1.在之前下原创 2020-06-01 16:54:18 · 659 阅读 · 0 评论 -
MUI 在同一页面中动态添加多个picker选择器
【页面效果】【说明】由于业务需求,该页面所有文本框,文本域,选择器及选择器内选项皆为webview接收前一页面传来的JSON参数进行动态显示,此处忽略文本框和文本域,只做选择器。【JSON参数】字段信息:FieldParaMess该变量存储着数据表的字段信息,比如字段类型,字段名称等表内数据:obj该变量存储着数据表内的详细数据【代码】<!DOCTYPE html><html> <head> <meta charset="utf原创 2020-05-21 16:53:57 · 1267 阅读 · 0 评论 -
MUI picker选择器实现下拉菜单和时间选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <!--标准mui.css原创 2020-05-20 10:19:46 · 749 阅读 · 0 评论 -
MUI webview模式实现底部选项卡切换(拷贝官方Demo)
【共有5个html页面】【1】.tab-webview-main.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scal原创 2020-05-20 10:06:14 · 944 阅读 · 0 评论 -
MUI 添加url配置文件
1.新建一个.json文件,内容如下{ "url":"http:\//'ip':'端口号'\/"}2.获取mui.getJSON('url.json', null, function(rs) { //本地文件相对路径,参数为null,回调函数 console.log(rs.url); }mui.getJSON('url.json', null, function(rs) { /...原创 2020-05-08 10:32:20 · 605 阅读 · 0 评论 -
MUI SpringBoot项目 实现跨域请求
1.在mui.js中搜索并注销setHeader('X-Requested-With', 'XMLHttpRequest');位置大概在3175行2.Controller中加入@CrossOrigin(origins = "*",maxAge = 3600)原创 2020-05-08 10:19:05 · 373 阅读 · 0 评论 -
MUI 以JSON的形式动态拼接选项卡及无效时解决方法
【注】:不包含下拉上拉刷新,仅解决动态拼接后选项卡失效问题【效果】<div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-contr...原创 2020-05-08 10:03:56 · 315 阅读 · 0 评论