实验室
文章平均质量分 80
杰尼js
不会潜水的摄影师不是好前端
展开
-
本人jQuery插件处女作imgSlideInput发布
原先是因某个设计似乎用我所知的插件修改使用都比较麻烦,所以一时兴起开始自己动手写程序。那个时候它只是一段程序,后来有空才把它改装成了插件。成为插件之后,它变得更为灵活、更为合理。废话不多说,我在CSDN资源上传了源代码并附带了一个非常简单的DEMO,作为学习交流之用。进入下载页>>>我将该插件名定为imgSlideInput,初发布版本为0.0.2(将原先的程序作为初版)。插件功能:原创 2012-02-05 01:44:30 · 952 阅读 · 0 评论 -
用JS分析、导出CSV文件
CSV是comma separated values的缩写,现已成为常用的数据文档格式之一。虽说它可以用Excel等表格处理软件打开修改,但它本质上是个纯文本文件,并且格式相当简单:每一行数据为行,每一列数据由分隔符隔开。因此,在分析CSV文件的时候,我会选择将其转为二维数组或一组Object便于处理。而在导出时,则相反地,转为纯文本。说起来很简单,但由于CSV并未标准化,不同软件系统使用的行原创 2017-11-19 16:30:29 · 16691 阅读 · 0 评论 -
配置bash on windows前端开发环境
在不需要安装虚拟机的情况下,安装一个ubuntu命令行作为一个windows的程序来使用原创 2017-11-04 23:36:26 · 1179 阅读 · 0 评论 -
用jQuery UI做简单九宫格拼图(2)
上一篇中介绍了一个简单的拼图。缺点是图片只要放对位置,就不会再被拖动。现在我们可以把这个拼图的代码稍加修改,给它增加一些难度。(改动的代码我会用注释的方式作为比较和参考。)继续沿用上一篇中的HTML结构,小修CSS:#jigsaw IMG.dropped{ position:absolute !important;}这么做完全是因为jQuery UI会在元素dropped之后自动给元素加上原创 2014-07-05 21:02:19 · 1394 阅读 · 0 评论 -
[Google Maps API 3]Marker从Clusterer中分离及Marker置于Cluster上一层的解决办法
在Google Maps API的使用中,经常用到Clusterer来避免过密的Marker显示。但仔细看一下Clusterer的设置参数中并没有直接将某些Marker除外的方法,那遇到这样的需求,怎么做呢?以下是我从StackoverFlow上获得的解答,也是实践下来最佳的方法:思路很简单,就是用Clusterer对象提供的方法将Marker从中移除,然后用Marker对象的setMap方法原创 2014-03-18 22:53:53 · 2287 阅读 · 0 评论 -
通过jQuery调用ASP.NET的AJAX
传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程。但事实上,这并不是理想的解决方案。使用jQuery来调用ASP.NET后台的方法来实现AJAX可以节省至少三次的服务器与客户端之间的通讯连接。要实现通过jQuery的AJAX来调用ASP.NET后台的方法并不复杂,可以通过一个简单的例子来说明。首先,在ASP.NET项目中原创 2012-06-24 01:41:55 · 2142 阅读 · 0 评论 -
设置viewport后Colorbox在iPhone中不能居中显示
如上图,Colorbox(version:1.3.19 + jQuery 1.7.2 )在iPhone浏览器中未能屏幕居中显示。查了半天,发现是由于页面设置了viewport,而Colorbox中使用了$window.width()/$window.height()来获取计算弹出窗口的位置所致。为了适应移动设备,一般我们会设置Viewport(可视区纠正)。即在头中添加如下设置:w原创 2012-07-04 10:30:25 · 1365 阅读 · 0 评论 -
Javascript的Image对象、图像渲染与浏览器内存两三事
最近做的一个页面需要播放大量大尺寸高质量的图片。由于设计要求和限制一千多张图片必须放在同一个页面中切换,在这个过程中发现了许多关于Image对象和浏览器的内存问题,然而网上讨论该问题的文章并不多。希望我这篇东西能给读者一些参考。使用Javascript创建new Image()对象的最主要作用就是实现图片预加载。预加载的实现很简单,百度谷歌一下会有很多相关的文章。其核心说到底也就两句话:原创 2012-08-25 15:40:22 · 5469 阅读 · 4 评论 -
用jQuery UI做简单九宫格拼图
最近在搞一个很复杂的页面,搞得脑子有点疲劳。。。抽空把前段时间用jQuery UI写的一个非常简单的九宫格拼图重新分析一下,转换一下心情。jQuery UI提供了许多非常有用的工具,如draggable、droppable等。这可以让我们用很少的代码实现复杂的功能,并且做到多浏览器兼容。这个九宫格拼图根据需求的不同,我做了两个版本。由于两个版本的JS代码变化还是比较大的,所以我准备分开来讲原创 2012-07-25 13:53:57 · 4846 阅读 · 0 评论 -
jQuery表单Input文本框默认说明文字获得焦点后消失效果
法一:加入以下jQuery代码var txt=[];var textbox=$('input:text');textbox.each(function(){txt.push($(this).val());});textbox.focus(function(){$(this).val("");});textbox.blur(function(){if($(this).val原创 2012-01-31 16:04:32 · 9145 阅读 · 5 评论 -
译:手把手教你如何写自定义babel代码转换
译:手把手教你如何写自定义babel代码转换今天,我将分享如何一步步写一个自定义babel转换工具。你可以利用这项技术来自动化代码的修改,重构以及生成。什么是babel?Babel 是一个Javascript 编译器,它主要被用于将ECMA Script 2015以上的代码转换成目前或者更老版本浏览器或者环境可以兼容的版本。Babel的代码变换启用了插件系统,这个插件系统可以让任何人基于ba...翻译 2019-09-14 23:50:14 · 6843 阅读 · 0 评论