java web
文章平均质量分 88
聪明的一休丶
我是无所不能的程序猿
展开
-
使用window.performance进行浏览器性能测试
性能测试,相信其重要性是不言而喻的,以往前端的性能测试是非常不方便的,非常幸运的是现在有了一个新的api:window.performance,并且现在很多浏览器都支持了这个借口,这极大的降低了前端性能测试的难度。一、理解浏览器的加载顺序 从上图就可以知道浏览器加载顺序是如何的了,然后window.perference.timing就是提供了很多属性读取浏览器转载 2017-08-18 09:46:11 · 1534 阅读 · 0 评论 -
关于原生js的一些研究
callee和callerfunction inner(){ console.log(arguments.callee);//指向拥有这个arguments对象的函数,即inner() console.log(arguments.callee.caller);//这个属性保存着调用当前函数的函数的引用,即outer() console.log(inner.caller)转载 2015-11-16 09:27:36 · 423 阅读 · 0 评论 -
JavaScript操作DOM
DOM的工作模式是:先加载文档的静态内容、再以动态方式对它们进行刷新,动态刷新不影响文档的静态内容。PS:IE 中的所有 DOM 对象都是以 COM 对象的形式实现的,这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。Node 接口特性/方法类型/返回类型说 明nodeNameString节点转载 2015-11-16 09:36:20 · 383 阅读 · 0 评论 -
自己开发jquery插件的方法
jquery插件开发模式jquery插件一般有三种开发方式:通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新的方法通过$.widget()应用jQuery UI的部件工厂方式创建第一种$.extend()相对简单,一般很少能够独立开发复杂插件,第三种是一种高级的开发模式,本文也不做介绍。第二种则是一般插件开发用到的方式,本文着重讲讲第二种。原创 2015-11-16 11:12:59 · 366 阅读 · 0 评论 -
网站统计中的数据收集原理及实现
网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于javascript的。本文将简要分析这种数据收集的原理,并一步一步实际搭建一个实际的数据收集系统。数据收集原理分析简单来说,网站统计分析工具需要收集到用户浏览目标网站的行为(如打开某网页、点转载 2015-11-16 15:17:40 · 1252 阅读 · 0 评论 -
原生js跟jquery 的对比
选择器便捷的找到我们想要的DOM元素是JQuery的核心功能,JQuery选择器的强大无需赘言。通过传递一个查询字符串给CSS选择器,它将会在DOM元素中检索所有的匹配。然而在大多数的情况下,我们可以使用相同的代码量用原生JS轻易实现。1.获取页面所有的div/* jQuery */ $("div") /* native equivalent */ d原创 2015-11-16 09:20:35 · 1777 阅读 · 0 评论 -
抛弃jQuery 深入原生的JavaScript
今天,我准备将在过去几年学到的一些基础东西与大家一起分享,这将可能帮你深入纯 JavaScript的世界,让你能更简单的做出决定——jQuery在你下个工程中是否需要。 逐步增强 虽然像jQuery这样的库有助于解决许多浏览器之间不兼容的问题,但当你一旦开始使用纯JavaScript来完成所有工作的时候你确实会变得对他们很熟悉。为了避免写包含浏览器修改和只能解决浏览器兼容问题的转载 2015-11-12 09:35:10 · 334 阅读 · 0 评论 -
窗口关闭事件
1.用javascript重新定义window.onbeforeunload()事件 在javascript里定义一个函数即可 functionwindow.onbeforeunload(){alert("关闭窗口")} alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口 functionwindow.onbeforeunl原创 2015-11-11 10:22:36 · 455 阅读 · 0 评论 -
JavaScript中清空数组的三种方式
方式1,splice123var ary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary); // 输出 [],空数组,即被清空了方式2,length赋值为0这种方式很有意思,其它语言如Java,其数组原创 2015-11-11 09:37:16 · 420 阅读 · 0 评论 -
原生JavaScript事件详解
DOM0事件模型 事件模型在不断发展,早期的事件模型称为DOM0级别。 DOM0事件模型,所有的浏览器都支持。 直接在dom对象上注册事件名称,就是DOM0写法,比如:1 document.getElementById("test").onclick = function(e){}; 意思就是注册一个onclic原创 2015-11-16 09:08:36 · 311 阅读 · 0 评论 -
12个免费web后台模板
1. Charisma Admin Template (示例) Charisma是一个响应式管理模板,基于Twitter Bootstrap构建。拥有9种外观主题,包括几乎所有的东西,如表单、图表、按纽、表格、文件管理器、相册等。可到 GitHub link 下载该模板。 2. INADMIN – jQuery Admin Template原创 2016-03-16 09:17:40 · 1479 阅读 · 0 评论 -
HTML5移动应用开发最容易踩到的几个坑
自从移动平台崛起以来,HTML5移动应用开发迅速变成了热门话题,开发者们被各种开发HTML5移动应用的方法搞得晕头转向,今天请到了金山云基础架构部研发负责人柴春燕给大家分享如何避免HTML5移动应用最容易踩的那些坑。 柴春燕-- 微软社区精英计划博客组负责人,HTML5研究小组成员,擅长HTML5及移动应用开发; 具有多年Web开发经验,曾参与开发微软Visual S转载 2016-05-10 10:55:23 · 2696 阅读 · 0 评论 -
spring mvc 请求转发和重定向
1. 需求背景 需求:spring MVC框架controller间跳转,需重定向。有几种情况:不带参数跳转,带参数拼接url形式跳转,带参数不拼接参数跳转,页面也能显示。本来以为挺简单的一件事情,并且个人认为比较常用的一种方式,一百度全都有了,这些根本不是问题,但是一百度居然出乎我的意料,一堆都不是我想要的结果。无奈啊,自己写一篇比较全都供以后大家一百度吧,哈哈哈。。。是这些写转载 2016-04-29 11:50:44 · 674 阅读 · 0 评论 -
HTML5:烟火
本次目标:在canvas画布上绘制彩色小球并实现模拟烟花般的动画效果。程序很简单,只需要理解canvas元素,在指定位置用指定颜色绘制圆球然后逐帧形成动画就可以了。考虑到性能因素,在球离开视觉区域或颜色完全变淡后就移除对象,并在每帧补上一定数量的球,这样也能够保证视觉效果。演示效果如下(浏览器需支持HTML5):源码如下(由于结构并不复杂,代码中的注释应原创 2016-04-28 09:40:29 · 646 阅读 · 0 评论 -
知乎用户排行榜生成器0.2版源码
这是我在知乎专栏发表的那篇知乎用户排行榜生成器0.2版的源码,为增强专栏的可读性所以在那边只放了压缩版的。这里是完整版,有兴趣者可以自行调试修改。这段脚本需要登录知乎网站后在浏览器控制台运行,更详细的用法请点上面链接查看。12345678910111213转载 2016-04-28 09:36:43 · 825 阅读 · 0 评论 -
趣味javascript程序
遗传算法解决旅行商问题(TSP)2014年11月16日其它JS程序算法旅行商问题(TSP)是经典的NP完全问题,也经常被程序员们用来测试和练习各种算法的效率。这是我写的一个纯粹练手的程序,还未完善,随后应该会稍作改进,增加更多的设定选项和更好的遗传生成算法。Continue reading →发表回复素数螺旋2014年6月24日知乎相关、网页动画数学、素原创 2016-04-28 09:34:00 · 800 阅读 · 0 评论 -
九大排序算法-大数据
本文是 http://blog.csdn.net/xiazdong/article/details/7304239 的补充,当年看了《大话数据结构》总结的,但是现在看了《算法导论》,发现以前对排序的理解还不深入,所以打算对各个排序的思想再整理一遍。本文首先介绍了基于比较模型的排序算法,即最坏复杂度都在Ω(nlgn)的排序算法,接着介绍了一些线性时间排序算法,这些排序算法虽然都在线性时间,但转载 2016-04-28 09:18:16 · 394 阅读 · 0 评论 -
H5 缓存机制浅析 移动端 Web 加载性能优化
1 H5 缓存机制介绍H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。H5 应用程序缓存为应用带来三个优势:离线浏览 用户可在应用离线时使用它们速度 已缓存资源加载得更快减少服务器负转载 2016-02-25 16:21:41 · 2600 阅读 · 0 评论 -
23种设计模式
创建型1. Factory Method(工厂方法)意图:定义一个用于创建对象的接口,让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。适用性:当一个类不知道它所必须创建的对象的类的时候。当一个类希望由它的子类来指定它所创建的对象的时候。当类将创建对象的职责委托给多个帮助子类中的某一个,并且你希望将哪一个帮助子类是代理者这转载 2016-03-10 16:24:55 · 298 阅读 · 0 评论 -
JS中数组的操作
1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要转载 2015-11-11 09:36:02 · 259 阅读 · 0 评论 -
用Bootstrap写一个简单的响应式布局
首先写一个index.html文件: 响应式布局实例其中这句话必须要有,这是获取屏幕分辨率的方法;然后我们写css自适应:* {margin: 0px;padding: 0px;}html {background-color: beige;}.heading,.contain原创 2015-09-06 16:39:55 · 737 阅读 · 0 评论 -
java多线程实现
在java中要想实现多线程,有两种手段,一种是继续Thread类,另外一种是实现Runable接口。对于直接继承Thread的类来说,代码大致框架是:123456789101112class 类名 extends Thread{方法1;方法2;…public void run(){//原创 2015-08-10 11:55:21 · 261 阅读 · 0 评论 -
itext操作word示例
package com.itext; import java.awt.Color; import java.io.FileOutputStream; import com.lowagie.text.Cell; import com.lowagie.text.Document; import com.lowagie.text.Font; import com.lowagie.text.I原创 2015-03-04 09:27:49 · 652 阅读 · 0 评论 -
页面内部导航控制div显示隐藏的新写法
前边写了公司几个项目,对于导航条控制div显示隐藏总结了下给出新的写法,这种相对简单些;下面我根据页面代码注释慢慢解释: test.html a{ font-size: 25px; } div{ width: 500原创 2015-02-10 13:10:06 · 449 阅读 · 0 评论 -
jquery入门-$.each 数组操作与表单操作代码
对于radio、checkbox、select的赋值操作: 代码如下:$("input[name=a]").val(["娱乐1"]); $("input[type=checkbox]").val(["篮球", "游戏"]); $("select").val(["篮球", "游戏"]);代码分析: 对radio赋值,属性选择器获取radio; 对checkbox转载 2015-02-10 11:37:22 · 433 阅读 · 0 评论 -
CSS控制HTML全屏背景
先看第一种做法:body{background:url(img.jpg);background-position:center;background-repeat:no-repeat;}如果图片太小怎么办?利用一个DIV层,在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%,并固定到屏幕最底层,这样就实现了完美的拉伸并最大化图片的目的。 首先在原创 2015-02-09 18:08:40 · 526 阅读 · 0 评论 -
关于<a>标签的问题
首先,来了解下标签的一些样式:标签的伪类样式一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 a{color:red} ① a:link: 未访问链接 ,如 a:link {color:blue} ② a:visited: 已访问链接 ,如转载 2015-02-10 11:19:37 · 557 阅读 · 0 评论 -
关于localStorage和sessionStorage的用法
首先先看下两者的区别: localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sess原创 2015-02-09 10:48:55 · 685 阅读 · 0 评论 -
js中screen对象获取浏览器宽度高度的用法
Screen 对象 JS获取浏览器高度或宽度 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.cl原创 2015-01-29 11:02:54 · 655 阅读 · 0 评论 -
js中 location对象的使用
location 地址对象它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“.location”。先前写了一片用window.location.href实现刷新另个框架页面,特此我看了一下locaiton的详细用法,对此有点改进,具体如下: 注意:属于不同协议或不同主机的两个地址之间不能互相引用对方的转载 2015-01-29 10:36:23 · 597 阅读 · 0 评论 -
使用POI读写word doc文件
使用POI读写word doc文件目录1 读word doc文件1.1 通过WordExtractor读文件1.2 通过HWPFDocument读文件2 写word doc文件 Apache poi的hwpf模块是专门用来对word doc文件进行读写操作的。在hwpf里面我们使用HWPFDocument来表示一个word转载 2015-03-03 16:55:49 · 759 阅读 · 0 评论 -
使用POI读写word docx文件
使用POI读写word docx文件目录1 读docx文件1.1 通过XWPFWordExtractor读1.2 通过XWPFDocument读2 写docx文件2.1 直接通过XWPFDocument生成2.2 以docx文件作为模板 POI在读写word docx文件时是通过xwpf模块来进行的,转载 2015-03-03 17:08:36 · 917 阅读 · 0 评论 -
java中URL参数的中文乱码问题
**同学们在url传参的时候 是否应为传了中文导致各种乱码问题呢?URL传参中文对于程序员来说,是个很头疼的问题吧。虽然在尽量避免使用中文参数,但总有避免不了的时候。现就自己的经验,总结如下:**1.将字符串转码:newString(“xxxxx”.getBytes(“iso-8859-1”),”utf-8”) 这种转码方式有很大的弊端,因为它是使用指定的字符集将此String编码为 byte原创 2015-05-06 11:30:02 · 996 阅读 · 1 评论 -
docx文档的解压缩写法
package com; import static org.junit.Assert.assertEquals; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.i原创 2015-05-13 11:53:51 · 2714 阅读 · 0 评论 -
远程将sql server导出成 mysql
远程将sql server导出成 mysql 我使用的是Navicat for Mysql 工具: 步骤一: 现在mysql建好库 XXXXX, 步骤二: 出现下面界面: 这里需要填 sql server服务器的地址和 数据库的帐号密码登录成功 3.才会出现 数据库中库的列表,然后选择你需要导出的库; 下一步: 确定之后得到上面这张,全选你懂得;根据原创 2015-04-28 11:08:00 · 673 阅读 · 0 评论 -
POI动态生成word2007加强版
先看效果图:public class GeneralTemplateWord2007Util {public static void main(String[] args) {// TODO Auto-generated method stubString filePath = "C:/Users/Administrator/Desktop/doc/模板.docx";S原创 2015-03-12 15:38:45 · 1309 阅读 · 0 评论 -
java 填写模板表格和动态生成表格
效果看到了然后看代码,代码中方法都有注释就不多说废话了:“` package com.poi;import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;原创 2015-03-11 12:28:19 · 3588 阅读 · 1 评论 -
应用POI,word2007转html
poi 3.9http://poi.apache.org/Java代码 import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.转载 2015-03-04 16:49:33 · 3662 阅读 · 3 评论 -
javascript 定时器用法
setTime.html //写法一 在调用N次后停止调用 var index=0; //f 调用方法 time延迟时间 end调用N次结束 function invoke(f,time,end){ if(!time) time=0;//默认0毫秒原创 2015-01-28 15:53:44 · 330 阅读 · 0 评论