前端
前端
PolarisHuster
java程序员,爱编程爱运动,也喜欢结交朋友
展开
-
elementui resetFields方法重置表单失败
<el-form :inline="true" :model="form" ref="form1" class="form-inline"> <el-form-item label="工号:" prop="jobNumber"> <el-input...原创 2019-04-29 14:56:36 · 3826 阅读 · 0 评论 -
el-radio-group里面的el-radio无法切换
笔者在使用elementui的el-radio-group遇到一个很奇怪的问题,<tr v-for="(item,index) in xx.courses"> <...原创 2018-12-03 18:28:06 · 14186 阅读 · 1 评论 -
使用el-radio-group需要注意的地方
<template><el-radio-group v-model="radio2"><el-radio :label="3">备选项</el-radio><el-radio :label="6">备选项</el-radio><el-radio :label="9">备选项</el-radio...原创 2018-11-06 15:27:43 · 21383 阅读 · 3 评论 -
echarts3 地图只显示南沙群岛
echarts3 地图只显示南沙群岛原创 2017-02-09 16:31:39 · 5262 阅读 · 1 评论 -
echarts3 地图只显示南沙群岛,刷新页面显示正常
echarts3 地图只显示南沙群岛,刷新页面显示正常原创 2017-02-09 16:25:40 · 4040 阅读 · 0 评论 -
echarts tooltip trigger: 'axis'没有作用
echarts tooltip trigger: 'axis'没有作用原创 2017-02-07 15:35:34 · 19158 阅读 · 12 评论 -
echarts地图某些省份禁止高亮显示
echarts地图在某些省禁止高亮显示 echarts3地图在某些省禁止高亮显示 echarts3地图在某些省禁止显示hu原创 2017-01-22 10:03:49 · 11022 阅读 · 6 评论 -
echart地图隐藏南海诸岛
echart3地图隐藏南海诸岛 echart地图隐藏南海诸岛原创 2017-01-21 13:51:12 · 9709 阅读 · 5 评论 -
ERR_ACTION_ACCESS_UNDEFINED: Are you trying to access this.someMutation() or this.someGetter inside
背景因为公司目前暂时没的前端,于是准备自己用Vue和TypeScript入手公司项目的管理后台。因为Vue已经有很多UI框架了(比如Element),而TypeScript呢,引入了类等概念,对于Java开发人员来说是比较容易入手的。而后端开发人员可能最头疼的是CSS布局吧,于是找了vue-element-admin来抄,当然有人改了个TypeScript版本vue-typescript-ad...转载 2020-03-27 18:42:08 · 9141 阅读 · 3 评论 -
使用Vue Router在页面间传参
vue router是vue官网推荐的路由组件,常见使用方法如下:1、定义路由export default new Router({ // mode: 'history', // Enable this if you need. scrollBehavior: (to, from, savedPosition) => { if (savedPosition) {...原创 2020-01-09 14:10:42 · 1028 阅读 · 0 评论 -
使用vue时方法名不要使用js的关键词
<a class="handle-btn" @click="delete()"> 删除 </a> 上述代码为vue对象的一个方法,由于delete跟js的关键词冲突,导致vue2 在解析该对象时有误直接不显示!!...原创 2018-11-06 18:07:08 · 637 阅读 · 1 评论 -
使用 v-cloak 防止页面加载时出现 vuejs 的变量名
转载自:https://www.sunzhongwei.com/hide-vuejs-variable-with-v-cloak-when-page-loading使用 vuejs 做了一个简单的功能页面,逻辑是,页面加载后获取当前的经纬度,然后通过 ajax 从后台拉取附近的小区列表。但是 bug 出现了,在显示小区列表之前,会闪现小区名对应的 vuejs 变量名。案发现场的 HTML ...转载 2018-11-01 13:23:27 · 362 阅读 · 0 评论 -
Vue删除对象属性需要注意的地方
Vue作为一款很火的开源框架,应用也越来越广,好了直接入主题,var test = new Vue({ el: '#vue_test', data: { remarks: 'Hello Vue.js!' }})上面的一段代码是我们使用Vue时常用的,这样remarks就成为创建的Vue对象的一个属性,如果我们要添加Vue属性可以通过set方法:create_model.$set("xx...原创 2018-03-10 14:47:11 · 14154 阅读 · 0 评论 -
由v-if控制的button click事件没有响应
由v-if控制的button click事件没有响应原创 2017-09-06 18:01:54 · 4944 阅读 · 0 评论 -
Vue.js之计算属性computed与$watch
Vue.js之计算属性computed与$watch转载 2017-05-19 14:14:33 · 711 阅读 · 0 评论 -
v-if绑定的元素为什么事件没有响应
v-if绑定的元素为什么事件没有响应原创 2017-02-26 20:27:33 · 7226 阅读 · 7 评论 -
分享一个大牛写的关于vue的网站
分享一个大牛写的关于vue的网站原创 2016-11-26 09:58:41 · 11775 阅读 · 0 评论 -
Vue.js内部响应式原理探究
深入vue响应式原理大部分的基础内容我们已经讲到了,现在讲点底层内容。Vue.js 最显著的一个功能是响应系统 —— 模型只是普通对象,修改它则更新视图。这让状态管理非常简单且直观,不过理解它的原理也很重要,可以避免一些常见问题。下面我们开始深挖 Vue.js 响应系统的底层细节。如何追踪变化转载 2016-11-08 13:30:00 · 2838 阅读 · 0 评论 -
vue select当前value没有更新到vue对象属性
vue是一款轻量级的mvvm框架,追随了面向对象思想,使得实际操作变得方便,但是如果使用不当,将会面临着到处踩坑的危险,写这篇文章的目的是我遇到的这个问题在网上查了半天也没有发现解决方案,最终研究了vue的源码中有关select元素的部分找到了答案,下面简单介绍我踩的关于select的一个坑: 使用场景:有两个select元素,一个select元素变动时,动态修改另一个selec原创 2016-10-26 16:56:53 · 7402 阅读 · 0 评论 -
GitHub上15W+的后台控制面板
转载自:https://mp.weixin.qq.com/s/DT22wky-3l13DbIOUXXlCw运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。一、AdminLTEGithub Star 数 26365,Github 地址:https://github....转载 2019-01-10 09:36:09 · 11782 阅读 · 0 评论 -
bootstrap-fileinput上传完文件后再打开上传文件界面显示取消按钮
Bootstrap File Input是一款基于bootstrap框架的html5上传文件插件,具体展示效果如下:使用时常见配置如下: $(".multipleFileUpload").fileinput({ language: 'zh', uploadClass: "btn btn-sm handle-btn", ...原创 2018-12-12 13:49:49 · 3795 阅读 · 0 评论 -
多个模态框框,当关闭某一个的时候, body 上面的Class modal-open 被移除了
bootstrap官方网站上说的很明白:不支持同时打开多个模态框千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框,需要自己写额外的代码来实现。但是在实际使用中笔者确实需要打开两个对话框,应用场景如下:A对话框里面点击按钮打开B对话框(关闭A对话框,然后打开B对话框),在B对话框进行相应操作后通过BootstrapDialog.confirm方法弹出提示对话框,提示用户是否要进行某个操...原创 2018-06-07 15:22:42 · 3471 阅读 · 0 评论 -
bootstrap之popover插件使用
bootstrap可以说是后台管理前端的一个很不错的框架,应用也特别广泛,但笔者认为bootstrap的一些开发文档却不是很足,有时查个东西得找半天。 一般情况下,开源软件的官网是资料最全主要是准确的地方,下面直接进入bootstrap的主页:要看popover插件的js代码就需要进入JavaScript页面查找,下面是popover的一段内容:$('#example').popov...原创 2018-03-14 18:01:14 · 4197 阅读 · 0 评论 -
bootstrap datepicker日期插件汉化
bootstrap datepicker日期插件汉化原创 2017-06-08 09:56:53 · 17629 阅读 · 0 评论 -
阻止Bootstrap 模态框在点击页面空白处关闭方法
阻止Bootstrap 模态框在点击页面空白处关闭方法原创 2017-04-06 15:15:07 · 1479 阅读 · 0 评论 -
Bootstrap- Modal对话框如何在关闭时触发事件
Bootstrap- Modal对话框如何在关闭时触发事件 bootstrap dialog相关事件原创 2017-02-22 17:14:06 · 9089 阅读 · 0 评论 -
Bootstrap 模态框在点击页面空白处关闭
Bootstrap 模态框在点击页面空白处关闭原创 2016-12-07 10:28:46 · 4814 阅读 · 0 评论 -
bootstrap javascript插件中类成员命名之最前面有无$
在阅读bootstrap源码的时候,就会发现modal、collapse等一些类成员命名最前面会是$,有些成员变量则没有$,为什么会有什么不同呢? 其实仅仅是命名规则的问题,在javascript中,以$开头的变量名说明这个类型多半是对象,没有$的多半是普通变量,以_开始的多半是类的私有成员变量。 基础知识,大神勿喷!原创 2015-07-26 15:49:31 · 433 阅读 · 0 评论 -
bootstrap之$.Event用法
正在学习bootstrap,研读了下bootstrap源码,发现了很多诸如:var startEvent = $.Event('hide.bs.collapse')之类的用法,而”hide.bs.collapse“正是BootStrap中collapse事件可以监听的事件之一,hide.bs.collapse并非html支持的事件,而是bootstrap自定义事件,具体如何工作的呢,下面一一道来。原创 2015-07-26 15:20:45 · 1621 阅读 · 0 评论 -
var与let、const的区别
一、var声明的变量会挂载在window上,而let和const声明的变量不会:var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log(c,window.c); // ...转载 2020-01-07 14:43:41 · 140 阅读 · 0 评论 -
datepicker设置插件显示位置
datepicker设置插件显示位置原创 2017-10-18 15:38:13 · 14704 阅读 · 0 评论 -
因js文件多了一个*/导致js文件中document.ready不执行
因js文件多了一个*/导致js文件中document.ready不执行原创 2017-10-31 10:44:46 · 891 阅读 · 0 评论 -
chosen选择多项
chosen选择多项原创 2017-11-01 14:54:58 · 606 阅读 · 1 评论 -
js计算出来的文件md5值跟java计算出来的不一致
js计算出来的文件md5值跟java计算出来的不一致原创 2017-11-30 15:14:20 · 4172 阅读 · 0 评论 -
关于使用layer必须要注意的地方
layer是一款近年来备受青睐的web弹层组件,使用该插件时可以通过open方法打开相应对话框,但是open方法有一个type属性,这个属性在使用时需要特别注意,如果不匹配就会报错!layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框原创 2018-01-31 15:35:07 · 622 阅读 · 0 评论 -
jquery fileupload设置http request headers
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些...原创 2018-09-14 09:32:42 · 3856 阅读 · 0 评论 -
jQuery 实用工具
转载自:http://www.runoob.com/jquery/jquery-ref-misc.html方法 描述 $.boxModel 在版本 1.8 中被废弃。检测浏览器是否使用W3C的CSS盒模型渲染当前页面 $.browser 在版本 1.9 中被废弃。返回用户当前使用的浏览器的相关信息 $.contains() 判断另一个DOM元素是否是指定DO...转载 2018-12-29 09:53:31 · 131 阅读 · 0 评论 -
8个问题看你是否真的懂 JS
转载自:https://www.toutiao.com/a6717532990416617991/?app=news_article_lite&is_hit_share_recommend=0&tt_from=copy_link&utm_source=copy_link&utm_medium=toutiao_ios&utm_campaign=client_s...转载 2019-07-28 15:54:33 · 277 阅读 · 0 评论 -
select2如何清除选择项
select2如何清除选择项原创 2016-11-24 08:36:15 · 39102 阅读 · 11 评论 -
zTree demo
zTree demo原创 2017-09-06 18:10:01 · 1009 阅读 · 0 评论