WEB前端
文章平均质量分 73
「已注销」
这个作者很懒,什么都没留下…
展开
-
为什么学习web前端开发?
本文主要分析web开发的相关方向及技术,为想投入web开发的同学提供下参考。什么是WEB开发说到WEB开发就不得不提两种架构模式,B/S架构和C/S架构。互联网发展初期,大多数系统都是C/S架构,C代表客户端,S代表服务器,常见的软件,比如QQ(WEB版的不算),都是采用这种架构模式。这种架构模式通过将任务合理分配到Client端和Server端,降低了系统的通讯开销,可以原创 2015-01-10 16:06:54 · 2930 阅读 · 0 评论 -
BI最佳实践:BIRT直方图模型分解
直方图是一种最普通也最易懂的报表模型,但这种模型会受页面宽度限制,比如X轴的系列值过多,无法在一排完全显示出来,有人会想到将X、Y轴做翻转,但这又太难看了,另外也有可能翻转后在一页里仍然显示不完,这时客户一般会想到,将一个图表放不下的数据折行显示,这样一直纵向地连续铺展下去,笔者当初只是有这样一个想解决这类问题的想法,晚上跳舞回来没事动手就实现了,我先把效果图贴上(注意我只设计一个直方图,并不是三转载 2013-07-11 13:42:01 · 1063 阅读 · 0 评论 -
URL编码
每个 Web 开发者都应该知道的关于 URL 编码的知识本文首先阐述了人们关于统一资源定位符(URL)编码的普遍的误读,其后通过阐明HTTP场景下的URL encoding 来引出我们经常遇到的问题及其解决方案。本文并不特定于某类编程语言,我们在Java环境下阐释问题,最后从Web应用的多个层次描述如何解决URL编码的问题来结尾。目录简介通用 URL语法HTTP转载 2013-07-02 10:20:35 · 1200 阅读 · 0 评论 -
JS常见疑点点睛(不定期更新)
1、eval解析json时为什么要强制添加()?var sts=eval("("+data+")"); 强制转化成json对象为什么eval这里要添加 “("("+data+")");?原因:这是eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。加上圆括号的目的是原创 2013-05-14 11:07:46 · 949 阅读 · 0 评论 -
js日期操作
js日期操作myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay()转载 2013-05-30 15:55:36 · 810 阅读 · 0 评论 -
云标签,关键字图排版 html5 canvas版
最近业余时间在做一个云标签相关的信息展现. 大概做成的情况能像微博关键字一样形成这样的图形: 在做的过程当中,查阅了一些资料, 发现自己有点out了,在国外已经在wordle.net这样的网站. 也有一个叫做信息视觉化(Information Visualization)的概念.于是顺着这个概念再googling了一些相关的知识.转载 2013-09-03 10:23:05 · 3726 阅读 · 0 评论 -
使用HTML5和CSS3创建一个时髦的联系表单
遵循这个步骤,循序渐进的过程,完全摆脱了HTML5和CSS3创建自己的时尚的接触形式。我们将用几个方便的新功能在HTML5添加很酷的功能,我们的形式,同时使用酷CSS3属性代码重新在我们的Photoshop概念纯粹。 设计,我们将建立功能丰富的接口的所有的东西,使梯度,突出和阴影!我们将首先在Photoshop创建一个可视化的概念,但是当它涉及到建筑形式,我们将重新HTML转载 2013-09-04 10:44:24 · 1923 阅读 · 2 评论 -
CSS基础
1、引入CSS的四种方式行内样式、内嵌样式、链接样式、导入样式。2、CSS选择器基本选择器:标签选择器,ID选择器,类选择器,通用选择器。通用选择器:*{css代码}。作用:对整个网页中所有HTML标签进行样式定义。常用用法:定义*{margin:0;padding:0}通用样式,并置于CSS文件最顶端,用于对HTML内所有的标签进行重置以保证页面能兼容多种浏览器。原因原创 2014-02-23 22:05:45 · 3892 阅读 · 0 评论 -
JQuery Ajax Post传递中文乱码
JQuery Ajax Post传递中文乱码ajax与jquery.ajax中文参数post传递乱码处理方法今天在做项目时,需要用到Ajax,之前我在用GET方式传递中文参数时,只需要在后台程序中设置页面编码为GB2312即中文能正常显示,可是这次由于表单项目较多,不适合用GET方式传递,只能用POST方式,但发现后台程序中设置编码为GB2312时中文还是显示的乱码。经过一原创 2013-05-30 15:43:29 · 11911 阅读 · 0 评论 -
SpringSecurity2 session超时跳转登陆界面
项目中权限系统使用的是Spring Security2.0,由于对session过期没有过多的支持(Spring Security3.0支持session超时的配置设置),所以只能自己实现。简单的说,也就是通过过滤器拦截请求,判断session是否过期,如果过期跳转登陆界面,否则放行。具体实现如下:1、web.xml中添加过滤器配置 SessionTimeoutFilter c原创 2014-01-08 16:17:54 · 5454 阅读 · 0 评论 -
前端工具汇总(不定期更新)
1、url action editor 作用:快速修改swf链接http://www.joomme.com/uae-download.html2、加噪http://www.noisetexturegenerator.com/原创 2013-05-11 15:47:22 · 777 阅读 · 0 评论 -
CKeditor插件开发流程
1.放在多文件中第一步:config.js中config.extraPlugins = '插件名称';//注册插件,extraPlugins只允许出现一次,你如果之前有新增别的插件,那么用逗号分隔 第二步:plugins文件夹下新建:插件名称 文件夹第三步:1:在plugins/插件名称/下新建plugin.js;2:在plugins/插件名称/下新建 dialogs文原创 2013-11-06 11:47:24 · 2757 阅读 · 0 评论 -
Iframe父窗口与子窗口
iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN();那么只要在C页面中写如下JS函数就可以了:window.parent.AFUN();如果AFUN()有参数也可以直接传递合适的参数转载 2013-10-21 14:40:29 · 1937 阅读 · 0 评论 -
Cookie
什么是Cookie?A cookie, also known as an HTTP cookie, web cookie, or browser cookie, is a small piece of data sent from a website and stored in a user’s web browser while a user is browsing a website. W原创 2013-07-26 09:27:36 · 1784 阅读 · 0 评论 -
用户研究方法介绍――情绪板(Mood Board)
用户研究方法介绍――情绪板(Mood Board) by 用研组 本文为UCD书友会2009年年会工作坊的讲义。当时受UCD China的邀请,在年会上举办一个用户研究主题的工作坊。刚好那段时间公司有用户研究项目正在尝试使用情绪板(Mood Board)的方式,以更多地发掘用户在产品视觉方面的想法。经过一段时间的尝试后,我们发现情绪板方式除了能帮助我们做视觉研究之外,其转载 2013-08-02 09:18:44 · 4583 阅读 · 0 评论 -
使用渐进式JPEG来提升用户体验
今天才认识到原来JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,他们的扩展名也是相同的,唯一的区别是二者显示的方式不同。 Baseline JPEG 这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中。打开这个文件显示它的内容时,数据将转载 2013-08-02 09:15:55 · 1840 阅读 · 0 评论 -
JS函数闭包
一、什么是闭包? 官方的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。 相信很少有人能直接看懂这句话,因为他描述的太学术。其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包.不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的转载 2013-05-30 16:10:42 · 1146 阅读 · 0 评论 -
JQuery正则表达式
JQuery正则表达式调用:var checkNum = /^[A-Za-z0-9]+$/;checkNum.test($(this).val()); 1.非负整数 /^/d+$/ 2.正整数 /^[0-9]*[1-9][0-9]*$/ 3.非正整数转载 2013-05-30 15:41:35 · 953 阅读 · 0 评论 -
编辑器CKEditor用法简析
本文主要介绍如何将CKEditor集成到Java开发环境中,CKEditor是FCKEditor的升级版,使用很方便。下面是基本使用方法:第一步:下载必要的库1、到CKEditor官网http://www.fckeditor.net/download/下载Ckeditor4.0.2,这是目前最新的版本,4.1马上就出来了。2、找到CKEditor 3.6.4 for Java,down原创 2013-03-20 17:20:19 · 1516 阅读 · 0 评论 -
JS日期处理工具类
var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当原创 2013-04-02 19:09:30 · 2048 阅读 · 0 评论 -
JS日期处理工具类
/** * 此JS文件是格式化JS中日期时间的工具类,其中包含了传入日期对象Date,格式化成想要的格式, * 或者传入字符串格式的时间个,次字符串日期对应的格式可以转换为相应的日期对象, * 可以计算两个日期之间的差值 * * y: 表示年 * M:表示一年中的月份 1~12 * d: 表示月份中的天数 1~31 * H:表示一天中的小时数 00~23 *原创 2013-04-02 19:08:15 · 2271 阅读 · 1 评论 -
JS日期操作函数
Date.prototype.Format 日期格式化Date.prototype.DateAdd 日期计算Date.prototype.DateDiff 比较日期差Date.prototype.toString 日期转字符串Date.prototype.toArray 日期分割为数组Date.prototype.DatePart 取日期的部分信息Date.prototype.MaxD原创 2013-04-02 18:47:25 · 914 阅读 · 0 评论 -
JS时间工具类
/*** 时间对象的格式化*/Date.prototype.format = function(format){ /* * format="yyyy-MM-dd hh:mm:ss"; */ var o = { "M+" : this.getMonth() + 1, "d+" : this.getDate(), "h+" : this.getHours(), "m+" : t原创 2013-04-02 19:06:55 · 976 阅读 · 0 评论 -
DWZ使用问题解析01
最近项目中要使用FreeMarker,DWZ等前端技术,所以会搜集一些相关文章,都是来自网上,供自己和大家查阅,以下是DWZ篇,不定时更新:由于DWZ文档比较多,所以不再介绍如何使用,详情可参考DWZ-JUI,上面有文档和视频。此处主要介绍DWZ使用过程中的常见问题和解决方法,多数搜集于网上,在此留个备份以供大家参考。1、DWZ获取Dom节点应注意的问题DWZ 核心就是通过Ajax 获原创 2013-04-01 13:39:55 · 5493 阅读 · 3 评论 -
FreeMarker使用详解
最近项目中要使用FreeMarker,DWZ等前端技术,所以会搜集一些相关文章,都是来自网上,供自己和大家查阅,以下是FreeMarker篇,不定时更新:FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成:1,文本:直接输出的部分2,注释:格式部分,不会输出3,插值:即${...}或#{...}格式的部分,将使用数据模型原创 2013-04-01 10:28:18 · 3133 阅读 · 0 评论 -
EXTJS的继承机制
1.对象的继承对象继承是子类对象复制其父类对象的属性和方法,从而得到父对象的属性和功能.Ext的对象继承是通过Ext.apply方法获得,实现原理是通过对象的反射实现.code: Ext.apply = function(o,c,defaults){ if(defaults) Ext.apply(o.defaults); if(o&& c &&转载 2013-06-30 17:44:58 · 1585 阅读 · 0 评论 -
支撑5亿用户、1.5亿活跃用户的Twitter最新架构详解及相关实现
Twitter出道之初只是个奋斗在RoR上的小站点,而如今已拥有1.5亿的活跃用户,系统日传输tweet更多达4亿条,并已完成了以服务为核心的系统架构蜕变。Twitter如今在世界范围内已拥有1.5亿的活跃用户,为了给用户生成timeline(时间轴)需支撑30万QPS,其firehose每秒同样生成22MB数据。整个系统每天传输tweet 4亿条,并且只需要5分钟就可以让一条twee转载 2013-07-17 22:38:20 · 1443 阅读 · 0 评论 -
jQuery选择器
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素,返回div元素数组$(".myClass") 选择使用myCla转载 2013-07-05 11:20:24 · 544 阅读 · 0 评论 -
14款响应式前端开发框架
摘要:使用前端开发框架可以大大简化开发过程,所开发网站具有跨浏览器、一致性、响应式等特点。本文收集了14款响应式前端开发框架,且分别指出所包含的UI组件及JavaScript插件。几乎所有的框架都采用了响应式网格系统。前端开发并不是一个容易的工作,不仅需要掌握HTML、CSS和JavaScript,针对不同的浏览器版本和平台,还需要了解如何设计出跨平台的网站。如今随着响应式设计的流行,转载 2013-07-25 15:27:41 · 3756 阅读 · 0 评论 -
20款响应式jQuery插件
摘要:jQuery是开发者的福音,利用它可开发出各种功能的插件。这些插件可帮助开发者定制更复杂的动画效果。据统计,具有最高访问量的10000家网站中,65%会用到jQuery插件。本文将例举最流行的20款响应式jQuery插件。jQuery是开发者的福音。2006年8月jQuery发布之前,Web开发者经历着痛苦的开发过程。从简单的菜单栏到复杂的内容滚动条,所有的功能都需要开发者亲自开转载 2013-07-25 15:29:30 · 1493 阅读 · 1 评论 -
15个jQuery代码片段
摘要:开发人员利用jQuery代码不仅能给网站带来各种动画、特效,还会提高网站的用户体验。本文总结了开发者经常使用的15个jQuery代码片段,大家可以直接拿来用。jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。本文收集了15段非常实用的jQuery代码片转载 2013-07-23 13:04:28 · 812 阅读 · 0 评论 -
JavaScript开发工具
0. MicroJS需要够快的代码吗? MicroJS是一个全新的网站,旨在提供常用的JavaScript代码片段:AJAX、JSON、DOM,OO JavaScript等等。访问:http://microjs.com/ 1. Diva.jsDIVA是集查阅文档、设计工作与数字图书馆为一体的连续性项目。用于呈现多页码文件。它与IIPImage服务器同转载 2013-07-21 10:10:19 · 2035 阅读 · 2 评论 -
22个免费的UI界面设计工具、资源及网站
1.原型界面制作工具Lumzy官方地址:http://www.lumzy.com/Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 2.在线工具Mockingbird官方地址:https://gomockingbird.com/Mockingbird转载 2013-07-20 22:25:35 · 29576 阅读 · 0 评论 -
Android的UI设计与后台线程交互
本文将讨论Android应用程序的线程模型以及如何使用线程来处理耗时较长的操作,而不是在主线程中执行,保证用户界面(UI)的流畅运行。本文还将阐述一些用户界面(UI)中与线程交互的API。UI用户界面线程当应用程序启动时,系统会为应用程序创建一个主线程(main)或者叫UI线程,它负责分发事件到不同的组件,包括绘画事件。完成你的应用程序与Android UI组件交互。例如,转载 2013-07-20 22:06:33 · 1608 阅读 · 2 评论 -
Aptana:JavaScript开发利器
简介 Aptana是一个非常强大、开源的专注于Ajax开发的开发工具,看下开源中国社区中对它的功能描述:JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能;Outliner(大纲):显示JavaScript,HTML和CSS的代码结构;支持JavaScript,HTML,CSS代码提示,包括JavaScript 自定转载 2013-07-21 10:26:25 · 1332 阅读 · 0 评论 -
Android应用UI设计和用户体验的10个要点
随着移动互联网超越其他产品飞速发展的大势,越来越多的开发者开始向移动应用开发转移,利用优秀的创意在业余时间开发应用。每个应用开发都会有这样一个阶段:产品基本完成,接下来干什么?听说过“用户体验”吗?接下来,我们来看十个技巧,以其帮助新的开发者在应用发布前,最大限度的挖掘潜能,降低差评和低下载量等等风险。1、初开启体验优秀的网站和应用有相同的优点:都能够在瞬间就吸引住用户或访转载 2013-07-20 21:43:08 · 972 阅读 · 0 评论 -
CSS编码器
摘要:本文收集了九款超级有用的CSS编码必备神器,包括:Pure CSS、CSS Trashman、Glue、Helium CSS、Bear CSS等等,希望你会喜欢。当你在开发某个网站或者应用时,找到适宜的工具绝对能帮助您节省大量的时间,本文,笔者收集了九款超级有用的CSS编码工具,借助这些优秀的工具能大大地减少开发时间,加快开发进度。Pure CSS转载 2013-07-19 22:24:38 · 938 阅读 · 0 评论 -
DWZ使用问题解析02
1、Table排序问题dwz排序是后台排序,不是前台的js排序,具体流程和搜索,分页是一样的,当你点击排序的按钮时,重新发送请求刷新当前的navTable和dialog。在table头中指定要排序的字段,点击排序按钮时就会把这个orderField 值发送过去,并且还会发送一个orderDirection(asc desc)值,根据orderField值判断排序属性字段,根据o原创 2013-04-01 15:04:15 · 3257 阅读 · 0 评论