自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 资源 (11)
  • 收藏
  • 关注

原创 自动图片生成在前端开发中的一些尝试

图片处理在前端开发过程中占据了不少的时间,很是累人。在本文中我们不讨论如何提高切图的效率,我们讨论另一个问题:如何处理设计稿中的一些简单图形。不知道你又没有遇到过这种烦恼:“设计师给你的精致的PSD中有一个简单图形,就是那用用多边形、圆形和线条组成的图形。这个图形用css3实现不了,或者能实现,但为了兼容某些浏览器不能用css3来实现,只能切图。好的,你很快切完了并在样式中引用了。但没过多久需求上

2015-07-29 18:53:08 4070

原创 不同JS环境use strict对重复属性处理的差异

即使在严格模式下,各个运行环境对部分细节的处理也是不尽相同的。safari和nodejs的严格模式下对象字面量禁止重复属性声明,而chrome和Firefox则没有这方面的限制。chrome和nodejs按说用的同一个脚本引擎,理应表现一致才对,出现这个的差异有点让人费劲。所以即使严格模式下运行通过的代码也不是100%保险的,多做测试还是非常必要的。

2015-06-04 23:38:49 1288

原创 非主流node.js异步转同步

异步转同步方案分类说起nodejs的异步转同步,估计大家不陌生。因为nodejs回调实在太多了,稍微复杂一点的程序就会有很多层的回调嵌套。为了处理这些令人抓狂的回调,我们一般需要使用一些框架或工具将这些异步过程转换成相对比较容易理解的同步过程,也就是我们本文所说的异步转同步。而完成这种转换的工具或库大体上可以分为三类:1. 回调链管理类 2. 编译工具类 3. 底层实现修改类。第一

2015-03-04 09:54:39 14928

原创 使用php函数去除html页面中多余的空白符

昨天上线了一个基于TMS的活动页面。因为页面比较简单只是静态展示,所以没遇到什么困难。眼看着没事了要回家了,运营那边的MM找过来了,说我的页面中的一些大段的文字内容中个别地方有一些多余的空格。开始以为只有一处,就随手将html代码中的两行文案中间的回车去掉了。但后来发现出现这种问题的地方不止一处,手动修改显然是不现实的。看了下出问题的代码,发现出问题的地方是为了代码美观而认为添加的

2014-11-25 14:45:24 1830

原创 利用正则实现彩色控制台输出

在控制台中输出彩色文字是一件比较繁琐的事情,需要自己去拼ANSI的转义字符串,当需要输出的颜色比较多的时候简直就是一场灾难。而这些工作通过正则来处理却非常简单。

2014-08-05 17:13:48 2206

原创 利用正则实现简单模板替换功能

最近做了不少H5项目,功能比较简单,为减少体积且便于利用无线团队的其他模块前端库基于zepto。这个项目中有因为页面是由前端渲染了的,所以自然有很多拼字符串的操作。在zepto中找了半天也没有找到一个类似kissy中subsititute函数的功能,于是自己写了一个。用起来还算顺手,所以放上来大家交流下。为了避免与HTML属性的JSON格式冲突,通配符借鉴了ruby的方案,使用了#{}。对zept

2014-06-25 10:06:11 1719

转载 解决less的data-uri函数无法处理相对路径的Bug

Bug由来从1.4.0版本开始,less添加了一个很好用的内置函数:data-uri。这个函数可以自动将less代码中引用的图片进行base64编码。比如我们要引用一个小图片作为背景,我们可以这样写: .foo-icon { background: data-uri('./img/foo.png') no-repeat; *background": url

2014-06-03 13:36:04 6078

原创 关于360与QQ的这次争端

<br />     今天看到了一则消息说360与QQ只能2选其一,感触良多,随便写写。总的来说我比较支持腾讯,老实说我对360<br />的周宏伟一直没有太多的好感,360的软件用了安全卫士,和杀毒,公司网管统一安得。360杀毒不敢恭维,安全卫士<br />打打补丁还不错。<br />     我觉得整件事情360好像一个流氓。首先说腾讯扫描用户隐私,然后在没有拿出什么有了证据的前提下就说马化腾<br />领住房补贴,之后就推出了一个QQ保镖,强行干扰别人的软件。单说扫描用户隐私这件事情,360如果确认扫

2010-11-04 10:00:00 614

原创 使用UltraEdit32修改IETester中文版的菜单字体

    平时一直使用IETester来测试网页在IE系列浏览器中的兼容性,比较好用。最近公司给我换了电脑我重新安装了IETester及其他软件。发现一个奇怪的现象IETester中的菜单字体变得很小很模糊,很难看。点了IETester的所有菜单也没有找到如何设置字体,有在网上搜索了许久也没有什么结果。      正当我想放弃时我想起以前修改UltraEdit32中文版的情况。当时U

2010-03-02 15:41:00 1999 5

原创 用COS实现文件上传(非原创,网络收集)

文件上传功能载基于B/S的开发模式中非常普遍。JSP实现文件上传的实现方法是这样的:使用ServletRequest类的getInputStream()方法获得一个客户端向服务器发出的数据流,然后处理这个数据流,从中分析,得到文件上传中传递到服务器的各个参数和数据,然后将其中的文件数据存储为一个文件或插入到数据库中。        实现方式看起来简单,但要自己开发实现一个稳定可靠的文件上传类也是比

2007-11-27 09:34:00 1141

原创 简单工厂模式与工厂方法模式

 简单工厂模式与工厂方法模式2007-07-23 15:42 在OO设计领域,我们知道前人总结了不少的经验,许多的经验在现代软件工程过程中已经被认为是原则来遵守。下面笔者摘抄几项下文涉及到的OO原则的定义。OCP(开闭原则,Open-Closed Principle):一个

2007-10-11 11:06:00 573

转载 工厂方法模式和抽象工厂模式之比较

 工厂方法模式:一个抽象产品类,可以派生出多个具体产品类。                                 一个抽象工厂类,可以派生出多个具体工厂类。                                 每个具体工厂类只能创建一个具体产品类的实例。     抽象工厂模式:多个抽象产品类,每个抽象产品类可以派生出多个具体产品类。                      

2007-10-11 11:01:00 552

原创 javaScript一些常用的正则写法

实现innerText       var str="abc";      str.repalce(/]+>/g,"");      alert(str);实现去首尾空格     var str="    abc   ";     str=str.replace(/(^/s*)|(/s*$)/g,""); 只能输入两位小数http://www.w3.org/TR/xhtml1/DTD/xh

2007-08-27 08:48:00 744

原创 用yui建立简单的右键菜单

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">我的右键菜单 .mydiv{display:block;     background-color:#99cc66;     width:400px;     height:300px;} YAHOO.example.on

2007-08-23 11:20:00 888

简单的JavaScript关键字着色程序

自己写的一个简单的js关键字着色程序。只有100来 行,很简单只要熟悉正则都能看懂。放在这一来为了 备份,二来为了和大家交流。后期会写一个js格式化 的程序,将来会将这段代码整合的里面

2011-06-15

连线图表(1.1 beta)

对前两天发布的那个进行了下升级,改正了不能再 IE6下打开的Bug,重新封装了下接口,使更方便使 用,同时写了一个新的类使图表在较大时能够通过 鼠标拖拽。限于时间和自己水平的限制,可能好多 地方还没有考虑到。

2010-03-05

JavaScript连线图表

一个利用WireIt实现的连线图表,可以用来展示类似 二叉树结构的数据. 2010-3-2: 最经有同事反映这个程序无法再IE6下运行,我测试了下确实如此。 最后找到了元凶,其中的一个JS文件采用了gb2312编码而非统一 的utf-8,因此改正的方式是将页面中的这一行代码: <script type="text/javascript" src="js/LinkedContainer.js"></script> 改为: <script type="text/javascript" src="js/LinkedContainer.js" charset="gb2312"></script> 因为无法覆盖文件,所以我不能手动修改这个错误,请大家见谅

2010-02-26

使用POI和Excel VBA生成图表

项目中想实现excel图表但POI不支持所以想到了这个方法。放上来抛砖引玉,感兴趣的欢迎大家交流 注:-------------------------------------------------------------------------- 其实现原理和利用JavaScript实现客户端绘图完全一样。后台代码将输入 写入特定区域,前端脚本在页面载入时执行脚本绘图。大家都是做B/S开发 的,这方面的只是不需要我多说了吧。 如果我们让一个HTML页面在载入时显示一个提示框用后台编程是不现实的 所以我们就动态生成一段JS: window.onload=function(){ ...... } 用Java输出图表的场景和这个一样,POI、JXL对操作Excel图表无能为力 但Excel支持脚本的,也有工作表载入事件,所以也可以用同样的原理实现 只不过这次客户端不再是浏览器而是Excel应用程序。 这样交代的应该比较明白了吧,请不要再留言抱怨没有Java代码了,因为 这根本跟java代码没多大关系,后台的代码所做的工作仅仅是写入必要的 数据,数据的解析和绘图操作是在VBA中完成的 ---2009-12-18 今天查找资料翻出来了这段代码,发现里边的类确实是空的,我说怎么总挨骂 呢,当时肯定打包的时候晕透了把另一个本该删除的类打包进去了。我无法 替换文件只能把java代码贴上来了,请自己修改模板文件的路径。 package com.test.poi; import java.io.FileInputStream; import java.io.FileOutputStream; import org.apache.poi.hssf.usermodel.HSSFRow; import org.apache.poi.hssf.usermodel.HSSFSheet; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache.poi.poifs.filesystem.POIFSFileSystem; public class PoiChart { public static void main(String[] args){ try{ POIFSFileSystem fs=new POIFSFileSystem(new FileInputStream("E:/王建波_bak/我的练习/Module.xls")); HSSFWorkbook wb=new HSSFWorkbook(fs); HSSFSheet sheet=wb.getSheetAt(0); HSSFRow row; //写入表头 String[] aTblHeaders=new String[]{ "姓名","语文","数学","英语" }; row=sheet.createRow(0); for(int i=0,len=aTblHeaders.length;i<len;i++){ row.createCell((short)i).setCellValue(aTblHeaders[i]); } //向模板中写入数据 String[] aNames=new String[]{ "张飞","刘备","关羽","曹操","孙权","吕布" }; for(int i=0,nRowLen=aNames.length;i<nRowLen;i++){ row=sheet.createRow(i+1); row.createCell((short)0).setCellValue(aNames[i]); for(int j=1,nColLen=aTblHeaders.length;j<nColLen;j++){ row.createCell((short)j).setCellValue(Math.floor(Math.random()*100)); } } //输出文件 FileOutputStream fout=new FileOutputStream("d:/chart.xls"); wb.write(fout); fout.close(); }catch(Exception e){ e.printStackTrace(); } } }

2009-04-14

一个用html画蜂窝接解决方案

一个用html来画蜂窝形状的图案的解决方案

2008-12-31

javaScript对表格排序

使用javascript在客户端对表格进行排序的例子

2008-09-26

一个对html表格分页的类(1.2版)

修改了以前上传的那个版本的3个显示bug

2008-07-29

用javascript绘制的图表

这是一个失败的尝试。前端时间领导要做个demo需要绘制曲线图柱状图这些东西,要动态生成。我尝试着用javascript写了一下,后来才发现远没有我想象的简单,浏览器的兼容性能累死人的,出来的效果也不是很理想。后来让领导否据掉了,不能用在以后的项目中,也就没有再对代码继续优化和封装。费力写出的代码就这样扔掉多少有些可惜,放到这吧,作为留念。因为代码实在是乱(开始用在demo中赶工出来的)水平也有限,也就没有资格设置资源分了

2008-07-23

一个对html表格分页的类

可以将一个已经生成的html表格转化成可分页和查询的表格完全用js实现不涉及任何后台技术,不支持ajax。

2008-04-16

一个适合新手的google suggest效果

刚学ajax没多久,自己写了一个类似google suggest的效果,总算是实现了。对于刚学ajax的新手还可以看看,老手就没必要了。希望能够与大家多多交流,也希望大家提出批评和建议。<br>使用方法:解压后防在一个文件夹下,建立虚拟目录就可以了,由于后台代码是用asp.net写的所有需要安装了.net framework的iis下才可以运行

2007-11-05

我要的Excel散点图效果

请问这种散点图效果可以实现吗? 这是新手的时候为请教问题上传的一张图,没有什么技术含量,没必要下载

2007-09-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除