JavaScript
Jalen备忘录
这个作者很懒,什么都没留下…
展开
-
echarts折线图动态series作图tooltip显示异常
这块确实是一个前端组件在使用上的问题,前端使用了echarts做图,而echarts有个比较奇怪的地方就是一旦这个div 实例化后,后续再次实例化这个div其实是一个假的实例化操作,也就是后续的渲染是无效的, 正确的做法是需要先销毁前一个实例化的实例后才会正确的显示后面的实例,否则前一个实例化的图像会串改后续的图,执行下述代码即可做到销毁实例...转载 2021-06-16 15:16:43 · 1921 阅读 · 1 评论 -
vue动态添加input框
1. 效果2. 代码 <el-dialog title="添加" :visible.sync="dynamicFormVisible" width="920px"> <el-form :model="dynamicForm"> <div> <el-form-item style="text-align: center;"> <el-i..转载 2021-04-28 11:35:32 · 5567 阅读 · 4 评论 -
highcharts-vue宽度自适应一种解决办法
前端框架:vue element ui项目参考Git地址:https://github.com/PanJiaChen/vue-element-admin说明:vue element ui集成highcharts-vue后,点击收拢或展开左侧菜单,chart不会自动调整显示宽度。修改位置:.\src\components\Charts\mixins\resize.js方法,vue components以mixins混入方式引入resize.js作为可复用功能,实现对所有chart进行宽度.转载 2021-01-18 16:47:50 · 1253 阅读 · 0 评论 -
vue mounted内调用方法报is not define的一种情况记录
页面初始化时,子组件mounted方法调用方法A走ajax拿数据,拿完后渲染bootstrap-table,bootstrap-table有一列绑定自定义function,该function内自定义dom,dom元素中有onchange方法当bootstrap-table渲染完毕后,该列为selectbox,但是点击切换selectbox方法时报configdisable:1 Uncaught ReferenceError: storeChangeRc is not defined a转载 2021-01-09 22:09:24 · 3771 阅读 · 1 评论 -
v-loading修改z-index
<template> <div :id="id" :class="className" :style="{height:height,width:width}" v-loading="loading" element-loading-text="Loading" element-loading-spinner="el-icon-loading"/></template><script&g.原创 2021-01-09 01:02:16 · 3142 阅读 · 0 评论 -
element-ui表格显示html格式
<el-table-column type="String" prop="enablementplan" label="EnablementPlan" sortable width="300"> <template slot-scope="scope"> <p v-html='scope.row.enablementplan'></p> </template></el-table-column>转自:https:.转载 2020-07-08 13:28:36 · 3680 阅读 · 0 评论 -
bootstrapTable清空search框内容并刷新页面
let tableNode = $("#tableSelector");tableNode.bootstrapTable("resetSearch","");tableNode.bootstrapTable('refresh');参考:https://github.com/wenzhixin/bootstrap-table/issues/1230https://stackoverflow.com/questions/53177296/clear-filter-values-in-boots.转载 2020-06-30 11:37:04 · 1507 阅读 · 0 评论 -
创建vue cli项目
1. install nodejs(javascript run env) install: https://nodejs.org/zh-cn/download/ set path to system env variable test: node -v2. install npm(nodejs package manager) install: ignore (contains in new version nodejs) test: npm -v3. install .转载 2020-06-08 15:03:36 · 154 阅读 · 0 评论 -
BootstrapTable选中所有page所有数据
var $table = $('#table') $(function() { $('#checkAll').click(function () { $table.bootstrapTable('togglePagination').bootstrapTable('checkAll').bootstrapTable('togglePagination') }...转载 2020-04-27 10:24:28 · 1531 阅读 · 0 评论 -
点击Popover外区域自动关闭Popover (popover close when click outside)
参考:https://stackoverflow.com/questions/11703093/how-to-dismiss-a-twitter-bootstrap-popover-by-clicking-outside$(document).on('click', function (e) { $('[data-toggle="popover"],[data-origina...转载 2020-02-13 14:50:12 · 3493 阅读 · 0 评论 -
webstorm eslint error: ESLint: Expected indentation of 0 spaces but found 2. (indent)
1. 原因2. 参考:https://github.com/vuejs/eslint-plugin-vue/issues/3523. 解决:(1) 编辑Eslint配置,忽略缩进:'indent': 'off'(2) 编辑webstorm规则,忽略script子标签缩进,File => Setting => Editor => Code S...转载 2019-12-29 00:45:42 · 5016 阅读 · 0 评论 -
bootstrap4.3.1的datetimepicker没有icon图标
1. cdn<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.css"><link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimep...转载 2019-10-30 12:29:53 · 1587 阅读 · 0 评论 -
echarts双y轴
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Echarts</title> <script type="text/javascript" src="https://cdnjs.cloudflar...转载 2019-09-18 13:49:17 · 165 阅读 · 0 评论 -
es6的promise简单使用(ajax)
1. common methodfunction getAjaxPromise (url, params){ return new Promise(function(resolve, reject){ $.ajax({ url: url, type: 'post', async: true, ...转载 2019-05-05 09:25:09 · 255 阅读 · 0 评论 -
bootstrap-table export
1. import cdn <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.13.5/bootstrap-table.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/b...转载 2019-03-18 12:25:32 · 1585 阅读 · 0 评论 -
bootstrap modal pop up form
1. modal box.when click button, pop up a modal form, this form contains date input and select box <div class="col-sm-1"> <button type="button" data-toggle="modal" data-target=...转载 2019-03-04 09:21:37 · 356 阅读 · 0 评论 -
bootstrap modal iframe
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https转载 2019-03-06 17:10:29 · 1739 阅读 · 0 评论 -
JQuery日期格式化
function setDateValueDefault() { var fromDay = new Date(); fromDay.setDate(fromDay.getDate() - 30); var endDay = new Date(); var fromDayStr = fromDay.Format("yyyy-MM-dd hh:mm:ss"); ...转载 2019-01-25 13:36:03 · 12413 阅读 · 0 评论 -
npm打包vue项目部署到nginx
1. Build vue project,生成dist目录:npm run build 2. 下载nginx,解压,测试nginx,修改nginx.conf端口号为8082,启动nginxstart .\nginx.exe 3. 访问localhost:8082如下 4. nginx测试完毕,此时将我们项目构建后的dist目录整个复制到nginx根目录的ht...转载 2019-01-17 14:32:15 · 4073 阅读 · 0 评论 -
JS循环创建复选框checkbox
场景:在做一款手机app的gps数据采集后台项目时,需要在规定的时间频率内采集一次用户的位置信息,这里分为两个配置页面(对应两张表),一个是当天时间段设置表,一个是有效时间段和频率设置表,他们之间是多对一的关系。即在一个有效期期间可以包含多个采集时间段,这就需要创建多个复选框来实现相应的业务。document.write('');for(var i=0;i<3;i++){document.原创 2017-08-04 22:03:30 · 5871 阅读 · 0 评论 -
jsp使用sessionScope获取session值
场景:有些实体对象可以放到HttpSession对象中,保正在一个会话期间可以随时获取这个对象的属性,例如可以将登录用户的信息写入session,以保证页面随时可以获取并显示这个用户的状态信息。下面以此为例。1.后台将用户这一实体对象写入session(HttpSession),这里是从拦截器中写入,代码中的userInfo是从单点登录服务器获取的登录用户信息User user原创 2017-08-14 11:33:52 · 47138 阅读 · 1 评论 -
java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'user'
场景:在《spring+mybatis企业应用实战》一书中第五章,当使用spring mvc国际化时,因为在jsp中没有引入一个实体类(在Page 90页有个loginForm.jsp代码),导致运行时抛出异常:java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name '原创 2017-08-07 15:24:22 · 25768 阅读 · 1 评论 -
base64的使用
场景:页面信息加密传输1.工具base64.js(来自网上)/**** Base64 encode / decode** @author haitao.tu* @date 2010-04-26* @email tuhaitao@foxmail.com**/ function Base64() { // private property _k原创 2017-09-04 10:17:44 · 436 阅读 · 0 评论 -
为什么get请求会出现乱码?
一、有时候我们在处理get请求时,比如下面的一个url跳转window.location.href = "某个url"当你的url里存在某个参数为中文字符,那么你就可能遇到乱码问题,为什么说可能呢,因为tomcat默认编码其实是ISO-8859-1,如果你在tomcat服务器配置了utf-8编码的话(config目录下的server.xml文件),就不会出乱码了,配置如下(注意在你的使用的原创 2017-09-30 11:12:43 · 3332 阅读 · 0 评论 -
html5的data-*数据绑定小例子
data-*是一个好东西,有时候我们可以将后台获取的值绑定在某个自定义data属性上,这样可以防止再次使用ajax去后台获取数据,非常方便。这里记录一下data-*的使用方法,写一个小栗子,作备忘。关于data-*属性的了解可以参考菜鸟教程W3school栗子: data-options测试 funct原创 2017-12-13 14:51:12 · 6002 阅读 · 1 评论 -
window.prompt()无效与为什么chrome console回车时要带一行undefined
使用chrome的F12 developer console调试,使用window.prompt()方法未弹窗原因:控制台的Dock side视图设置成了Undock into separate window,改成内嵌的视图即可,官方解释如下If a document in a background tab calls window.prompt() then the ca原创 2017-12-05 10:19:26 · 1558 阅读 · 0 评论 -
JavaScript注意尽量少使用==
1. 当我们在js中判等时,有两种方式,一种是全等(===),一种是相等(==),其中全等包含类型的判断,而相等会对类型做隐式转换,大家在idea中编辑js时可能会遇到如下警告(注意其中全等并未报任何警告):可以看到类型的转换是值得注意的,使用==判断时很容易引起类型上的歧义,有一种违和感,如下我们使用==做一下简单测试:function toSubmit() { debu原创 2017-11-16 10:12:09 · 1246 阅读 · 0 评论 -
JavaScript的值与类型
本文主要来自GitHub中作者开放的文档在此书之前第一章中已经提到过,JavaScript中的值有类型之分,而变量是不存在类型的,目前JavaScript拥有如下几种类型,区分null和undefined的话总共7种类型。stringnumberbooleannull and undefinedobjectsymbol (new to ES6)如果你不知到某个值翻译 2017-12-25 08:40:57 · 174 阅读 · 0 评论 -
JavaScript的变量及函数(变量提升、嵌套作用域、条件语句、严格模式、IIFE、闭包、模块化、this、原型)
本文主要介绍一下JavaScript的变量命名规则、简单使用方式及一些函数的使用。在JavaScript中,变量名称(包括函数名称)必须是有效的标识符。当你考虑使用Unicode等非传统字符时,标识符中有效字符约束规则可能会有点复杂。但是,如果你只考虑典型的ASCII中定义的字母、数字等其他字符时,则规则还是很简单的。小测试,先看一下汉字命名是否可以。(1)定义函数functi翻译 2017-12-25 10:43:45 · 1147 阅读 · 0 评论 -
JS正则校验MAC地址
JS正则校验MAC地址,以破折号分割,正则不太好,这里记录一下function checkMacAddress( macAddress ) { var regex = "([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}"; //var regex = "(([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2})|(([A-Fa-f0-9]{2}转载 2018-05-03 08:31:01 · 7649 阅读 · 1 评论 -
ajax post请求时参数到后台乱码
解决方式如下,贴图为前后端debug模式下视图:1. 前端:2. 后台:原创 2018-07-16 15:47:47 · 1952 阅读 · 0 评论 -
jquery jbox插件获取iframe中元素值
iframe表单:<form id="editActivateFrom" style="text-align: center;margin-top: 10px"> <input id="projectId" name="projectId" value="${projectId}" type="hidden" >原创 2018-07-05 16:45:34 · 2125 阅读 · 0 评论 -
bootstrap loadmask
方式一:1、在html的body中添加如下代码:<div class="modal fade" id="loadingModal"> <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;marg...转载 2018-11-09 16:55:45 · 1759 阅读 · 0 评论 -
npm ERR! fatal: unable to connect to github.com
Error Info:C:\Users\jalchu\WebstormProjects\vue-element-admin>npm installnpm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features!npm WARN deprecated nomnom@...转载 2019-01-17 10:57:07 · 11407 阅读 · 1 评论 -
form表单中select组件使用for循环赋值
使用场景:当我们的select下拉菜单中可选项过多,可以通过for循环来渲染,使用如下。1. 注意在js代码中嵌入了java代码请选择分钟<%for(int i=1;i<=60;i++){%>">原创 2017-08-07 20:56:17 · 5471 阅读 · 1 评论