js
洪小灯
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js 生成二维码
js生成二维码是使用jquery.qrcode实现的,原创 2014-10-21 17:28:49 · 572 阅读 · 0 评论 -
基于node Express 拦截器的实现
拦截器在web应用是经常使用的一个功能,基本上没有哪个web应用不使用拦截器使用拦截器的目的有很多种,比如权限控制、session是否过期等等下面介绍一下拦截器在node中实现方式:在node中实现拦截器也有很多方式,下面说一个使用比较多的方式:app.use(function (req, res, next) { var url = req.url; if (ur原创 2015-12-09 15:56:09 · 3891 阅读 · 0 评论 -
JavaScript中的setInterval用法
JavaScript中的setInterval用法setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下:setInterval(function,interval[,arg1,arg2,......argn])setInterval(object,meth转载 2015-11-24 08:50:46 · 337 阅读 · 0 评论 -
js map类型实现
map是面向对象程序语言中比较常使用的一种数据类型,主要是因为比较好用的键值对形式,javascript由于是脚本语言,原生的类型中没有map中类型,但是可以通过构造自己创建map数据类型:map类型: function UtilMap() { var struct = function (key, value) { this.key = key原创 2015-11-24 13:40:54 · 3628 阅读 · 0 评论 -
easyui datagrid 动态生成列
最近使用easyui 来最为前段框架,以前使用的是extjs,不使用它的主要原因是extjs过于庞大,不适合小型项目使用。datagrid是比较常用的一个控件,并且有的时候我们需要并不知道一个table的列数是多少,甚至不知道每列的数据有哪些,这个时候就要动态生成列了,使用easyui中的datagrid动态生成列还是比较容易的,下面开始代码:前段代码: <table id="da原创 2015-11-23 23:06:46 · 5412 阅读 · 1 评论 -
IE9 平时报错,F12不报错
最近遇到一个比较奇怪的问题,在使用IE9绘制图片时发现在平时会出现问题,但当使用F12debug模式时,问题又不出现了一直想不明白是为什么,最后到微软官网查看找到了这个问题。平时IE9模式时,IE9浏览器是没有console这个对象的,当使用debug时这个console对象会被构造出来,这个时候就不会报错了使用高版本的浏览器模拟IE9时这中问题是复现不了的,如果要测试这种问题一定要在原创 2015-12-11 23:14:11 · 1142 阅读 · 0 评论 -
nodejs 导出csv
导出csv是比较常见的一种共能,在很多的时候都要使用,比如说用户列表、商品列表等excel文件比较大,使用csv文件就比较合适了。后台代码:var beginTime = req.query.beginTime; beginTime = new Date(beginTime).getTime() / 1000; var endTime = req.query.endTi原创 2015-11-26 14:04:07 · 5432 阅读 · 0 评论 -
easyui datagrid 生成动态列后 实现分页
easyui是一个比较简单的前端框架,相比Extjs有很大的性能提升,但是对很多处理来说easyui支持的不是很好下面介绍datagrid动态列生成之后如何实现分页easyui datagrid不支持原生事件来动态修改列,只支持修改列属性,如果要动态生成列只能设置datagrid的options,但是这样设置以后以前设置的数据属性和绑定的事件都会被重置,绑定的分页事件也会重置,这个原创 2016-01-17 11:12:18 · 1262 阅读 · 0 评论 -
在session过期后如何跳转到登录页面
最近在使用easyui时在页面嵌套了ifream,我在后台做了session的处理当session过期时要自动跳转到登录页面,但由于是在ifream中跳转页面,结果跳转出来的登录页面嵌套在ifream中,这个肯定是不行的,我以为是后台的处理有问题结果处理了半天都没有解决这个问题,最后在网上找到了解决方法,原理就是在登录页面加载的时候判断当前路径是不是顶级路径如果不是得话,就修改当前路径为顶级路径原创 2015-12-16 20:24:11 · 6972 阅读 · 1 评论 -
JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
说明:本文提到的浏览器均是指Chrome。“script标签“指的都是普通的不带其他属性的外联javascript。web性能优化的手段并不是非黑即白的,有些手段过头了反而降低性能,所以在讨论条件和结论的时候,虽然很多条件本身会带来其他细微的负面或正面影响,为了不使论述失去重点,不会扩展太开。一、从一个面试题说起面试前端的时候我喜欢问一些看上去是常识转载 2016-01-18 13:56:25 · 1747 阅读 · 4 评论 -
将普通的数字转为color值,java和javascript的区别
最近的一个需求是这样的,前段可以动态配置数据颜色保存起来,在展示的时候再将color读出来,但是保存的时候保存的是数字,例如:16776960、16776980等等这样的数字,在java中将这些数字转为Color值还是很方便的,代码如下: Color c = new Color(16776960); System.out.println("ss:"+"#" + Integer.t原创 2015-12-08 11:46:47 · 2476 阅读 · 0 评论 -
easyui datetimebox 如何只显示 月份,不显示具体的数据
最近的一个项目使用到easyui 中datetimebox 控件,但是只要显示月份数据,不需要显示具体的日期数据这个功能需要代码实现 $(function () { $('#db').datebox({ onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 span.trigger('cli转载 2016-04-22 09:22:47 · 4289 阅读 · 0 评论 -
node 使用get和post向后台请求数据的使用方式对比
做过web开发的朋友对get和post 的请求的区别肯定十分了解,我就不多讲述了。下面主要介绍一下get和post请求在node中使用的不同场景就是单纯大登录操作:传递两个参数用户名和密码get请求:前台:function login() { var name = $('#name').val(); var password = $('#password原创 2015-10-29 16:54:25 · 15523 阅读 · 0 评论 -
为啥textarea 中的 placeholder不显示
为啥textarea中的 placeholder 不显示,请看一下两段textarea id="zxmlZIPDesc" placeholder="请输入文件描述" style="width:100%;height:50px;resize: none;">textarea>textarea id="zxmlZIPDesc" placeholder="请输入文件描述" st原创 2017-05-16 10:42:46 · 15478 阅读 · 18 评论 -
nodejs 如何引入其它js文件
本文通过几个具体实例来分析node.js中使用require()函数来加载模块的方法。/*在node中,可以使用require()函数来加载模块.* require函数使用一个参数,参数值可以带有完整路径的模块的文件名,也可以为模块名.当使用node中提供的模块时,在require函数中只需要指定模块名即可.* *///建立一个页面hello.js;代码如下var hello原创 2015-10-14 23:03:01 · 39035 阅读 · 0 评论 -
html5 绘制椭圆
最近的项目要使用html5 绘制椭圆,参考网上的例子发现可以使用贝塞尔曲线绘制,不过要绘制四条贝塞尔曲线。在html5的过程中发现可以使用绘制圆形的方式来绘制椭圆html5中绘制圆的函数如下:arc(x,y,r,start,end,clockwise);具体函数的含义请自行查看,实现的具体代码如下:/** * * @param x 中心 x坐标 * @param y 中心原创 2015-07-22 14:51:31 · 3956 阅读 · 0 评论 -
html5 绘制类似墙型的背景
最近开发的项目中要使用html5绘制各种虚线包括贝塞尔虚线、圆形虚线、各种虚线段,还包括各种形式的背景墙,截图如下:从这张图片中可以看出有很多种形式的虚线和背景墙,下面主要介绍一下墙型背景,如下如:原创 2015-07-16 10:08:44 · 1220 阅读 · 0 评论 -
js 二维码操作加上图标
//在这上面有可以生成 紫光云计算 /**二维码**/html { background-attachment: fixed;}/*解决IE6下滚动抖动的问题*/ /*解决IE6下不兼容 position:fixed 的问题*/#code_img { width: 208px; height: 208px; background:原创 2014-10-23 16:14:57 · 986 阅读 · 0 评论 -
js 使用 window.location.href 无法跳转
參考: 1、事件必须return false 2、a标签的href属性设为一个锚点。 必须在event() 后添加 return false; 在event(){return false;}不行。 注意:如果是通过ajax返回值进行是否跳转,在ajax请求是添加一个随机参数。 我的解決代码:原创 2015-03-26 11:49:44 · 2593 阅读 · 0 评论 -
Ext Ajax 使用encodeURI 乱码
最近在使用ExtJs进行数据提交进行插入的时候会有乱码,什么都不说直接来段代码:// 添加点组var addPointGroup = function(groupName){ Ext.Ajax.request( { url : pg_servlet + '_addFavoriteGroup?name=' + encodeURI(magusEncodeURI(groupNam原创 2015-06-17 11:48:21 · 5956 阅读 · 0 评论 -
javascript this 关键字以及四种函数调用模式
最近在学习javascript ,被js中的this关键字搞得晕头转向,都不知道这个东西到底是干什么的,不同的地方所指的对象又不一样。在查询了很多的资料以后,终于有了一些眉目了。this的定义:在javascript中,上下文对象就是this指针,即被调用函数所处的环境,上下文对象的作用是一个函数内部引用调用它的对象本身。上面就是javascript中this关键字的定义,单纯的理解来说还原创 2015-06-16 10:14:49 · 666 阅读 · 0 评论 -
ExtJs TreePanel 动态加载
今天在做ExtJs 做动态加载的时候,使用删除第一次可以正确执行,当使用编辑、或添加后,更新的数据一直出不来这是修改之前的代码://添加点组var addPointGroup = function(groupName){ Ext.Ajax.request( { url : pg_servlet + '_addFavoriteGroup?name=' + encodeURI(group原创 2015-05-29 13:50:05 · 1112 阅读 · 0 评论 -
修改 Jquery Dialog 的位置
今天在做一个功能的时候使用到了Jquery UI中的dialog组件,应为是一个很简单的组件,有很多功能都没有提供,比如说直接获取到dialog的位置,直接修改dialog的位置都是不行的,并且但可拖动的位置看不见的时候,这个时候就是坑了,关闭不了,也拖动不了,这个时候只能刷新页面来重新初始化界面了。我今天解决的就是这个问题:解决这种问题有两种方式(个人认为)1、修改属性让可拖动局域可见,原创 2015-06-17 16:55:22 · 3915 阅读 · 0 评论 -
动态获取服务器时间
最近在做的这个项目要获取到后台的数据,然后使用html5绘制曲线,以前都是在自己电脑上使用没有发现有什么不正常的地方,昨天连接同事的服务器发现有段数据怎么都对不上了,开始我还以为程序有问题呢,找了半天结构发现是我的电脑时间和同事的电脑时间对不上导致的。既然发现了问题下面就是找出解决办法了。实际上最好的解决办法是固定客户端的时间,不然修改,但你会发现这个不可能的。所以只有找其他方式的。再有就是获原创 2015-06-24 15:28:09 · 2430 阅读 · 0 评论 -
基于Jquery UI Dialog 的改写
我最近在做的这个项目是纯粹的js+html5文件,java肯定有涉及,不过现在基本上在使用js和html5的特性。项目要使用一种类似于dialog的功能,让一部分页面能够弹出来,并且可以移动,当然使用dialog是很不错的选择但是在真正使用的时候发现,jquery UI的dialog虽然能满足基本的要求但是,有些功能是不能满足,如果自己写这个dialog,显然不太合适,因为jquery只有原创 2015-06-09 16:42:24 · 1376 阅读 · 0 评论 -
基于js 的自动提示控件
最近在工作中需要自动提示的功能,本身单独的这个控件来开发难度不是很大,特别是针对项目需求对应的单一功能,但是为了让开发出的控件可以随意使用,动态配置,那么这就需要一定的时间来开发了。先说一下我们这个自动提示的功能的要求,在input控件中输入一些值,在对应的下方会有对应合适的选项,类似百度自动提示的功能。我的这个控件为了可以在很多地方可以不做修改的进行引入,所以支持方法配置,样式配置,不需要任原创 2015-06-08 15:19:51 · 1118 阅读 · 0 评论 -
火狐浏览器获取event
由于各种浏览器对js文件的解析不同,加上各种浏览器的内核不一样,以及内核版本也不一样,所以获取event的方式也不一样。使用原始的方式获取event是这样的:document.body.onclick=function(e){ e=e||window.event;};实际上大家会想为什么要重新赋值,这是因为event是瞬间有效,所以要进行保存。这中方式可以实现,但是要保证传原创 2015-06-30 16:28:25 · 5900 阅读 · 0 评论 -
js 数组克隆
在JS中,对于对象类型的变量的引用是通过类似C之类的“指针”的方式来操作的,及如果多个变量引用同一个对象,则任意一个变量对对象的操作都会影响到其它的变量。这个可能不是很明白,下面给出一个例子var a=[1,2,3,4]; var b= a; var c=b; c.pop(); alert('a:'+a.length); alert('b:'原创 2015-06-12 11:01:24 · 1108 阅读 · 0 评论 -
html5 离屏canvas 的应用
离屏canvas在大多数的情况下是应用到html5 游戏中,但是最近接触到的一个项目是运用到绘制大量的图形上。譬如有以下的需求,在一个固定的背景图上面绘制一个动态的时间。拿到这个需求,大部分搞过html5 开发的坑定知道具体的步骤怎么做,下面我简单说一下:1、先绘制背景。2、将时间格式化绘制到背景上面。3、清除canvas ,重复第一和第二步。js文件如下:$(docume原创 2015-07-27 15:20:25 · 6997 阅读 · 1 评论 -
html5 实现画虚线
html5已经出来好长一段时间了,只是最近才开始接触到它,html5提供了很多内置的函数可以实现很多功能,比如 画线段、画矩形、画圆、画弧等。但是html5没有提供画虚线的功能,如果想实现在canvas上画曲线就要发费一点功夫了。下面提供两种方式实现画虚线的功能:方法一就是就是单独写一个函数,当想画曲线的时候就调用这个曲线就行了。function drawDashLine(contex原创 2015-06-12 15:40:38 · 8350 阅读 · 0 评论 -
如何去点百度地图web地图中的百度版权信息
在调用百度地图的时候会在左下角有百度地图的版权说明上面标红的文件就是,有些时候我们可能需要去除这个东西,只需要声明一个css样式就可以了 .anchorBL{display:none}使用后的效果是这样的可以看到这个图标已经没有了简单、快捷、方便原创 2018-01-08 09:30:08 · 4654 阅读 · 1 评论
分享