前端_html_css_js_extjs
hjm4702192
这个作者很懒,什么都没留下…
展开
-
页面前端的水有多深?
但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢?网易邮箱前端技术中心也原创 2012-07-10 09:13:18 · 2711 阅读 · 0 评论 -
多种 网页文本编辑器 分析
文本编辑器应用总结一. lhgeditor文本编辑器lhgeditor组件文件结构:1. lhgeditor.js: 组件的核心JS文件2. lhgeditor.css:组件的样式表文件3. images:组件所需的图片都在此文件夹中以上三个文件为组件所必须的三个文件,组件包中其它以“_”开头的文件为示例的演示文件,实际使用中不需要这些文件。当然框架核心文件lhgcore.原创 2013-12-02 15:05:52 · 1751 阅读 · 0 评论 -
如何成为一名优秀的web前端工程师
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西。 我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。 何为:前端工程师? 前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。 Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript原创 2013-12-09 21:52:43 · 1658 阅读 · 0 评论 -
详细分析 javascript 的内存分配
JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收机制的理解。1.用局部变量和全局变量解释GCGC在回收内存时,首先会判断该对象是否被原创 2013-12-13 09:22:41 · 1442 阅读 · 0 评论 -
velocity 时间显示 时间格式化 时间转化
思想:通过前台展现层(Velocity)中的工具(tools)方法来修改。***************具体修改步骤:1、在toolbox.xml配置文件中添加以下代码: date application org.apache.velocity.tools.generic.DateTool2、在前台页面中需要显示时间的地方添加这样的代码:例如:要转载 2014-03-27 14:16:47 · 2701 阅读 · 0 评论 -
html倒计时代码
<!--//document.write("");function show_date_time(){window.setTimeout("show_date_time()", 1000);BirthDay=new Date("6/07/2010 08:00:00");//这个日期是可以修改的today=new Date();timeold=(BirthDay.getTime()-to转载 2014-03-24 17:17:47 · 3688 阅读 · 0 评论 -
javascript setinterval 正确的语法
前几天我用setinterval 写了一个小程序,这个setinterval是用来干什么的我就不理解了。写的方法在其它的浏览器里都能用,后来测试组的同事拿去一测就出了问题。因为她们爱用360,还有IE。我两天之内百思不其解,IE始终是报方法的参数有误,后来就是报找不到方法,最终我找到问题所在!但我实在要强烈的表达我的不满,问题就在于大家网上抄来抄去的太多了,导致抄到后来原创 2014-04-22 10:42:50 · 1304 阅读 · 0 评论 -
javascript 把时间戳转为时间 ajax HTML拼装
这个目的是记下来,好让我以后可以看一下,这个脚本可是反反复复写了我N天啊!!全部写下,以原创 2014-04-24 15:50:33 · 2184 阅读 · 0 评论 -
如何设制 select 不可编辑 只读
1. 这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并选择之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的选择。2.设置disabled属性这个看起来更直接,直观就是有只读的感觉,也不可以点击和下拉了。里面的字也会变成灰色当属性设置为"disabled"时,提交表单时,select的值无法传递,提交前移除disabled属性$("#role").remove原创 2014-06-23 13:47:37 · 18617 阅读 · 1 评论 -
javascript 下拉列表 自动取值 无需value
#foreach($item in ${applyTypes}) $!{item.name} #end function receiptAddApplyTyp原创 2014-07-25 14:38:39 · 1082 阅读 · 0 评论 -
jquery 只读
大家都理解这是什么,正常的写法如下: if (status == true) { $("#minDelistStr").val(totalAmount);// 去掉首部的“,”并写入到货品id串中 $("#minDelistStr").attr("readonly",true); } 可是在网上我居然看见有人说写成:jQuery( $("#id").attr("readonly":"reado原创 2014-07-08 15:44:00 · 1042 阅读 · 0 评论 -
struts extjs 3.3.1 读取JSON文件
json文件和脚本代码:jsonSrc/jsonTxt1.json,{ "personInfoList": [ { "id": 0, "name": "A", "age": 12 }, { "id": 1, "name":原创 2014-10-23 11:11:17 · 1383 阅读 · 0 评论 -
kindeditor用法简单介绍
最近做毕业设计用了一个叫做kindeditor的文本编辑工具,相信很多人都用过,这货和fckeditor差不多,个人感觉这个的皮肤更好看,而且对中文的支持更好,没那么容易出现中文乱码问题。下次记录一下自己的简单用法:1,首先去官网下载http://www.kindsoft.net/ 2,解压之后如图所示: 由于本人做的是用的是JSP,所以ASP,PHP什么的就用不上了,直接把那些去掉然后将整个文件转载 2014-12-29 17:42:17 · 1141 阅读 · 0 评论 -
大话“扁平化设计”
扁平化设计在当下的用户界面设计界是很有争议的,微软的Metro风最早将其介绍给大众,之后有了很多人跟风,比如LayerVault、The Next Web以及更多。许多设计师从最开始就不看好这类设计,主要是因为在稍微复杂一点的界面中,扁平化设计会带来很多困扰。扁平化设计既漂亮又清新,设计起来快,也更容易响应。如果只是绘画上的设计趋向可能会被广为接受,但是网页设计者总是对易用性持有很原创 2013-06-03 14:58:27 · 1360 阅读 · 0 评论 -
程序员们必看,不要让光环效应毁了你辛辛苦苦做的软件
如果你曾经做过程序员,即使只做了很少的一段时间,你毫无疑问的会发现这样一种令人无奈的现实情况….你在兴奋的为你的客户实现一个新功能。这个功能在业务逻辑上超级的复杂,但页面上却是非常的简单。这需要做大量的工作。在付出了巨大努力后,你刚好在用户要求的最后期限前完成了任务。开发出的新功能在业务逻辑上无懈可击,但界面没有来得急收拾,显得有些粗糙。这没什么,因为这是最容易处理的部分,也是最不容易原创 2013-06-03 15:38:53 · 1640 阅读 · 2 评论 -
很有意思的软件产品宣传画,这个美工很有创意
原创 2013-05-03 16:51:21 · 1350 阅读 · 0 评论 -
Web前端,让你代码整洁的原则
写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片: 上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看上去清爽,而第原创 2012-07-10 09:15:54 · 1067 阅读 · 0 评论 -
值得参考的 10 个 LESS CSS 实例
LESS, Sass 和其他 CSS 预处理器是一种超棒的方法用来扩展 CSS 功能,使之更适合程序员。你可以使用变量、函数、混合、继承等多种编程常用方法来编写 CSS,以更少的代码完成更多的样式。学习这些工具最好的方法是通过各种实例快速入门,今天我们向你介绍 10 个非常有用的使用 Less CSS 的实例。使用 LESS如果你还没接触过 LESS CSS ,可以阅读下面两篇文章:原创 2012-10-30 15:39:33 · 1180 阅读 · 0 评论 -
decorator 装饰器模板 详解
要使用decorator标签需要下载sitemesh.jar包. decorator标签可以轻松解决页面布局的问题,轻松是因为相比标签(需要在每个页面都用他引入JSP)而 言,decorator标签的使用很简便,只需要在配置文件decorators.xml进行相应的配置再加上一个装饰器(其实就是一个JSP页面)即 可.加上强大的过滤器,你可以装饰何一个被打开的页面,而不用像以前一样原创 2012-11-09 08:44:58 · 1669 阅读 · 0 评论 -
Unable to compile class for JSP 装饰器
装饰器装饰了目标页INDEX.JSP后。突然报Unable to compile class for JSP错误,删除了<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()原创 2012-11-08 14:27:36 · 796 阅读 · 0 评论 -
Unable to compile class for JSP 装饰器
装饰器装饰了目标页INDEX.JSP后。突然报Unable to compile class for JSP错误,删除了<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort原创 2012-11-08 14:27:43 · 755 阅读 · 0 评论 -
自然用户界面
编 者按:自然用户界面(Natural UserInterface)成了近来业内的时髦词,手势、语音、触控……各种新的界面操作方式从实验室里飞进了千家万户。可到底什么样的界面才算得上自然?是不用鼠标键盘,看着很炫的,还是有更微妙的含义?作者根据自己在人机交互领域研究的经历,以及从同行那里得到的许多启发,对自然用户界面作出了诠释。 (图片来自于网络)作者:曹翔常见的理解不管是有意原创 2012-12-11 16:21:06 · 1124 阅读 · 0 评论 -
CSS 和JavaScript 在ie6 ie7 ie8和…
居中问题div里的内容,IE默认为居中,而FF默认为左对齐可以尝试增加代码margin:auto高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 h原创 2012-12-11 16:21:56 · 634 阅读 · 0 评论 -
基于鼠标点击跟踪的用户点击行为分…
你想知道你的网站设计是否合理吗?你确定你的那些按钮和链接是放在该放的位置了吗?你想知道用户到底对页面上的哪些地方感兴趣吗?没有人能猜出来用户到底喜欢什么,那些“我以为”“我觉得”云云都是扯淡。你有数据吗?前一阵看到车东的《基于鼠标点击跟踪的用户点击行为分析》,觉得是个很不错的主意,可以跟踪点击行为来分析用户在自己网站上的行为特点,给设计部门一个直观的科学的参考,进而进行有针对性的改进。自己试原创 2012-12-11 16:19:24 · 1414 阅读 · 0 评论 -
HTML5的明天,局部有小雨
前言:现在 HTML5 技术很热,那么作为开发者,你的产品是否可以赶个潮流,可以用 HTML5 来做呢?Facebook前研发经理王淮(weibo)在博客上发表了一篇文章,专门为开发者们考虑了这个问题。HTML5的确很有魅力,但它并不是万灵丹,如果你是 Web端,那么就是一片晴天,如果是在手机端,那么可能会有小雨。本文由作者授权发表,TECH2IPO 二次编辑。HTML5 是什么?为什么很转载 2012-12-13 08:42:54 · 941 阅读 · 0 评论 -
photoshop cs3 字体 即时预览
安装photoshop cs3后,出现了文字输入问题,那就是在输入文字以后,文字并不会立刻显示,而是在变幻其他工具以后才会显示(即不能自动刷新)。原因找了很久,最终发现,这是adobe photoshop cs3与windowsxp sp3的兼容性问题,很多windowsxp sp3系统都是这样。解决方法非常简单如下: PS CS3菜单栏→编辑→首选项→文字→字体预览大小(去掉勾)然后重启PS就行原创 2012-12-14 16:48:57 · 1816 阅读 · 0 评论 -
详解 javascript:void(0)
在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。 目前有如下几种解决办法: 1)点击链接后不做任何事情 Java代码1."javascript:void(0);" >test 2."ja原创 2013-04-09 17:15:48 · 1870 阅读 · 1 评论 -
十大界面原型与布局工具
创建网页或者程序不仅要关注主页的排版以及与主题想匹配的图片,还应注重视觉设计,这是因为它更能吸引用户进而提升搜索量。因此,项目开发首先需要确立良好的设计,创意是必不可少的。所以,项目经理、Web设计师、开发者在线框和原型工具方面需要具备一定的功底。本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。1. SolidifyS转载 2013-04-19 15:24:11 · 1116 阅读 · 0 评论 -
jQuery 2.0发布 不再支持IE 6/7/8
jQuery 2.0如期发布,该版本不再支持IE 6/7/8浏览器,因此变的更轻更快,但仍然可以继续运行在JavaScript环境中,在兼容这些老版本浏览器时,由于自身原因,常会产生一些错误。但别担心,jQuery团队将继续对1.x 版本分支进行维护,如果你无法抛弃IE 6/7/8,那么你可以继续使用jQuery 1.9和即将发布的1.10。随着jQuery 2.0的发布,jQuery团队转载 2013-04-22 08:38:23 · 899 阅读 · 0 评论 -
div绑定keydown事件
要想给一个元素绑定keydown事件我们经常这样:$('#some_thing').keydown(function(event){......})但是当你尝试给div元素绑定时会发现不起作用, 解决办法是给这个div添加一个tabindex的属性:$('#some_div').attr('tabindex', 1).keydown(function(event){......})DIV直接使...原创 2018-05-03 17:23:44 · 6864 阅读 · 0 评论