#js开发工具

html JS打印添加水印图片

   最后,听取了别人的意见,换了个思路。将水印图和需要打印的内容放在一个div里面,给打印的div设置较高的层级,这样水印自然就在最下面了。下面贴上部分代码:html:<divclass="big-div"><divclass="bg-div"><imgsr...

js 重庆38区县 数组

  data:[{name:'九龙坡区',value:20057},{name:'渝北区',value:27},{name:'渝中区',value:27},{name:'万州区',value:27},{name:'涪陵区',value:27},{name:'沙坪坝区',value:27},{name...
代码星球 ·2020-04-01

JS中的数据类型小结

首先说说JS数据类型的分类。分为标准型和typeof类型(即控制台打印,浏览器区分)标准型:基本类型中有:number、string、boolean、undefined、null 复合类型:object(对象,array数组也算在里面了)。typeof型:number、string、boolean、undef...

JS apply 和 call 的实现

很早之前的一篇博客写了bind的实现,是基于apply的,感兴趣的朋友看完这篇文章可以接着看看bind的实现。apply和call主要就是传参的区别。这里就不多说了,直接看代码。//call实现Function.prototype.myCall=function(context){context.fn=thisvara...
代码星球 ·2020-04-01

js的事件流你真的弄明白了吗?

当浏览器发展到第四代时候,浏览器开发团队遇到了一个有意思的问题;页面的哪一部分会拥有某个特地的事件?要明白这个问题问的是什么,可以想象画在纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指指向的不是一个圆,而是纸上所有的圆。两家公司的开发团队在这件事情上的看法是一致的,如果你单击了某个按钮,他们都认为单击事件不仅发...

js bind的实现

call,apply,bind都是用来挟持对象或者说更改this指向的,但是区别还是有的,call传参是fn.call(this,1,2,3)apply传参是fn.apply(this,[1,2,3])而前两者是立即执行的,后者Bind是返回一个函数varfoo=fn.bind(this) foo()看到一个...
代码星球 ·2020-04-01

JS实现Promise原理

promise是用来解决Js中的异步问题的,js中所有的异步可从callback→promise→generator+co=async+await其实所有的都是callback的变相处理,只是后者慢慢变的越来越优雅和强壮可扩展。那么如何实现promise呢?先观察一下promise的样子leta=n...
代码星球 ·2020-04-01

路由传参,path和query的刷新报错js文件丢失

日常的路由跳转,基本都会用到传参,有两种方式:path+query,name+params常用的写法:this.$router.push({path:'proDetail',query:{id:query.id,from:this.menuName,fromPath:'proList'}});或者this.$route...

JS组件系列——Bootstrap右键菜单解决方案:ContextMenu

前言:有段时间没发表随笔了,过个年人都变得懒了。新年刚来上班,今天正好得空,将去年遗留的两个小组件总结记录下。有朋友跟我说:你的bootstrap组件要能够形成一个可以满足一般项目需求的系列组件,才有真正的实用价值。想想说得在理。这不今天来总结下bootstrap的一个小组件的应用。好了,不说废话,进入正题吧。年前,博...

JS组件系列——不容错过的两款Bootstrap Icon图标选择组件

前言:最近好多朋友在群里面聊到bootstrapicon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的class样式。于是乎各种百度,皇天不负有心人,最后被博主找到了,感觉效果还不错,并且支持自定义的图标,今天就拿出来分享下...

JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动。遗憾的是,bootstraptable里自带的fixedcolumn功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章。最近项目里面有一个表格需求,该表格列是动...

JS组件系列——使用HTML标签的data属性初始化JS组件

前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心。于是...

JS组件系列——分享自己封装的Bootstrap树形组件:jqTree

 前言:之前的一篇介绍了下如何封装自己的组件,这篇再次来体验下自己封装组件的乐趣。看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap树控件使用经验分享,这篇里面第一个JqueryTree,只是用简单样式和js去实现了效果,没有给出一个系统的封装,这...

JS组件系列——封装自己的JS组件,你也可以

前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件,我们该如何去做呢,别急,我们慢慢来看看过程。1、需求...

JS组件系列——Bootstrap 树控件使用经验分享

前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项。不管怎么样,树控件都是很多项目里面不可或缺的组件之一。今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,希望能帮大家找到最合适的控件。还是那句话:控件没...
首页上一页...376377378379380...下一页尾页