前端
文章平均质量分 53
码龙3
不是码农,而是码龙。不是匠人,独具匠心!
展开
-
做前端遇到的一些问题记录
Ajax动态添加dom元素 $("#addTr").html(""); //每次添加dom则会叠加,那么先清楚之前的table //获取所有的部门信息,从数据库中 var url ="/XServer/department.do?_method=doSearch" ; Base.ajax({ url : url, type : "post", ...原创 2018-09-17 16:45:31 · 146 阅读 · 0 评论 -
jquery实现局部刷新Iframe
1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 1 2 3 <script lang...原创 2018-09-30 16:41:15 · 4631 阅读 · 0 评论 -
Vue组件通讯
1. 自定义事件 Vue的子组件用$.emit()来触发事件,父组件用$.on()来监听子组件的的事件 <div id="app"> <p>总数{{count}}</p> <my-component @jia='total' @jian='total'></my-component> </div>原创 2018-10-18 13:48:38 · 175 阅读 · 0 评论 -
Vue使用props传递数据
1. Vue使用props传递数据 组件不仅仅是用来进行内容的复用,更重要的是组件之间的要进行通信。通常父组件的模板中包含子组件,父组件要正向的向子组件传递数据或参数,子组件接受到后根据参数额不同来渲染不同的内容或执行操作。这个正向传递的过程就是通过props来实现的。 在组件中,使用选项props来声明需要从父级接受的数据,props的值可以是两种,一种是数组,一种是对象。 数组的方式:p...原创 2018-10-15 14:46:34 · 7257 阅读 · 0 评论 -
前端界面国际化(改进i18n方式)
前端界面国际化主要有两种方式 1.translater.js插件的方式 2.使用i18n的方式 网上有说的谷歌插件的方式其实也可以,但是bug有很多,比如说代码的翻译... 当你访问一个外网的时候,有的时候肯定遇到很多单词都看不懂的地方,当你使用谷歌浏览器的时候,它就会提示你是否翻译。谷歌插件的方式就相当于这样的。但是你发现没,你想看的代码它居然也给你翻译中文,这完全不是我们想要的结果。...原创 2018-09-28 14:24:57 · 15667 阅读 · 4 评论 -
使用script或template标签注册组件
1 why 为了简化组件的注册,template选项中在拼接HTML比较麻烦,这也导致了HTML和JS的高耦合性。 2 how 2.1 使用script注册组件 <div id="app"> <my-component></my-component> </div> <script src="https://cdn.bootc...原创 2018-10-12 15:19:16 · 688 阅读 · 0 评论 -
Vue组件
为什么使用组件 JavaScript能力的复用。Vue.js的组件提高重复性,让代码可以复用。 组件的用法 组件在使用前先需要注册。注册分为两种方式:全局注册和局部注册。全局注册后,任何vue都可以使用。全局注册代码: Vue.component('my-component',{ template : '<div>这是一个组件</div>' }) my...原创 2018-10-12 14:48:22 · 137 阅读 · 0 评论 -
select标签如何设置默认选中的选项
HTML代码 <select class="form-control select2" id="conferenceRoom"> <option selected = "selected" >请选择会议室</option > </select> option其余的选项我是在后台传过来的,动态添加到select标签下边 func原创 2018-09-22 16:30:23 · 13885 阅读 · 0 评论 -
JS中彻底删除json对象组成的数组中的元素
只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }]; 如果我们想要删除其中原创 2018-09-21 14:52:09 · 2689 阅读 · 0 评论 -
json数组去重
function uniqueArray(array, key) { var result = [array[0]]; for (var i = 1; i < array.length; i++) { var item = array[i]; var repeat = false; for...原创 2018-09-19 16:27:42 · 421 阅读 · 0 评论 -
BootStrap 表格分页(服务器客户端)
服务器分页表格 function InitMainTable1 () { //记录页面bootstrap-table全局变量$table,方便应用 var queryUrl = "/XServer/user.do?_method=doSearch"; $table = $('#table').bootstrapT...原创 2018-09-19 15:24:00 · 338 阅读 · 2 评论 -
BootStrap一些知识点
BootStrap input标签不换行 form-control有两个属性影响换行. .form-control { width:100%; display: block; } 可以新增一个class .form-control-xxx { width:200px; display:inline; } 这个css要放到bootstrap.css下面...原创 2018-09-18 11:07:34 · 215 阅读 · 0 评论 -
window location href怎么获取参数
window.location.href = "Templelate_Detail.html?id=" + idValue + "&key=" + idKey; 怎么获取id的参数呢 方法: var urltype = getQueryString('id'); console.log(urltype)原创 2018-12-27 11:44:40 · 7773 阅读 · 2 评论