- 博客(272)
- 收藏
- 关注
RSS订阅IntelliJ2016使用向导配置SpringMVC项目
好久没搞Java，之前老用eclipse开发，今天用IntelliJ的向导配置一把SpringMVC的项目 下载的IntelliJ 2016最新版 打开IDE，Create New Project，选择你的SDK，选择Spring，选中SpringMVC和Application Server New Application Se...
2016-06-19 15:50:31
266
浅说javascript中的原型链
浅尝原型链 ECMAScript中的对象是一个无序属性的集合，其属性可以包含基本值、对象或者函数，它拥有一个prototype对象。 一个对象的prototype是以内部的[[Prototype]]属性来引用的。对于prototype对象来说，我们使用__proto__(firefox,chrome)来表示。 原型对...
2015-11-01 17:36:31
218
js中的作用域链浅谈
看题说话,分析一下以下代码的作用域 var x = 10;function a() { console.log(x);}function b () { var x = 5; a();}b(); 简单分析一下这个程序吧,虽然不敢保证理解完全正确.先简单介绍点概念. 执行上下文 ...
2015-10-23 17:48:07
238
mvc,mvp,mvvm简介
Javascript中的MVC，MVP，MVVM总结 MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。它强制将业务数据(Model)与用户界面(View)隔离，第三个组件(Controller)仍然管理逻辑和用户输入。这种模式是Smalltalk-80的研究期间设计出来的，这其中有一些有趣的地方： Model 代表特定于领域的数据，不了解...
2015-10-18 16:24:41
179
js函数名的疑惑
function a(b) { console.log(b) b = function c() { b = 2 c = 3 console.log("b:change",b); console.log("c:",c); } console.log("b:before",b);...
2015-10-17 12:15:37
139
原创 Javascript是单线程的深入分析
本来想总结一下的，网上却发现有人已经解释的很清楚了，特转过来。这也解释了为什么在用自动化测试工具来运行dumrendtree时设定的超时和测试case设定的超时的关联性。面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求，还有setTimeout也看起来像是多线程的？还有non-blocking IO, event loop等概念很不清...
2015-10-15 11:26:23
130
原创 Chrome浏览器使用Console调试(四)
Console API Console API为web应用提供了写信息到控制台的方法,创建了js 的profiles,初始化一个debugging session console.assert(expression,object) 假如执行expression是false,那么信息会以堆栈跟踪的方式显示的console中.在下面的例子,断言信息会...
2015-10-14 14:49:27
618
原创 Chrome浏览器使用Console调试(三)
异常和错误处理 Chrome DevTools提供了在javascript中抛出异常和调试错误信息帮助你来修正web页面. 页面异常和js错误实际上相当有用--你能获取它们背后的详细信息.当一个页面抛出异常或者一个脚本产生错误时,控制台提供了详细的,可依赖的信息帮你定位和纠正问题. 在控制台你可以追踪异常和追踪执行路径,明确地或者隐含地捕获它们(...
2015-10-12 14:58:54
525
Chrome浏览器使用Console调试(二)
比较相似数据对象 使用table()方法查看结构数据和比较数据对象 table()方法提供了一个简单的方式查看那些包含相似数据的对象和数组。当被调用的时候，该方法将提取一个对象的属性，并且将其建立一个Header。每一个属性就会按照索引在一行里输出。 基本用法：打印一个数组对象 在大多数form中，你需要的是一个数组，里面有大量相同属性的对象...
2015-10-12 14:41:51
345
Chrome浏览器使用Console调试(一)
个人翻译能力有限,凑活着看吧,原链接 https://developers.google.com/web/tools/javascript/console/ 这次先翻译了前两节(浏览控制台/诊断和打日志到控制台),后三节会陆续翻译 使用控制台 当一个页面在浏览器中的时候，控制台允许使用标准的JavaScript语句和控...
2015-10-09 17:22:14
7531
1
原创 js的异步加载
默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。 如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下 (1) defer，只...
2015-10-08 18:54:57
127
Function.prototype.apply.call的总结
网上看到一段代码,哎,觉得挺不错,然后来分析一下,首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象 代码:console.log var console = window.console || {log: function () {}}; var log = console.log;console.log =...
2015-09-29 14:02:24
396
yeoman生成自己项目文件脚手架(react)
原文和代码请戳这里 准备做React+Backbone的集成开发，同事之前已经做了自定义Backbone的脚手架，我今天来做React的。准备工作，安装Node,yeoman就不多说了，什么？不会？你做什么自定义脚手架啊，先自行google去吧1.安装目录 我的目录是：home/mike/mywork/study/gitcode/2.安装generator 安装:在命令行输入...
2015-07-29 17:09:35
270
Backbone和ReactJS的整合
Hello-React-Backbone 地址猛戳这里,PPT请看这里目的：做Backbone和ReactJS的整合，该例子使用了Backbone的Model和ReactJS整合，可以认为是ReactJS替换掉了Backbone的View，这个是入门小例子 。实现内容：通过传递的json数据构建Backbone的Model，将数据展现出来，点击按钮，修改数据，展示修改后的数...
2015-07-22 19:15:33
303
各种前端插件整理
今天搞了一天，把以前在收藏夹中的前端插件整理了一下：请参考，猛戳这个链接https://github.com/zhangzhaoaaa/skill-collections
2015-07-09 18:17:34
129
javascript中的类型判断
在前端开发中，我们经常会遇到变量类型的判断，今天总结一下，以防老忘记某些类型的判断。 <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> ...
2015-06-28 17:23:51
129
利用HTML5的manifest文件做缓存
前两天面试，问到延迟加载和缓存页面资源的问题，最后问用没用过manifest。“真没用过啊，实话！”今天就来玩一玩manifest。目录1.Application Cache是什么2.Manifest文件是什么3.如何更新缓存4.实例5.疑问 使用HTML5，通过创建cache manifest文件，可以轻松地创建web应用的离线版本。 1....
2015-04-17 15:15:23
1111
windows下python的web环境搭建使用
这两天看了一个Backbone的教程，感谢博主一下，文章在此：https://github.com/the5fire/backbonejs-learning-note 但是最后被博主用的python技术所吸引，这。。。。好吧，不说了。 下面总结一下windows下python的Web环境搭建。 在windows上搭建python的web环境还是比较容易的，...
2015-04-16 11:34:26
1303
原创 jquery有用的插件总结---持续更新中
1.即时编辑插件 Jeditable官网：http://www.appelsiini.net/projects/jeditable/custom.html需求：我想在网页点击或者滑过某个区域文字的时候，就想编辑它，那咋办嘞，福音来了。Jeditable来了。说明：因里面引用了google的jquery，故打开也看不到效果，除非你已经翻---墙了建议来github下载源码，地址：...
2015-04-12 18:30:36
108
原创 httpclient4.3 上传下载文件
转自：http://blog.csdn.net/lianghongge/article/details/42120751 http://www.oschina.net/code/snippet_1864608_37835 通过httpclient的上传文件，可以处理跨域上传的问题，比如先上传到A服务器的某个临时文件目录下(临时目录下的文件，可以定时清理，通过编写...
2015-04-08 10:42:31
393
利用junit对springMVC的Controller进行测试
平时对junit测试service/DAO层已经很熟悉不过了，如果不了解，可以猛戳这里，但是我们要测试controller层，不能总重启服务器吧，（重启tomcat好慢的飘过，别。。。别走啊），那么我们就用junit4模拟请求，测试controller层的方法。 代码1：直接Controller调用方法 import static or...
2015-04-07 22:19:35
286
ajaxFileUpload上传图片预览总结
背景：我们平时在做项目的时候，肯定会遇到上传头像、图片、文件等异步上传的功能，今天就以ajaxFileupload组件上传头像为例总结一下该组件的用法。 Tips: 我在以前的博客中分享过三种上传组件，其实主要代码已经在这篇文章体现了，今天再次总结一下ajaxfileupload这个组件，发现在高版本(1.9以上)的Jquery下aja...
2015-04-07 20:08:27
438
SimpleCaptcha验证码组件使用
最近需要做一个验证码信息，在网上找了些验证码组件，选择了SimpleCaptcha组件，java服务器端代码，简单方便使用。 对于此组件里的中文字的验证码，不是很合适，有时候会出现乱码情况，我认为如果想要加入中文字的验证，自己实现匹配就行了。 我这里只做抛砖引玉，贴出主要代码，源码包，SimpleCaptcha组件的源码和DOCS供参考使用(全包超过10m...
2015-03-31 13:19:13
557
原创 Android sdk content loader 0%的解决方案
转载：http://jingyan.baidu.com/article/8cdccae99a6d4b315413cd97.html Eclipse在启动时，经常会碰到半天启动不起来的情况，罪魁祸首就是“Android sdk content loader 0%”，题主经常是受这玩意的百般折磨，大早上一来就被这扫了工作的激情，浪费了大把时间。Eclipse初始化不成功就干不了活，所以这事必...
2015-03-19 19:37:46
82
原创 Hibernate纯SQL查询
目前有个项目使用了hibernate，让使用mybatis的我有点不舒服，hibernate更多的是对单表的处理方便，对于多表查询不是很方便，所以不可避免要用到纯SQL查询，而我又比较喜欢List<Map>的返回值，所以例子如下： String sql = "select a.ID,a.account_id,a.company_id,a.score a...
2015-03-19 14:18:41
87
原创 常用正则表达式之二
常用正则表达式大全！（例如：匹配中文、匹配html） 匹配中文字符的正则表达式： [u4e00-u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配双字节字符(包括汉字在内)：[^x00-xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正...
2015-03-19 14:01:57
90
原创 JSTL总结使用
好久不用JSTL了，以前也没有好好总结，现在有个项目需要用到这个，就慢慢总结吧 1.<c:forEach> <c:forEach> 为循环控制，它可以将集合(Collection)中的成员循序浏览一遍。运作方式为当条件符合时，就会持续重复执行<c:forEach>的本体内容。 语法 语法1：迭代一集合对象之所有成员 ...
2015-03-19 13:42:15
71
情人节表白话像电影字幕一样呈现
明天就是情人节了，程序猿屌丝们是不是都是单身dog呢？今年很罕见，我不是单身啦。情人节老送花啊，巧克力啊，戒指，耳环啊等等这些东西当然。。。。不可避免啦。我们程序猿应该有我们自己的素养和浪漫情怀，今天我做了一个界面送给我的女朋友，用来表达我的爱意。界面打开后自动播放“滴答”的音乐，字幕像电影开场一样，一点一点的显示出来，引人入胜。其实我还做了另一个界面，类似微信里滑一滑翻页的效果...
2015-02-13 13:31:41
453
自适应table
在手机竖屏和PAD端表格显示的自适应处理，摘自《高性能HTML5》 复制粘贴就可以看效果哦。d <!DOCTYPE HTML><html> <head> <title> New Document </title> <meta name="Generator" content=&quo
2015-02-12 14:53:06
471
AngularJS表单提交例子
AngularJS中的数据绑定 AngularJS创建实时模板来代替视图，而不是将数据合并进模板之后更新DOM。任何一个独立视图组件中的值都是动态替换的。 ng-app属性声明所有被其包含的内容都属于这个AngularJS应用，这也是我们可以在Web应用中嵌套AngularJS应用的原因。只有被具有ng-app属性的DOM元素包含的元素才会受Ang...
2015-02-12 14:44:46
338
WebKit渲染过程----《WebKit技术内幕》读书笔记
webkit一般性渲染过程 在浏览器中，有一个最重要的模块，它主要作用是将页面转变成可视化的图形结果，这就是浏览器内核。通常，它也被称为渲染引擎。所谓的渲染，就是根据描述或者定义构建数学模型，通过模型生成图像的过程。浏览器的渲染引擎就是能够将HTML/CSS/JavaScript文本及其相应的资源文件转换成图像结果的模块。 根据渲染引...
2015-02-04 22:49:56
313
原创 使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能
转：http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles 我们都希望创建高性能的Web应用程序。由于我们的应用程序变得越来越复杂，我们可能想要支持丰富的画面以及理想的60帧/秒，这能保证我们的应用程序响应灵敏且生动流畅。知道如何衡量和提高性能，是一个有用的技...
2015-02-04 09:54:13
125
原创 Chrome渲染分析之Rendering工具使用
转：http://www.ghugo.com/chrome-rendering-tools-1/ 页面的绘制时间（paint time）是每一个前端开发都需要关注的的重要指标，它决定了你的页面流畅程度。而如何去观察页面的绘制时间，找到性能瓶颈，可以借助Chrome的开发者工具。本文主要介绍Chrome渲染分析工具 Rendering。如上图，按F12调出开发者工具，然后按“E...
2015-02-04 09:41:49
1123
原创 Chrome渲染分析之Timeline工具的使用
转载：http://www.ghugo.com/chrome-timeline/ 概述这个工具真的很强大，Timeline工具栏提供了对于在装载你的Web应用的过程中，时间花费情况的概览，这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。Timeline可以通过事件，框架，和实时内存用量3个方面的数据来监测网页，通过这些数据，我们可以方便的找出页面中存在问题的地方。T...
2015-02-04 09:38:38
125
原创 《高性能HTML5》优化笔记
目录什么是高性能开发原则性能准则 什么是高性能 当谈到“高性能”时，很多人想到的是页面加载时间，这是对Web开发性能的传统定义。其实性能并不仅仅是指页面加载，它还包括以下几个方面。 页面加载时间 浏览器性能 网络性能 开发效率 页面加载时间 页面加载时间过慢会使用户离开网...
2015-02-02 21:56:20
95
原创 实例讲解 SQL 注入攻击（转）
转：http://fuyi68613.iteye.com/blog/2178449 这是一篇讲解SQL注入的实例文章，一步一步跟着作者脚步探索如何注入成功，展现了一次完整的渗透流程，值得一读。翻译水平有限，见谅！ 一位客户让我们针对只有他们企业员工和顾客能使用的企业内网进行渗透测试。这是安全评估的一个部分，所以尽管我们之前没有使用过SQL注入来渗透网络，但对其概...
2015-01-26 09:56:26
327
cglib中的两个工具类BeanMap,BeanCopier
这两天看了下cglib的一些源码，发现BeanMap和BeanCopier在工作中应该可以用到，虽然已经apache和spring的相关工具类可以用了，但是多一个工具类也不嫌多嘛，况且BeanCopier的速度会更快一些。 1.BeanMap本身是实现了Map的接口，将对象转成Map很方便使用 2.不同对象的属性的COPY ...
2015-01-25 17:11:38
5085
jsdoc-toolkit生成javascriptAPI文档
前言 对于使用JAVA的人来说，查看JavaDoc文档开发非常方便。当我们开发WEB应用的时候，需要javascriptAPI文档开发。在此，我选择了jsDoc-toolkit生成相关文档。 环境：win7,jdk1.7 我在这里就不讲解jdk的安装和配置了，这样的文章太多了。 简介 ...
2015-01-22 12:47:23
102
JSON.parse和JSON.stringify总结
用Jquery用习惯了，老是用jQuery.parseJSON方法转化json对象。今天总结一下现代浏览器内置的Json处理方法，JSON.parse和JSON.stringify两个常用方法。IE8之前的就不考虑了。 1.JSON.parse 函数 (JavaScript) 作用 将 JavaScript...
2015-01-21 21:50:17
230
js获取url传递参数
function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null...
2015-01-20 10:31:44
776
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人